-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
71 lines (70 loc) · 2.37 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Trail Finder</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1>Find Optimal Trail Route</h1>
<h2>Instructions</h2>
<ol>
<li>
Upload ".geojson" files from Gaia GPS tracks that you recorded or click
"Load Samples" button to try it out.
</li>
<li>
Give each trail a a starting and ending ID. Each trail should have at
least one point that matches another trail. If any the trails is
disconnected from the the rest of the trails, the program will not be
able to find a route.
</li>
<li>Click the "Calculate Shortest Route" button.</li>
</ol>
<div class="btn-box">
<div class="upload-form">
<form method="post" enctype="multipart/form-data">
<input type="file" name="files[]" multiple />
<input type="submit" value="Upload File" name="submit" />
</form>
</div>
<div class="upload-sample-btn">
<button id="intersect-btn">Save Intersections</button>
<button id="load-sample-btn">Load Sample Trails</button>
<button id="delete-all-btn">Delete All Trails</button>
</div>
</div>
<div class="box">
<div id="trail-list" class="trails-list-head trail-rows">
<div>Name</div>
<div>Distance (Meters)</div>
<div>Time (MM:SS)</div>
<div>Speed (km/hr)</div>
<div>Trail Start</div>
<div>Trail End</div>
</div>
<div id="trails"></div>
<div id="trail-total" class="trail-total trail-rows">
<div>Total:</div>
<div id="total-dist"></div>
<div id="total-time" class="total-time"></div>
<div id="avg-speed" class="avg-speed"></div>
</div>
</div>
<div class="btn-box">
<div>
<input id="startingPoint" type="text" />
<button id="calculate-shortest-start-btn">
Shortest Route from Intersection
</button>
</div>
<button id="calculate-shortest-btn">Calculate Shortest Route</button>
</div>
<div class="box"></div>
<div id="routes"></div>
<!-- <script src="upload.js"></script> -->
<script src="script.js"></script>
</body>
</html>