-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
executable file
·185 lines (158 loc) · 10 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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="favicon.ico">
<title>Open Glider Network Range Tool</title>
<!-- Bootstrap core CSS -->
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="files/bootstrap/bootstrap.colorpickersliders.css" rel="stylesheet">
<!-- Open Layers and OpenStreetMaps CSS -->
<link href="files/ol/ol.css" rel="stylesheet" type="text/css" />
<!-- On Glide Range overriding CSS -->
<link href="files/style.css" rel="stylesheet">
<script src="files/url.js"></script>
<script type="text/javascript">
var OgR = url;
var dLat = 52.1290225;
var dLon = 6.8567554;
var dZoom = 4;
</script>
<script src="files/mgrs.min.js"></script>
<script src="files/maptiles2.js"></script>
<script src="files/heatmap2.js"></script>
</head>
<body onload="initialize()">
<div style="position: absolute; top: 0px; left: 0px; width: 100%; height:100%">
<div id="top_row" style="position: relative; top: 0px;">
<div class="navbar navbar-default" style="margin-bottom: 0px;">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#topNavbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Open Glider Network Range</a>
</div>
<div class="navbar-collapse collapse" id="topNavbar">
<ul class="nav navbar-nav navbar-right" style="margin-bottom: 0px; margin-top: 0px;">
<form class="navbar-form navbar-right" role="search" style="margin-right: 0px;">
<div class="xform-groupx stationlist" style="display: inline-block; vertical-align: middle;">
<input type="text" id="typeahead" class="form-control" placeholder="Showing All, Choose" />
</div>
<button type="submit" class="btn" onclick="getStationData($('#typeahead').val())">Goto</button>
<button type="submit" class="btn btn-default" onclick="getStationData('');">Show All</button>
<div class="btn-group nav ">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
When <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#" onclick="return setWhen('today')" id="today"><span class=""></span> Today</a></li>
<li><a href="#" onclick="return setWhen('yesterday')" id="yesterday"><span class=""></span> Yesterday</a></li>
<li><a href="#" onclick="return setWhen('lastweek')" id="lastweek"><span class=""></span> Last 7 Days</a></li>
<li><a href="#" onclick="return setWhen('d30')" id="d30"><span class=""></span> Last 30 Days</a></li>
<li><a href="#" onclick="return setWhen('d60')" id="d60"><span class=""></span> Last 60 Days</a></li>
<li><a href="#" onclick="return setWhen('recent')" id="recent"><span class=""></span></span> Since 01/01/ThisYear</a></li>
<li><a href="#" onclick="return setWhen('all')" id="all"><span class=""></span> Since 31/03/2015 (V6 Air Protocol)</a></li>
</ul>
</div>
<div class="btn-group nav ">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
What <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#" onclick="return setWhat('max')" id="max"><span class=""></span> Maximum Signal Strength</a></li>
<li><a href="#" onclick="return setWhat('average')" id="average"><span class=""></span> Average Signal Strength</a></li>
<li><a href="#" onclick="return setWhat('receivers')" id="receivers"><span class=""></span> Number of Receivers</a></li>
<li><a href="#" onclick="return setWhat('coverage')" id="coverage"><span class=""></span> Likely Coverage (Based on Up Receivers)</a></li>
<li><a href="#" onclick="return setWhat('lowres-coverage')" id="lowres-coverage"><span class=""></span> Likely Coverage (All Receivers - LowRes)</a></li>
<li><a href="#" onclick="return setWhat('samples')" id="samples"><span class=""></span> Number of Samples</a></li>
<li><a href="#" onclick="return setWhat('lowest')" id="lowest"><span class=""></span> Lowest Height</a></li>
</ul>
</div>
<div class="btn-group nav ">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Options <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#" onclick="return toggleOptions('circles')" id="circles"><span class=""></span> Show 10km circles</a></li>
<li><a href="#" onclick="return toggleOptions('ambiguity')" id="ambiguity"><span class=""></span> Show ambiguity squares</a></li>
<li><a href="#" onclick="return toggleOptions('airspace')" id="airspace"><span class=""></span> Show airspace</a></li>
<li><a href="#" onclick="return toggleOptions('airports')" id="airports"><span class=""></span> Show airports</a></li>
<li class="divider"></li>
<li class="dropdown-submenu pull-left">
<a href="#">Minimum Value Colour</a>
<ul class="dropdown-menu pull-left">
<li class="dropdown-submenu"><div id="minc"></div></li>
</ul>
</li>
<li class="dropdown-submenu pull-left">
<a href="#">Maximum Value Colour</a>
<ul class="dropdown-menu">
<li class="dropdown-submenu"><div id="maxc"></div></li>
</ul>
</li>
</ul>
</div>
</form>
</ul>
</div><!--/.nav-collapse -->
</div>
<div id="description" style="text-align: center;"></div>
</div>
<div id="middle-row" style="position: relative; top: 0px;">
<div id="map_canvas" style="position: relative; width: 100%"></div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Tools Used</h4>
</div>
<div class="modal-body">
<ul>
<li>Perl - data collection</li>
<li><a href="http://search.cpan.org/dist/Ham-APRS-FAP/">Ham-APRS-FAP</a> - APRS server connection and packet parsing</li>
<li>BootStrap - lazy headers</li>
<li>OGN - a bunch of gliding enthusiastas</li>
<li>jQuery - lots of clever stuff</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div id="bottom_row" style="position: relative; bottom: 0px; overflow: hidden">
<div style="float:left; padding-left: 5px; padding-right: 5px; overflow:hidden;">
<a href="http://wiki.glidernet.org">Data from the Open Glider Network</a><br/>
Copyright (c) 2014, <a href="http://www.temeletry.co.uk">Temeletry Ltd</a>,<a data-toggle="modal" href="#myModal">Credits</a>
<span id="zoomIn_msg" style="display:none"> <b><font color="red">Zoom in to see coverage information</font></b></span>
<span id="zoomOut_msg" style="display:none"> <b><font color="red">Zoom out to see coverage information</font></b></span>
</div>
<div style="float:right; padding-left: 5px; padding-right: 5px; height: 050px; overflow-y:auto;">
<div id="details" style="display:none;"></div>
</div>
</div>
</div>
<!-- Marker tooltip -->
<div id="tooltip" class="tooltip"></div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="files/bootstrap/typeahead.bundle.js"></script>
<script src="files/tinycolor.js"></script>
<script src="files/bootstrap/bootstrap.colorpickersliders.nocielch.js"></script>
<script src="files/ol/ol.js"></script>
</body>
</html>