-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
101 lines (92 loc) · 4.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html ng-app="rare_helper_app">
<head>
<meta charset="UTF-8">
<title>ED Rare Trading Helper</title>
<!-- <link rel='stylesheet' href='//fonts.googleapis.com/css?family=font1|font2|etc' type='text/css'> -->
<script src="//yastatic.net/jquery/2.2.0/jquery.js" type="text/javascript"></script>
<script src="//yastatic.net/angularjs/1.4.8/angular.js" type="text/javascript"></script>
<script src="//yastatic.net/bootstrap/3.3.6/js/bootstrap.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="//yastatic.net/bootstrap/3.3.6/css/bootstrap.min.css" type="text/css"></style>
<!-- <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.5.3/modernizr.min.js" type="text/javascript"></script> -->
<script src="app.js" type="text/javascript"></script>
<script src="ui-bootstrap-1.2.1.min.js" type="text/javascript"></script>
<style type="text/css">
.coord_input {
width: 100px;
}
</style>
</head>
<body ng-controller="main">
<div>
<input ng-model="me.x" type="number" class="coord_input"></input>
<input ng-model="me.y" type="number" class="coord_input"></input>
<input ng-model="me.z" type="number" class="coord_input"></input>
<button ng-click="search_system_name();">Search System</button>
System Name: <input ng-model="search.system_name" ng-model-options="{debounce: 1000}" placeholder="System Name where you"></input>
Min sell distance: <input ng-model="search.target_limit" placeholder="Min sell distance"></input>
<span ng-show="search.system_name_wrong" style="color: 'red'">There is no system with this name or edsm.net don't know coords</span>
</div>
<div>
<div style="width: 700px; display: inline-block;float: left;">
<table class="table table-hover table-bordered">
<thead>
<tr>
<td>Station Name</td>
<td>System Name</td>
<td>Ls Dist</td>
<td>Price</td>
<td>Supply (Min/Max)</td>
<td>Dist</td>
<td ng-show="trading.bought_list.length > 0">Min dist</td>
<td></td>
</tr>
</thead>
<tbody>
<tr ng-repeat="system in rare_systems | filter:{ bought: false } | orderBy: current_sort" ng-style="{ 'cursor':'pointer', 'background-color': convert_to_color(system.row_color) }">
<td>{{ system.station_name }}</td>
<td>{{ system.system_name }}</td>
<td>{{ system.dist_ls | number }}</td>
<td>{{ system.price | number }}</td>
<td>{{ system.supply_rate_min }}/{{ system.supply_rate_max }}</td>
<td>{{ system.distance | number: 2 }}</td>
<td ng-show="trading.bought_list.length > 0">{{ system.min_distance_of_influence | number: 2 }}</td>
<td style="width: 130px">
<button type="button" class="btn btn-xs btn-primary" ng-click="select_current(system);">I'm here</button>
<button type="button" class="btn btn-xs btn-warning" ng-click="trading.bought_button(system);">Bought</button>
</td>
</tr>
</tbody>
</table>
</div>
<div style="width: 640px; display: inline-block;float:right;position: fixed;">
<table class="table table-hover table-bordered">
<thead>
<tr>
<td>Station Name</td>
<td>System Name</td>
<td>Ls Dist</td>
<td>Price</td>
<td>Supply (Min/Max)</td>
<td>Dist</td>
<td></td>
</tr>
</thead>
<tbody>
<tr ng-repeat="system in rare_systems | filter:{ bought: true } | orderBy: 'distance'" style="cursor: pointer;">
<td>{{ system.station_name }}</td>
<td>{{ system.system_name }}</td>
<td>{{ system.dist_ls | number }}</td>
<td>{{ system.price | number }}</td>
<td>{{ system.supply_rate_min }}/{{ system.supply_rate_max }}</td>
<td>{{ system.distance | number: 2 }}</td>
<td>
<button type="button" class="btn btn-xs btn-primary" ng-click="select_current(system);">I'm here</button>
<button type="button" class="btn btn-xs btn-info" ng-click="trading.remove_button(system);">Remove</button>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>