1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<title>AGSatTrack - Online</title> 6
7<script type="text/javascript" src="js/cvi_busy_lib.js"></script>
vendor: 1 bytes, line 7
7
8<script type="text/javascript"> 9 ctrl = getBusyOverlay(document.documentElement, {color:'black', opacity:0.5, text: 'Loading Please Wait ...'}); 10</script>
10 11 12<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
13<script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
13 14 15<link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css" />
16<script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script>
16 17 18<link rel="stylesheet" href="/css/agsattrack.css"> 19<link rel="stylesheet" href="/css/ribbon.css"> 20<link rel="stylesheet" href="/css/statusbar.css"> 21<link rel="stylesheet" href="/css/views.css"> 22<link rel="stylesheet" href="/css/windows.css"> 23 24<link rel="stylesheet" type="text/css" href="/js/easyui/themes/gray/easyui.css"> 25<link rel="stylesheet" type="text/css" href="/js/easyui/themes/icon.css"> 26<link rel="stylesheet" type="text/css" href="/js/jqueryui/smoothness/jquery-ui.css"> 27<link rel="stylesheet" type="text/css" href="/js/agchecklist/checkList.css"> 28
29<script type="text/javascript" src="/js/jquery.js"></script>
vendor: 1 bytes, line 29
29
30<script type="text/javascript" src="/js/jqueryui/jquery-ui.js"></script>
vendor: 1 bytes, line 30
30
31<script type="text/javascript" src="/js/easyui/jquery.easyui.min.js"></script>
vendor: 1 bytes, line 31
31
32<script type="text/javascript" src="/js/easyui/extensions/datagrid-filter/datagrid-filter.js"></script>
vendor: 1 bytes, line 32
32
33<script type="text/javascript" src="/js/easyui/extensions/datagrid-scrollview/datagrid-scrollview.js"></script>
33 34 35
36<script type="text/javascript" src="/js/konva/konva.js"></script>
36 37
38<script type="text/javascript" src="/js/agsattrack.js"></script>
vendor: 1 bytes, line 38
38
39<script type="text/javascript" src="/js/cookies/jquery.cookies.js"></script>
vendor: 1 bytes, line 39
39
40<script type="text/javascript" src="/js/classes/querystring.js"></script>
vendor: 1 bytes, line 40
40
41<script type="text/javascript" src="/js/classes/settings.js"></script>
vendor: 1 bytes, line 41
41
42<script type="text/javascript" src="/js/classes/datamanager.js"></script>
vendor: 1 bytes, line 42
42
43<script type="text/javascript" src="/js/agselector/agselector.js"></script>
43 44
45<script type="text/javascript" src="/js/classes/views/passesview.js"></script>
vendor: 1 bytes, line 45
45
46<script type="text/javascript" src="/js/classes/views/3dview.js"></script>
vendor: 1 bytes, line 46
46
47<script type="text/javascript" src="/js/classes/views/polarview.js"></script>
vendor: 1 bytes, line 47
47
48<script type="text/javascript" src="/js/classes/views/skyview.js"></script>
vendor: 1 bytes, line 48
48
49<script type="text/javascript" src="/js/classes/views/timelineview.js"></script>
vendor: 1 bytes, line 49
49
50<script type="text/javascript" src="/js/classes/views/listview.js"></script>
vendor: 1 bytes, line 50
50
51<script type="text/javascript" src="/js/classes/views/options.js"></script>
vendor: 1 bytes, line 51
51
52<script type="text/javascript" src="/js/classes/views/debug.js"></script>
vendor: 1 bytes, line 52
52
53<script type="text/javascript" src="/js/classes/views/home.js"></script>
vendor: 1 bytes, line 53
53
54<script type="text/javascript" src="/js/classes/views/azelview.js"></script>
vendor: 1 bytes, line 54
54
55<script type="text/javascript" src="/js/classes/views/dx.js"></script>
vendor: 1 bytes, line 55
55
56<script type="text/javascript" src="/js/classes/observer.js"></script>
vendor: 1 bytes, line 56
56
57<script type="text/javascript" src="/js/classes/spmengine.js"></script>
57 58
59<script type="text/javascript" src="/js/classes/ui.js"></script>
vendor: 1 bytes, line 59
59
60<script type="text/javascript" src="/js/classes/tles.js"></script>
60 61
62<script type="text/javascript" src="/js/classes/sunmoon.js"></script>
vendor: 1 bytes, line 62
62
63<script type="text/javascript" src="/js/classes/planets.js"></script>
vendor: 1 bytes, line 63
63
64<script type="text/javascript" src="/js/classes/date.js"></script>
vendor: 1 bytes, line 64
64
65<script type="text/javascript" src="/js/classes/util.js"></script>
vendor: 1 bytes, line 65
65
66<script type="text/javascript" src="/js/classes/images.js"></script>
vendor: 1 bytes, line 66
66
67<script type="text/javascript" src="/js/classes/views.js"></script>
67
68<script type="text/javascript" src="/js/classes/windows.js"></script>
68
69<script type="text/javascript" src="/js/agsatbox/agsatbox.js"></script>
69 70 71<link href="/js/ribbon/ribbon/ribbon.css" rel="stylesheet" type="text/css" /> 72<link href="/js/ribbon/soft_button.css" rel="stylesheet" type="text/css" />
73<script type="text/javascript" src="/js/ribbon/ribbon/ribbon.js"></script>
vendor: 1 bytes, line 73
73
74<script type="text/javascript" src="/js/ribbon/ribbon/jquery.tooltip.min.js"></script>
74 75 76
77<script type="text/javascript" src="/js/jqwidgets/jqxcore.js"></script>
vendor: 1 bytes, line 77
77
78<script type="text/javascript" src="/js/jqwidgets/jqxdata.js"></script>
vendor: 1 bytes, line 78
78
79<script type="text/javascript" src="/js/jqwidgets/jqxbuttons.js"></script>
vendor: 1 bytes, line 79
79
80<script type="text/javascript" src="/js/jqwidgets/jqxscrollbar.js"></script>
vendor: 1 bytes, line 80
80
81<script type="text/javascript" src="/js/jqwidgets/jqxlistbox.js"></script>
vendor: 1 bytes, line 81
81
82<script type="text/javascript" src="/js/jqwidgets/jqxcheckbox.js"></script>
vendor: 1 bytes, line 82
82
83<script type="text/javascript" src="/js/jqwidgets/jqxdragdrop.js"></script>
83
84<script type="text/javascript" src="/js/jqwidgets/jqxdropdownlist.js"></script>
vendor: 1 bytes, line 84
84
85<script type="text/javascript" src="/js/jqwidgets/jqxmenu.js"></script>
vendor: 1 bytes, line 85
85
86<script type="text/javascript" src="/js/jqwidgets/jqxpanel.js"></script>
vendor: 1 bytes, line 86
86
87<script type="text/javascript" src="/js/jqwidgets/jqxwindow.js"></script>
vendor: 1 bytes, line 87
87
88<script type="text/javascript" src="/js/jqwidgets/jqxslider.js"></script>
vendor: 1 bytes, line 88
88
89<script type="text/javascript" src="/js/jqwidgets/jqxgrid.js"></script>
vendor: 1 bytes, line 89
89
90<script type="text/javascript" src="/js/jqwidgets/jqxgrid.sort.js"></script>
90
91<script type="text/javascript" src="/js/jqwidgets/jqxgrid.pager.js"></script>
91
92<script type="text/javascript" src="/js/jqwidgets/jqxgrid.selection.js"></script>
92
93<script type="text/javascript" src="/js/jqwidgets/jqxgrid.edit.js"></script>
93 94 95<link rel="stylesheet" href="/js/jqwidgets/styles/jqx.base.css" type="text/css" /> 96<link rel="stylesheet" href="/js/jqwidgets/styles/jqx.dark.css" type="text/css" /> 97
98<script src="/js/jscolor/jscolor.min.js" type="text/javascript"></script>
98 99
100<script type="text/javascript" src="/js/joyride/jquery.joyride-2.0.2.js"></script>
100 101<link href="/js/joyride/joyride-2.0.2.css" rel="stylesheet" type="text/css" /> 102
103<script src="/js/modernizer.js"></script>
vendor: 1 bytes, line 103
103
104<script src="/js/platform.js"></script>
vendor: 1 bytes, line 104
104
105<script src="/js/startup.js"></script>
105 106 107<link href="/js/cookiecuttr/cookiecuttr.css" rel="stylesheet" type="text/css" />
108<script src="/js/cookiecuttr/jquery.cookiecuttr.js"></script>
108 109
110<script src="/js/requirejs/require.js"></script>
110 111
112<script src="/js/imagecombo/ddslick.js"></script>
112 113 114</head> 115<body class='easyui-layout default' style="display: none" id="body"> 116 <div data-options="region:'north', title:' '" style="height: 120px;"> 117 <div id="ribbon"> 118 <span class="ribbon-window-title"></span> 119 120 <div class="ribbon-tab file" id="info-tab"> 121 <span class="ribbon-title">Credits</span> 122 <div class="ribbon-backstage"> 123 <table with="100%"> 124 <tr> 125 <td width="50%" valign="top"> 126 <h2>Credits</h2> 127 128 <div style="float:left;"> 129 <a href="https://cesiumjs.org/" target="_blank"><img src="/images/cesium_logo.svg" width="200" /></a> 130 </div> 131 132 <p>Cesium is a JavaScript library for creating 3D globes and 2D maps in a web browser without a plugin. It uses WebGL for hardware-accerlated graphics, and is cross-platform, cross-browser, and tuned for dynamic-data visualization. Cesium is open source under the Apache 2.0 license. It is free for commercial and non-commercial use. <a target="_blank" href="https://cesiumjs.org/">Visit Cesium Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></p> 133 134 <div style="clear: both"><br /></div> 135 <div style="float:left; padding-right:10px"> 136 <a href="http://www.jeasyui.com/" target="_blank"><img src="/images/easyui.png" width="200" /></a> 137 </div> 138 <p>jQuery EasyUI provides easy to use components for web developers, which is built on the popular jQuery core and HTML5. These make your applications suitable for today's web. </p> 139 140 <div style="clear: both"><br /></div> 141 <div style="float:left; padding-right:10px"> 142 <a href="http://www.jqwidgets.com/" target="_blank"><img src="/images/jqwidgets.png" width="200" /></a> 143 </div> 144 <p>jQWidgets provides a comprehensive solution for building professional web sites and mobile apps. It is built entirely on open standards and technologies like HTML5, CSS, JavaScript and jQuery. jQWidgets enables responsive web development and helps you create apps and websites that look beautiful on desktops, tablets and smart phones. You can use jQWidgets with TypeScript, popular frameworks like Angular 2, KnockoutJS and server-side technologies like ASP.NET MVC, PHP, JSP and Node.js </p> 145 146 <div style="clear: both"><br /></div> 147 148 <h2>Other Libraries used</h2> 149 <h3>jQuery <a target="_blank" href="http://jquery.com/">Visit jQuery Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3> 150 <h3>jQuery UI <a target="_blank" href="http://jqueryui.com/">Visit jQuery UI Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3> 151 <h3>Joyride <a target="_blank" href="http://www.zurb.com/playground/jquery-joyride-feature-tour-plugin">Visit Joyride Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3> 152 <h3>Kinetic <a target="_blank" href="http://kineticjs.com/">Visit Kinetic Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3> 153 <h3>Modernizer <a target="_blank" href="http://modernizr.com/">Visit Modernizer Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3> 154 <h3>Satellite Orbit tracked (iSat) <a target="_blank" href="https://github.com/koansys/isat">Visit on GitHub<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3> 155 <h3>Gpredict <a target="_blank" href="http://gpredict.oz9aec.net/">Visit Gpredict Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3> 156 <h3>PredictLib <a target="_blank" href="http://andrewtwest.com/orbtrak/">Visit PredictLib Home<span class="imageanchor"><img src="/images/external_link.gif"></span></a></h3> 157 158 159 <h2>Special Thanks To</h2> 160 Steve (aka Virus) for the logo 161 </td> 162 <td valign="top"> 163 <h2>Licence</h2> 164 <p>Copyright 2012-2017 Alex Greenland</p> 165 <p>Licensed under the Apache License, Version 2.0 (the "License");<br />
165 you may not use this file except in compliance with the License. You may obtain a copy of the License at</p> 166 <a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a> 167 <p>Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.</p> 168 </td> 169 </tr> 170 </table> 171 </div> 172 </div> 173 174 <div class="ribbon-tab" id="format-tab"> 175 <span class="ribbon-title">Home</span> 176 177 <div class="ribbon-section"> 178 <span class="section-title" data-tab="home">View</span> 179 <div class="ribbon-button ribbon-button-large" id="view-select" data-type="dropdownmenu"> 180 <span class="button-title">Select <img src="js/ribbon/arrow_down.png"></span> 181 <span class="button-help"><strong>Select view.</strong><br /><br />Selects the view you wish to display.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span> 182 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/view.png" /> 183 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/view.png" /> 184 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/view.png" /> 185 <div class="ribbon-menu ribbon-menu-closed"> 186 <div class="title">Select View</div> 187 <ul> 188 <li class="satview" data-options="list"><img src="images/ribbon/list.png"><span>List View</span></li> 189 <li class="satview" data-options="passes"><img src="images/ribbon/table.png"><span>Passes View</span></li> 190 <li class="satview" data-options="3d"><img src="images/ribbon/globe.png"><span>3D View</span></li> 191 <li class="satview" data-options="polar"><img src="images/ribbon/polar.png"><span>Polar View</span></li> 192 <li class="satview" data-options="sky"><img src="images/ribbon/sky.png"><span>Sky View</span></li> 193 <li class="satview" data-options="timeline"><img src="images/ribbon/timeline.png"><span>Timeline View</span></li> 194 <li class="satview" data-options="dx"><img src="/js/ribbon/icons/normal/dx-16.png"><span>Dx View</span></li> 195 </ul> 196 </div> 197 </div> 198 <div class="ribbon-button ribbon-button-large view-reset"> 199 <span class="button-title">Reset</span> 200 <span class="button-help"><strong>Reset view.</strong><br /><br />Resets the current view to its defaults.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span> 201 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 202 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 203 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" /> 204 </div> 205 </div> 206 207 <div class="ribbon-section"> 208 <span class="section-title">Satellites</span> 209 210 <div class="ribbon-fl"> 211 <div class="ribbon-button ribbon-button-large" id="sat-group-selector" data-type="dropdownmenu">
212 <span class="button-title">Groups <img src="js/ribbon/arrow_down.png"></span> 213 <span class="button-help"><strong>Select Satellite Group.</strong><br /><br />Selects the group of satellites.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span> 214 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/group.png" /> 215 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/group.png" /> 216 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/group.png" /> 217 <div class="ribbon-menu ribbon-menu-closed"> 218 <div class="title">Select Group</div> 219 <div id="sat-group-selector-listbox"></div> 220 </div> 221 </div> 222 <div class="ribbon-button ribbon-button-large" id="sat-selector" data-type="dropdownmenustay"> 223 <span class="button-title">Select <img src="js/ribbon/down.png" /></span> 224 <span class="button-help"><strong>Select Satellites.</strong><br /><br />Selects the satellites to display and show orbits for.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span> 225 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/satellite.png" /> 226 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/satellite.png" /> 227 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/satellite.png" /> 228 <div class="ribbon-menu ribbon-menu-closed"> 229 <div class="title">Select Satellite</div> 230 <div id="ag-satselector"> </div> 231 </div> 232 </div> 233 </div> 234 <div class="ribbon-fl"> 235 <div class="ribbon-button ribbon-button-small" id="sat-display-all"> 236 <span class="button-title"></span> 237 <span class="button-help"><strong>Display All Satellites.</strong><br /><br />Display all satellites in the current group.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span> 238 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/satellite_all.png" /> 239 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/satellite_all.png" /> 240 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/satellite_all.png" /> 241 </div> 242 <div class="ribbon-button ribbon-button-small" id="sat-display-none"> 243 <span class="button-title"></span> 244 <span class="button-help"><strong>Remove All Satellites.</strong><br /><br />Remove all satellites from display.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span> 245 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/satellite_delete_all.png" /> 246 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/satellite_delete_all.png" /> 247 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/satellite_delete_all.png" /> 248 </div> 249 </div> 250 <div class="ribbon-button ribbon-button-large disabled" id="home-update-elements" data-event="agsattrack.updategroup">
251 <span class="button-title">Update <br />Elements</span> 252 <span class="button-help"><strong>Update Elements.</strong><br /><br />Update the elements for this satellite group.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 253 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/download.png" /> 254 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/download.png" /> 255 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/download.png" /> 256 </div> 257 </div> 258 259 <div class="ribbon-section"> 260 <span class="section-title">Settings</span> 261 <div style="float:left"> 262 <div class="ribbon-button ribbon-button-large" id="options"> 263 <span class="button-title">Options</span> 264 <span class="button-help"></span> 265 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/settings.png" /> 266 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/settings.png" /> 267 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/settings.png" /> 268 </div> 269 <div class="ribbon-button ribbon-button-large" id="options" data-event="agsattrack.resetoptions"> 270 <span class="button-title">Reset All<br />Options</span> 271 <span class="button-help"></span> 272 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 273 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 274 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" /> 275 </div> 276 </div> 277 <div style="float:left"> 278 <div class="ribbon-button ribbon-button-small disabled" id="options-save" unselectable="on"> 279 <span class="button-help" unselectable="on"></span> 280 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/save.png" /> 281 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/save.png" /> 282 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/save.png" /> 283 <span class="button-title" unselectable="on">Save</span> 284 </div> 285 </div> 286 </div> 287 288 <div class="ribbon-section"> 289 <span class="section-title">Help</span> 290 <div style="float:left"> 291 <div class="ribbon-button ribbon-button-large" id="help-help"> 292 <span class="button-title">Help</span> 293 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/help.png" /> 294 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/help.png" /> 295 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/help.png" /> 296 </div> 297 </div> 298 <div style="float:left"> 299 <div class="ribbon-button ribbon-button-small" id="help-tour" unselectable="on"> 300 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/tour.png" /> 301 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/tour.png" /> 302 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/tour.png" />
303 <span class="button-title" unselectable="on">Tour</span> 304 </div> 305 <div class="ribbon-button ribbon-button-small" id="help-contact" unselectable="on"> 306 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/email.png" /> 307 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/email.png" /> 308 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/email.png" /> 309 <span class="button-title" unselectable="on">Contact</span> 310 </div> 311 <div class="ribbon-button ribbon-button-small disabled" id="help-forum" unselectable="on"> 312 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/forum.png" /> 313 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/forum.png" /> 314 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/forum.png" /> 315 <span class="button-title" unselectable="on">Community</span> 316 </div> 317 </div> 318 </div> 319 </div> 320 321 <div class="ribbon-tab" id="list-tab"> 322 <span class="ribbon-title" data-tab="list">List View</span> 323 324 <div class="ribbon-section"> 325 <span class="section-title">View Options</span> 326 327 <div class="ribbon-fl" unselectable="on"> 328 329 <div class="ribbon-button ribbon-button-large view-reset" id="list-view-reset"> 330 <span class="button-title">Reset</span> 331 <span class="button-help"><strong>Reset view.</strong><br /><br />Resets the list view to its defaults.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 332 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 333 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 334 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" /> 335 </div> 336 337 <div class="ribbon-button ribbon-button-large" id="list-view-show-mutual" data-type="togglebutton" data-event="agsattrack.listviewshowmutuallocations"> 338 <span class="button-title">Show<br/>Mutual</span> 339 <span class="button-help"><strong>Show Mutual.</strong><br /><br />Adds a column to the table which indicates if the satellite is visible from both your location and the mutual observer.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 340 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/mutual.png" /> 341 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/mutual.png" /> 342 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/mutual.png" /> 343 </div> 344 </div> 345 </div> 346 </div> 347 348 <div class="ribbon-tab" id="3d-tab"> 349 <span class="ribbon-title" data-tab="3d">3D View</span> 350 351 <div class="ribbon-section"> 352 <span class="section-title">View Options</span> 353 354 <div class="ribbon-fl"> 355 356 <div class="ribbon-button ribbon-button-large" id="3d-projection" data-type="dropdownmenu">
357 <span class="button-title">Views <img src="js/ribbon/arrow_down.png"></span> <span class="button-help"></span> 358 <span class="button-help"><strong>Select view.</strong><br /><br />Choose from 3d, 2d or 2.5d views.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 359 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/viewselect.png" /> 360 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/viewselect.png" /> 361 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/viewselect.png" /> 362 <div class="ribbon-menu ribbon-menu-closed"> 363 <div class="title">Select View</div> 364 <ul> 365 <li class="3dview" data-options="twod"><img src="images/ribbon/list.png"><span>2D View</span></li> 366 <li class="3dview" data-options="twopointfived"><img src="images/ribbon/table.png"><span>2.5D View</span></li> 367 <li class="3dview" data-options="threed"><img src="images/ribbon/globe.png"><span>3D View</span></li> 368 </ul> 369 </div> 370 </div> 371 372 <div class="ribbon-button ribbon-button-large" id="3d-provider" data-type="dropdownmenu" style="width:95px;"> 373 <span class="button-title">Provider <img src="js/ribbon/arrow_down.png"></span> 374 <span class="button-help"><strong>Map Provider.</strong><br /><br />Select the provider for the globe rendering.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 375 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/tile.png" /> 376 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/tile.png" /> 377 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/tile.png" /> 378 <div class="ribbon-menu ribbon-menu-closed"> 379 <div class="title">Select Provider</div> 380 <ul> 381 <li class="tile" data-options="staticimage"><img src="js/ribbon/icons/normal/image.png"><span>Static Image</span></li> 382 <li class="tile" data-options="bing"><img src="js/ribbon/icons/normal/bing.png"><span>Bing maps</span></li> 383 <li class="tile" data-options="arcgis"><img src="js/ribbon/icons/normal/arcgis.png"><span>Arc Gis</span></li> 384 <!--<li class="tile" data-options="naturalearth"><img src="js/ribbon/icons/normal/world.png"><span>Natural Earth</span></li> 385 <li class="tile" data-options="blackmarble"><img src="js/ribbon/icons/normal/world.png"><span>Black Marble</span></li> --> 386 </ul> 387 </div> 388 </div> 389 390 <div class="ribbon-button ribbon-button-large view-reset" id="3d-view-reset" style="width:40px;"> 391 <span class="button-title">Reset</span> 392 <span class="button-help"><strong>Reset view.</strong><br /><br />Resets the 3d view to its defaults.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 393 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 394 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 395 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" /> 396 </div> 397 398 </div> 399 400 401 402 403 404 405 <div style="width: 120px; float:left;"> 406 <table width="100%"> 407 <tr> 408 <td colspan="3" style="border:1px solid #ccc" al
408ign="center">Black Marble</td> 409 </tr> 410 <tr> 411 <td> 412 <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showblackmarble" id="blackmarble"> 413 <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/world.png" /> 414 <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/world.png" /> 415 <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/world.png" /> 416 <span class="button-title" unselectable="on"></span> 417 <span class="button-help"><strong>Show Black Marble.</strong><br /><br />Toggle displaying the Black Marble Image Layer.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span> 418 </div> 419 </td> 420 <td style="border:1px solid #ccc"> 421 <div class="ribbon-button ribbon-button-small" id="bm-opacity" data-type="dropdownpanel"> 422 <span class="button-title"><img src="/js/ribbon/arrow_down-16.png"></span> 423 <img class="ribbon-icon ribbon-normal" src="/images/ribbon/sky.png" /> 424 <img class="ribbon-icon ribbon-hot" src="/images/ribbon/sky.png" /> 425 <img class="ribbon-icon ribbon-disabled" src="/images/ribbon/sky.png" /> 426 <div class="ribbon-panel ribbon-menu-wide ribbon-menu-closed"> 427 <div class="title">Select Black Marble Opacity</div> 428 <div class="ribbon-panel-body"> 429 <div id='bmopacityslider'></div> 430 </div> 431 </div> 432 </div> 433 </td> 434 <td style="border:1px solid #ccc"> 435 <div class="ribbon-button ribbon-button-small" id="bm-brightness" data-type="dropdownpanel"> 436 <span class="button-title"><img src="/js/ribbon/arrow_down-16.png"></span> 437 <img class="ribbon-icon ribbon-normal" src="/images/ribbon/brightness.png" /> 438 <img class="ribbon-icon ribbon-hot" src="/images/ribbon/brightness.png" /> 439 <img class="ribbon-icon ribbon-disabled" src="/images/ribbon/brightness.png" /> 440 <div class="ribbon-panel ribbon-menu-wide ribbon-menu-closed"> 441 <div class="title">Select Black Marble Brightness</div> 442 <div class="ribbon-panel-body"> 443 <div id='bmbrightnessslider'></div> 444 </div> 445 </div> 446 </div> 447 </td> 448 </tr> 449 </table> 450 </div> 451 452 453 454 455 456 457 458 <div class="ribbon-fl" style="width:30px;"> 459 <div class="ribbon-button ribbon-button-small ribbon-button-small-active ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showatmosphere" id="3d-atmosphere"> 460 <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/atmoshpere-16.png" /> 461 <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/atmoshpere-16.png" /> 462 <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/atmoshpere-16.png" />
463 <span class="button-title" unselectable="on"></span> 464 <span class="button-help"><strong>Show Atmoshpere.</strong><br /><br />Toggle displaying the atmoshpere.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span> 465 </div> 466 <div class="ribbon-button ribbon-button-small ribbon-button-small-active ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showskybox" id="3d-skybox"> 467 <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/cube.png" /> 468 <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/cube.png" /> 469 <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/cube.png" /> 470 <span class="button-title" unselectable="on"></span> 471 <span class="button-help"><strong>Show Skybox.</strong><br /><br />Toggle displaying the skybox.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 472 </div> 473 <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showfps"> 474 <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/fps.png" /> 475 <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/fps.png" /> 476 <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/fps.png" /> 477 <span class="button-title" unselectable="on"></span> 478 <span class="button-help"><strong>Show FrameRate.</strong><br /><br />Display the frame rate.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 479 </div> 480 481 </div> 482 <div class="ribbon-fl" style="width:30px;"> 483 <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showmousepos"> 484 <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/mousepos.png" /> 485 <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/mousepos.png" /> 486 <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/mousepos.png" /> 487 <span class="button-title" unselectable="on"></span> 488 <span class="button-help"><strong>Show Mouse Pos.</strong><br /><br />Toggle displaying the lat and lon of the mouse position.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> </div> 489 490 <div class="ribbon-button ribbon-button-small ribbon-button-small-active ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showterrain" id="3d-show-terrain"> 491 <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/terrain.png" /> 492 <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/terrain.png" /> 493 <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/terrain.png" />
494 <span class="button-title" unselectable="on"></span> 495 <span class="button-help"><strong>Show Terrain.</strong><br /><br />Toggle displaying terrain data<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 496 </div> 497 498 <div class="ribbon-button ribbon-button-small ribbon-button-small-active ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showcities" id="3d-show-cities"> 499 <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/citybutton.png" /> 500 <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/citybutton.png" /> 501 <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/citybutton.png" /> 502 <span class="button-title" unselectable="on"></span> 503 <span class="button-help"><strong>Show Cities.</strong><br /><br />Toggle displaying Cities<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 504 </div> 505 </div> 506 </div> 507 508 <div class="ribbon-section"> 509 <span class="section-title">Satellite Options</span> 510 511 <div class="ribbon-button ribbon-button-large" id="3d-view-sat-info-locations" data-type="togglebutton" data-event="agsattrack.showmutuallocations"> 512 <span class="button-title">Show<br/>Mutual</span> 513 <span class="button-help"><strong>Show Mutual Locations.</strong><br /><br />Show Mutual locations visible from the selected satellite.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 514 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/mutual.png" /> 515 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/mutual.png" /> 516 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/mutual.png" /> 517 </div> 518 519 <div class="ribbon-fl" style="width:30px;"> 520 <div class="ribbon-button ribbon-button-small ribbon-button-small-active ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showsatlabels"> 521 <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/label.png" /> 522 <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/label.png" /> 523 <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/label.png" /> 524 <span class="button-title" unselectable="on"></span> 525 <span class="button-help"><strong>Show Satellite Labels.</strong><br /><br />Toggle displaying the name of the satellites.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> </div> 526 </div> 527 <div class="ribbon-fl" style="width:30px;"> 528 <!-- <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.setfootprinttype"> 529 <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/filledfootprint.png" /> 530 <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/filledfootprint.png" /> 531 <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/filledfootprint.png" />
532 <span class="button-title" unselectable="on"></span> 533 <span class="button-help"><strong>Show footprints as filled circles.</strong><br /><br />Toggle displaying the footprint as a filled circle.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 534 </div> --> 535 <div class="ribbon-button ribbon-button-small ribbon-button-small-active ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.setssp"> 536 <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/ssp.png" /> 537 <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/ssp.png" /> 538 <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/ssp.png" /> 539 <span class="button-title" unselectable="on"></span> 540 <span class="button-help"><strong>Show Satellite ssp.</strong><br /><br />Toggle displaying the sub satellite points for a pass.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 541 </div> 542 </div> 543 </div> 544 545 <div class="ribbon-section"> 546 <span class="section-title">Information</span> 547 <div class="ribbon-button ribbon-button-large" id="3d-view-sat-info-locations" data-type="button" data-event="agsattrack.show3dlocationinfo" style="width:60px;"> 548 <span class="button-title">Visible<br/>Locations</span> 549 <span class="button-help"><strong>Visible Locations.</strong><br /><br />Show locations visible from the selected satellite.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 550 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/earth.png" /> 551 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/earth.png" /> 552 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/earth.png" /> 553 </div> 554 </div> 555 556 <div class="ribbon-section"> 557 <span class="section-title">Follow</span> 558 <div class="ribbon-button ribbon-button-large" id="3d-follow-sat" data-type="grouptogglebutton" data-event="agsattrack.followsatellite" data-group="follow"> 559 <span class="button-title">From<br />Satellite</span> 560 <span class="button-help"><strong>Follow Satellite.</strong><br /><br />Follows the selected satellite, looking at your location.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 561 <img class="ribbon-icon ribbon-normal" src="/js/ribbon/icons/normal/orbit.png" /> 562 <img class="ribbon-icon ribbon-hot" src="/js/ribbon/icons/hot/orbit.png" /> 563 <img class="ribbon-icon ribbon-disabled" src="/js/ribbon/icons/disabled/orbit.png" /> 564 </div> 565 <div class="ribbon-button ribbon-button-large" id="3d-follow-obs" data-type="grouptogglebutton" data-event="agsattrack.followsatelliteobs" data-group="follow"> 566 <span class="button-title">From<br />Home</span> 567 <span class="button-help"><strong>Follow Satellite.</strong><br /><br />Follows the selected satellite, looking from your location. This will ONLY work when the satellite is visible.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 568 <img class="ribbon-icon ribbon-normal" src="/js/ribbon/icons/normal/follow-obs.png" /> 569 <img class="ribbon-icon ribbon-hot" src="/js/ribbon/icons/hot/follow-obs.png" /> 570 <img class="ribbon-icon ribbon-disabled" src="/js/ribbon/icons/disabled/follow-obs.png" /> 571 </div> 572 <div class="ribbon-button ribbon-button-large" id="3d-follow-view" data-type="grouptogglebutton" data-event="agsattrack.followsatelliteview" data-group="follow">
573 <span class="button-title">Satellite<br/>View</span> 574 <span class="button-help"><strong>Satellite View.</strong><br /><br />Shows the view of the earth from the satellites perspective.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 575 <img class="ribbon-icon ribbon-normal" src="/js/ribbon/icons/normal/follow-view.png" /> 576 <img class="ribbon-icon ribbon-hot" src="/js/ribbon/icons/hot/follow-view.png" /> 577 <img class="ribbon-icon ribbon-disabled" src="/js/ribbon/icons/disabled/follow-view.png" /> 578 </div> 579 </div> 580 581 <div class="ribbon-section"> 582 <span class="section-title">Select And Fly To Satellite</span> 583 <select class="easyui-combobox" id="3d-sat-finder" style="width:200px;"> 584 </select> 585 </div> 586 587 <div style="float:left;"> 588 <a href="https://cesiumjs.org/" target="_blank"><img src="/images/cesium_logo.svg" width="100" /></a> 589 <div id="camera-pos"></div> 590 </div> 591 592 593 </div> 594 595 <div class="ribbon-tab" id="passes-tab"> 596 <span class="ribbon-title" data-tab="passes">Passes View</span> 597 598 <div class="ribbon-section"> 599 <span class="section-title">View Options</span> 600 <div class="ribbon-button ribbon-button-large view-reset"> 601 <span class="button-title">Reset</span> 602 <span class="button-help"></span> 603 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 604 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 605 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" /> 606 </div> 607 608 <div class="ribbon-button ribbon-button-large" id="passes-view-show-mutual" data-type="togglebutton" data-event="agsattrack.passesshowmutuallocations"> 609 <span class="button-title">Show<br/>Mutual</span> 610 <span class="button-help"><strong>Show Mutual.</strong><br /><br />Adds a column to the passes grid indicating if the selected satellite is visible from your home location and the mutual observers location.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 611 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/mutual.png" /> 612 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/mutual.png" /> 613 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/mutual.png" /> 614 </div> 615 616 <div style="width: 100px; float:left;"> 617 <table width="100%"> 618 <tr> 619 <td colspan="2" style="border:1px solid #ccc" align="center">Pass Table</td> 620 </tr> 621 <tr> 622 <td width="50%" style="border:1px solid #ccc"> 623 624 <div class="ribbon-button ribbon-button-small" id="passes-bl-view-select" data-type="dropdownmenu" data-event="agsattrack.passesblview"> 625 <span class="button-title"><img src="/js/ribbon/arrow_down-16.png"></span> 626 <img class="ribbon-icon ribbon-normal" src="/images/ribbon/polar.png" /> 627 <img class="ribbon-icon ribbon-hot" src="/images/ribbon/polar.png" /> 628 <img class="ribbon-icon ribbon-disabled" src="/images/ribbon/polar.png" /> 629 <div class="ribbon-menu ribbon-menu-wide ribbon-menu-closed"> 630 <div class="title">
630Select Bottom left View</div> 631 <ul> 632 <li class="passesbl" data-event-param="3d" data-icon="/images/ribbon/globe.png"><img src="/images/ribbon/globe.png"><span>3D View</span></li> 633 <li class="passesbl" data-event-param="polar" data-icon="/images/ribbon/polar.png"><img src="/images/ribbon/polar.png"><span>Polar View</span></li> 634 <li class="passesbl" data-event-param="sky" data-icon="/images/ribbon/sky.png"><img src="/images/ribbon/sky.png"><span>Sky View</span></li> 635 <li class="passesbl" data-event-param="azel" data-icon="/images/ribbon/azel-16.png"><img src="/images/ribbon/azel-16.png"><span>Az/El View</span></li> 636 </ul> 637 </div> 638 </div> 639 </td> 640 <td style="border:1px solid #ccc"> 641 <div class="ribbon-button ribbon-button-small" id="passes-br-view-select" data-type="dropdownmenu" data-event="agsattrack.passesbrview"> 642 <span class="button-title"><img src="/js/ribbon/arrow_down-16.png"></span> 643 <img class="ribbon-icon ribbon-normal" src="/images/ribbon/sky.png" /> 644 <img class="ribbon-icon ribbon-hot" src="/images/ribbon/sky.png" /> 645 <img class="ribbon-icon ribbon-disabled" src="/images/ribbon/sky.png" /> 646 <div class="ribbon-menu ribbon-menu-wide ribbon-menu-closed"> 647 <div class="title">Select Bottom Right View</div> 648 <ul> 649 <li class="passesbl" data-event-param="3d" data-icon="/images/ribbon/globe.png"><img src="/images/ribbon/globe.png"><span>3D View</span></li> 650 <li class="passesbl" data-event-param="polar" data-icon="/images/ribbon/polar.png"><img src="/images/ribbon/polar.png"><span>Polar View</span></li> 651 <li class="passesbl" data-event-param="sky" data-icon="/images/ribbon/sky.png"><img src="/images/ribbon/sky.png"><span>Sky View</span></li> 652 <li class="passesbl" data-event-param="azel" data-icon="/images/ribbon/azel-16.png"><img src="/images/ribbon/azel-16.png"><span>Az/El View</span></li> 653 </ul> 654 </div> 655 </div> 656 </td> 657 </tr> 658 </table> 659 </div> 660 </div> 661 662 <div class="ribbon-section"> 663 <span class="section-title">Date And Time</span> 664 <div class="ribbon-button ribbon-button-large ribbon-fl ribbon-button-large-active" id="passes-view-24" unselectable="on" data-type="togglebutton" data-event="agsattrack.toggle24"> 665 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/disabled/clock.png" /> 666 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/disabled/clock.png" /> 667 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/clock.png" /> 668 <span class="button-title" unselectable="on">Show Next<br/>24 Hours</span> 669 </div> 670 <div class="ribbon-button ribbon-button-large disabled" id="passes-view-start" data-type="dropdownmenustay"> 671 <span class="button-title">Start Date <img src="js/ribbon/arrow_down.png"></span> 672 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/calendar.png" /> 673 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/calendar.png" /> 674 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/calendar.png" /> 675 <div class="ribbon-menu ribbon-menu-closed"> 676 <div class="title">Select Start date</div> 677 <input class="easyui-datetimebox" id="passes-view-start-cal" style="width:150px" data-options="showSeconds:false"> 678 </div> 679 </div> 680 <div class="ribbon-button ribbon-button-large disabled" id="passes-view-end" data-type="dropdownmenustay">
681 <span class="button-title">End Date <img src="js/ribbon/arrow_down.png"></span> 682 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/calendar.png" /> 683 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/calendar.png" /> 684 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/calendar.png" /> 685 <div class="ribbon-menu ribbon-menu-closed"> 686 <div class="title">Select End date</div> 687 <input class="easyui-datetimebox" id="passes-view-end-cal" style="width:150px" data-options="showSeconds:false"> 688 </div> 689 </div> 690 <div class="ribbon-button ribbon-button-large disabled" id="passes-view-calc" data-type="button" data-event="agsattrack.passescalc"> 691 <span class="button-title">Find<br/>Passes</span> 692 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/calc.png" /> 693 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/calc.png" /> 694 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/calc.png" /> 695 </div> 696 </div> 697 698 <div class="ribbon-section"> 699 <span class="section-title">Satellite</span> 700 <select id="passes-sat"></select> 701 </div> 702 703 <div class="ribbon-section" id="passes-available" style="display: none"> 704 <span class="section-title">Available Passes</span> 705 <select id="passes-passes"></select> 706 </div> 707 708 </div> 709 710 <div class="ribbon-tab" id="polar-tab"> 711 <span class="ribbon-title" data-tab="polar">Polar View</span> 712 <div class="ribbon-section"> 713 <span class="section-title">View Options</span> 714 715 <div class="ribbon-fl"> 716 <div class="ribbon-button ribbon-button-large view-reset"> 717 <span class="button-title">Reset</span> 718 <span class="button-help"></span> 719 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 720 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 721 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" /> 722 </div> 723 </div> 724 <div class="ribbon-fl" style="width:30px;"> 725 <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showplanets"> 726 <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/show-planets-16.png" /> 727 <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/show-planets-16.png" /> 728 <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/show-planets-16.png" /> 729 <span class="button-title" unselectable="on"></span> 730 <span class="button-help"><strong>Show Planets</strong><br /><br />Toggle displaying planets.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span> 731 </div> 732 </div> 733 734 </div> 735 </div> 736 737 <div class="ribbon-tab" id="sky-tab">
738 <span class="ribbon-title" data-tab="sky">Sky View</span> 739 <div class="ribbon-section"> 740 <span class="section-title">View Options</span> 741 742 <div class="ribbon-fl"> 743 <div class="ribbon-button ribbon-button-large view-reset"> 744 <span class="button-title">Reset</span> 745 <span class="button-help"></span> 746 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 747 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 748 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" /> 749 </div> 750 </div> 751 <div class="ribbon-fl" style="width:30px;"> 752 <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showplanets"> 753 <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/show-planets-16.png" /> 754 <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/show-planets-16.png" /> 755 <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/show-planets-16.png" /> 756 <span class="button-title" unselectable="on"></span> 757 <span class="button-help"><strong>Show Planets</strong><br /><br />Toggle displaying planets.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span> 758 </div> 759 <div class="ribbon-button ribbon-button-small ribbon-button-small-active ribbon-fl" unselectable="on" data-type="togglebutton" data-event="agsattrack.showcity"> 760 <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/show-city-16.png" /> 761 <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/show-city-16.png" /> 762 <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/show-city-16.png" /> 763 <span class="button-title" unselectable="on"></span> 764 <span class="button-help"><strong>Show City</strong><br /><br />Toggle displaying the city.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span> 765 </div> 766 </div> 767 </div> 768 </div> 769 770 <div class="ribbon-tab" id="timeline-tab"> 771 <span class="ribbon-title" data-tab="timeline">Timeline View</span> 772 <div class="ribbon-section"> 773 <span class="section-title">View Options</span> 774 <div class="ribbon-button ribbon-button-large view-reset" unselectable="on" data-type="button" id="timline-reset" data-event="agsattrack.timeline-reset"> 775 <span class="button-title">Reset</span> 776 <span class="button-help"></span> 777 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 778 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 779 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" /> 780 </div> 781 <div class="ribbon-button ribbon-button-large" id="timeline-view-show-mutual" data-type="togglebutton" data-event="agsattrack.timelineviewshowmutuallocations">
782 <span class="button-title">Show<br/>Mutual</span> 783 <span class="button-help"><strong>Show Mutual.</strong><br /><br />Displays mutal visibility in the timeline view.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for more information</span></span> 784 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/mutual.png" /> 785 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/mutual.png" /> 786 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/mutual.png" /> 787 </div> 788 <div class="ribbon-fl" style="width:30px;"> 789 <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="button" id="timline-zoom-in" data-event="agsattrack.timeline-zoom-in"> 790 <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/zoom_in.png" /> 791 <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/zoom_in.png" /> 792 <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/zoom_in.png" /> 793 <span class="button-title" unselectable="on"></span> 794 <span class="button-help"><strong>Zoom In</strong><br /><br />Zoom In.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span> 795 </div> 796 <div class="ribbon-button ribbon-button-small ribbon-fl" unselectable="on" data-type="button" id="timline-zoom-out" data-event="agsattrack.timeline-zoom-out"> 797 <img class="ribbon-icon ribbon-button-small-no-title ribbon-normal" src="js/ribbon/icons/normal/zoom_out.png" /> 798 <img class="ribbon-icon ribbon-button-small-no-title ribbon-hot" src="js/ribbon/icons/normal/zoom_out.png" /> 799 <img class="ribbon-icon ribbon-button-small-no-title ribbon-disabled" src="js/ribbon/icons/normal/zoom_out.png" /> 800 <span class="button-title" unselectable="on"></span> 801 <span class="button-help"><strong>Zoom Out</strong><br /><br />Zoom Out.<br /><hr><img src="js/ribbon/help-16.png" class="ribbon-help-small"/><span> See Help for mor information</span></span> 802 </div> 803 </div> 804 </div> 805 </div> 806 807 <div class="ribbon-tab" id="dx-tab"> 808 <span class="ribbon-title" data-tab="dx">DX View</span> 809 810 811 <div class="ribbon-section"> 812 <span class="section-title">View Options</span> 813 <div class="ribbon-button ribbon-button-large view-reset"> 814 <span class="button-title">Reset</span> 815 <span class="button-help"></span> 816 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 817 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 818 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" /> 819 </div> 820 </div> 821 822 </div> 823 824 <div class="ribbon-tab" id="debug-tab"> 825 <span class="ribbon-title" data-tab="debug">Debug View</span> 826 <div class="ribbon-section"> 827 <span class="section-title">View Options</span> 828 <div class="ribbon-button ribbon-button-large view-reset">
829 <span class="button-title">Reload<br />Data 830 </span> <span class="button-help"></span> 831 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/reset.png" /> 832 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/reset.png" /> 833 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/reset.png" /> 834 </div> 835 </div> 836 <div class="ribbon-section" style="min-width: 80px;"> 837 <span class="section-title">Cache Options</span> 838 <div class="ribbon-button ribbon-button-large ribbon-fl disabled" id="debug-clear-cache" data-type="button" data-event="agsattrack.deletesatcache"> 839 <span class="button-title">Clear</span> 840 <img class="ribbon-icon ribbon-normal" src="js/ribbon/icons/normal/trash.png" /> 841 <img class="ribbon-icon ribbon-hot" src="js/ribbon/icons/hot/trash.png" /> 842 <img class="ribbon-icon ribbon-disabled" src="js/ribbon/icons/disabled/trash.png" /> 843 </div> 844 </div> 845 </div> 846 847 </div> 848 </div> 849 850 <div data-options="region:'west',split:true,hideCollapsedContent:false" title="Selector" style="width: 250px;"> 851 <div id="quick-sat-selector"></div> 852 </div> 853 854 <div data-options="region:'east',split:true,collapsed:true,hideCollapsedContent:false" title="Information" style="width: 250px;"> 855 <div title="Satellite Info." style="overflow: auto; padding: 5px;"> 856 <div id="sat-info-selector"></div> 857 <div id="satinfo-message"> 858 <h2><center>No Satellite Selected</center></h2> 859 <p><center>Please select a satellite to display its information.</center></p> 860 </div> 861 862 <table width="100%" class="satinfo" style="display:none"> 863 <tr> 864 <th colspan="2">Element Values</th> 865 </tr> 866 <tr> 867 <td width="50%">Cat Num</td> 868 <td id="noradid" class="sat-info"></td> 869 </tr> 870 <tr> 871 <td>Name</td> 872 <td id="name" class="sat-info"></td> 873 </tr> 874 <tr> 875 <td>Owner</td> 876 <td id="owner" class="sat-info"></td> 877 </tr> 878 <tr> 879 <td>Period</td> 880 <td id="period" class="sat-info"></td> 881 </tr> 882 <tr> 883 <td>Inclination</td> 884 <td id="inclination" class="sat-info"></td> 885 </tr> 886 <tr> 887 <td>Apogee</td> 888 <td id="apogee" class="sat-info"></td> 889 </tr> 890 <tr> 891 <td>Perigee</td> 892 <td id="perigee" class="sat-info"></td> 893 </tr> 894 <tr> 895 <th colspan="2">Calculated Values</th> 896 </tr> 897 <tr> 898 <td>Latitude</td> 899 <td id="latitude" class="sat-info"></td> 900 </tr> 901 <tr> 902 <td>Longitude</td> 903 <td id="longitude" class="sat-info"></td> 904 </tr> 905 <tr> 906 <td>Latitude</td> 907 <td id="latitudedec" class="sat-info"></td> 908 </tr> 909 <tr> 910 <td>Longitude</td> 911 <td id="longitudedec" class="sat-info"></td> 912 </tr> 913 <tr> 914 <td>Locator</td> 915 <td id="locator" class="sat-info"></td> 916 </tr> 917 <tr> 918 <td>Altitude</td> 919 <td id="altitude" class="sat-info"></td> 920 </tr> 921 <tr> 922 <td>Orbit Number</td> 923 <td id="orbitnumber" class="sat-info"></td> 924 </tr> 925 <tr> 926 <td>Visible</td> 927 <td id="visible" class="sat-info"></td> 928 </tr> 929 930 <tr> 931 <td>Velocity</td> 932 <td id="velocity" class="sat-info"></td> 933 </tr> 934 <tr> 935 <td>Footprint</td> 936 <td id="footprint" class="sat-info"></td> 937 </tr> 938 <tr> 939 <td>Range</td> 940 <td id="range" class="sat-info"></td> 941 </tr> 942 <tr> 943 <td>Range rate</td> 944 <td id="rangerate" class="sat-info"></td> 945 </tr> 946 <tr> 947 <td>Doppler Shift (Hz)</td> 948 <td id="doppler" class="sat-info"></td> 949 </tr> 950 <tr> 951 <td>Signal Loss (dB)</td> 952 <td id="loss" class="sat-info"></td> 953 </tr> 954 <tr> 955 <td>Signal Delay (ms)</td> 956 <td id="delay" class="sat-info"></td> 957 </tr> 958 <tr> 959 <td>Elevation</td> 960 <td id="elevation" class="sat-info"></td> 961 </tr> 962 <tr> 963 <td>Azimuth</td> 964 <td id="azimuth" class="sat-info"></td> 965 </tr> 966 <tr> 967 <td>Orbital Phase</td> 968 <td id="orbitalphase" class="sat-info"></td> 969 </tr> 970 <tr> 971 <td>Geostationary</td> 972 <td id="geostationary" class="sat-info"></td> 973 </tr> 974 </table> 975 </div> 976 </div> 977 978 <div data-options="region:'center'" id="center-panel"> 979 <div id="viewtabs" class="easyui-tabs" data-options="fit:true"> 980 <div title="List" style="overflow: hidden;" id="list"> 981 <table id="sat-list-grid"></table> 982 </div> 983 984 <div title="3D View" id="3d"></div> 985 986 <div title="Passes" style="overflow: hidden" id="passes"> 987 <div> 988 <div id="pass-info-geostationary" class="hidden"> 989 <h1>The selected satellite is Geostationary</h1> 990 <p>A geostationary orbit, or Geostationary Earth Orbit (GEO), is a circular orbit 35,786 kilometres (22,236 mi) above the Earth's equator and following the direction of the Earth's rotation. An object in such an orbit has an orbital peri
990od equal to the Earth's rotational period (one sidereal day), and thus appears motionless, at a fixed position in the sky, to ground observers. Communications satellites and weather satellites are often given geostationary orbits, so that the satellite antennas that communicate with them do not have to move to track them, but can be pointed permanently at the position in the sky where they stay.</p> 991 <img src="/images/orbits.png "/> 992 </div> 993 994 <table width="98%" height="100%" id="pass-info-table"> 995 <tr> 996 <td height="50%" width="100%" colspan="2" valign="top"> 997 <table id="passesgrid" class="easyui-datagrid" title="Passes" data-options="rownumbers:true, singleSelect:true, autoRowHeight:false, pagination:true, pageSize:20"> 998 <thead> 999 <tr> 1000 <th field="date" width="170">Date</th> 1001 <th field="az" width="70">Azimuth</th> 1002 <th field="el" width="70">Elevation</th> 1003 <th field="viz" width="70">Visibility</th> 1004 <th field="range" width="60" align="right">Range</th> 1005 <th field="footprint" width="60" align="right">Footprint</th> 1006 <th field="doppler" width="105" align="right">Doppler Shift (Hz)</th> 1007 <th field="loss" width="105" align="right">Signal Loss (dB)</th> 1008 <th field="delay" width="105" align="right">Signal Delay (ms)</th> 1009 <th field="mv" width="105" align="right">Mutual Visible</th> 1010 </tr> 1011 </thead> 1012 </table> 1013 </td> 1014 </tr> 1015 <tr> 1016 <td height="50%" width="50%" class="backblack"><div id="passbottomleft"></div></td> 1017 <td height="50" width="50%" class="backblack"><div id="passbottomright"></div></td> 1018 </tr> 1019 </table> 1020 </div> 1021 </div> 1022 1023 <div title="Polar View" id="polar" style="overflow: hidden;"></div> 1024 1025 <div title="Sky View" id="sky" style="overflow: hidden;"></div> 1026 1027 <div title="Timeline View" id="timeline" style="overflow: hidden;"> 1028 <div> 1029 <div id="timelinelegend" style="float: left;width:200px"></div> 1030 <div id="timelineview" style="float: left;overflow: auto;"></div> 1031 </div> 1032 </div> 1033 1034 <div title="Settings" width=1000 height=600 id="options"> 1035 <div id="window-preferences-tabs" class="easyui-tabs" data-options="fit:true"> 1036 <div title="General" data-options="" style="padding: 20px;"> 1037 <div class="icon32" id="icon-options-general"><br></div> 1038 <h2>General Options</h2> 1039 1040 <h3>Debugging</h3> 1041 <table class="form-table"> 1042 <tr valign="top"> 1043 <th>Enable Debug View</th> 1044 <td> 1045 <input type="checkbox" id="debugger-show" value="on" class="options-cb"> 1046 <p class="description"><strong>NOTE:</strong> This is only intended for developers to examine internal data from the SPM engines.</p> 1047 </td> 1048 </tr> 1049 </table> 1050 1051 </div> 1052 1053 <div title="Observer" data-options="" style="padding: 20px;"> 1054 1055 1056 <div class="icon32" id="icon-options-general"><br></div> 1057 <h2>Observer Options</h2> 1058 1059 <h3>Home Location</h3> 1060 <table class="form-table"> 1061 <tr valign="top"> 1062 <th>Use Browser To Find Location</th> 1063 <td> 1064 <input type="checkbox" id="observergelocate" value="on"> 1065 <p class="description">Selecting this option will attempt to use the browsers inbuilt Geo Location. If you do not select this option you can manually specify your location below.</p> 1066 </td> 1067 </tr> 1068 <tr valign="top"> 1069 <th>Location name</th> 1070 <td> 1071 <input size=15 id="observername" class="observerhome"> 1072 <button type="submit" id="geoshow"><img src="/images/geo.png" width=16> Select On Map</button> 1073 </td> 1074 </tr> 1075 <tr valign="top"> 1076 <th>Location Latitude</th> 1077 <td> 1078 <input size=20 id="observerlatitude" class="observerhome"> 1079 </td> 1080 </tr> 1081 <tr valign="top"> 1082 <th>Location Longitude</th> 1083 <td> 1084 <input size=20 id="observerlongitude" class="observerhome"> 1085 </td> 1086 </tr> 1087 <tr valign="top"> 1088 <th>Location Altitude</th> 1089 <td> 1090 <input size=10 id="observeraltitude" class="observerhome"> 1091 </td> 1092 </tr> 1093 </table> 1094 1095 <h3>Mutual Location</h3> 1096 <table class="form-table"> 1097 <tr valign="top"> 1098 <th>Enable Mutual Observer</th> 1099 <td> 1100 <input type="checkbox" id="mutualobserver" value="on"> 1101 <p class="description">Selecting this option will enable certain features allowing indicating when a satellite is visible to both your location ansd a mutual observers location.</p> 1102 </td> 1103 </tr> 1104 <tr valign="top"> 1105 <th>Location name</th> 1106 <td> 1107 <input size=15 id="mutualobservername" class="observerhome"> 1108 <button type="submit" id="mutualgeoshow"><img src="/images/geo.png" width=16> Select On Map</button> 1109 </td> 1110 </tr> 1111 <tr valign="top"> 1112 <th>Location Latitude</th> 1113 <td> 1114 <input size=20 id="mutualobserverlatitude" class="observerhome"> 1115 </td> 1116 </tr> 1117 <tr valign="top"> 1118 <th>Location Longitude</th> 1119 <td> 1120 <input size=20 id="mutualobserverlongitude" class="observerhome"> 1121 </td> 1122 </tr> 1123 <tr valign="top"> 1124 <th>Location Altitude</th> 1125 <td> 1126 <input size=10 id="mutualobserveraltitude" class="observerhome"> 1127 </td> 1128 </tr> 1129 </table> 1130 1131 </div> 1132 <div title="Satellites" data-options="" style="padding: 20px;"> 1133 <div class="icon32" id="icon-options-general"><br></div> 1134 <h2>Satellite Options</h2> 1135 1136 <h3>Position Calculations</h3> 1137 <table class="form-table"> 1138 <tr valign="top"> 1139 <th>Calculate Every (Seconds)</th> 1140 <td> 1141 <input id="window-preferences-calc-timer" class="easyui-numberspinner" style="width: 60px;" required="required" data-options="min:1,max:50,editable:false"> 1142 <p class="description">If you have a slower PC then try increasing this value to improve performance.</p> 1143 </td> 1144 </tr> 1145 <tr valign="top"> 1146 <th>AoS When Above (In Degrees)</th> 1147 <td> 1148 <input id="window-preferences-aos" class="easyui-numberspinner" style="width: 60px;" required="required" data-options="min:-10,max:100,editable:false"> 1149 </td> 1150 </tr> 1151 </table> 1152 1153 <h3>Satellite Groups</h3> 1154 <table class="form-table"> 1155 <tr valign="top"> 1156 <th>Default TLE Group</th> 1157 <td> 1158 <select id="options-sat-group-selector-listbox"></select> 1159 <p class="description">Select the satellite group to load at startup.</p> 1160 </td> 1161 </tr> 1162 <tr valign="top"> 1163 <th>Auto Add From TLE Group</th> 1164 <td> 1165 <input type="checkbox" id="sats-autoadd" value="on"> 1166 <p class="description">Automatically add all of the satellites in a group when its selected. <strong>NOTE:</strong> This will also add all of the satellites from the default group when the page is loaded.</p> 1167 </td> 1168 </tr> 1169 </table> 1170 </div> 1171 1172 <div title="Views" data-options="" style="padding: 0px;"> 1173 <div id="window-preferences-tabs-views" class="easyui-tabs" data-options="fit:true"> 1174 <div title="Polar View" data-options="" style="padding: 5px;"> 1175 <div class="icon32" id="icon-options-general"><br></div> 1176 <h2>Polar View Options</h2> 1177 1178 <table width="100%"> 1179 <tr> 1180 <td rowspan="2" width="50%" valign="top"> 1181 <h3>View Colours</h3> 1182 <table width="100%"> 1183 <tr> 1184 <th width="50%">
1184Background Colour</th> 1185 <td width="50%"><input class="jscolor polarcolour" id="polar-background-color" type="text" value="" /></td> 1186 </tr> 1187 <tr> 1188 <th width="50%">Border Colour</th> 1189 <td width="50%"><input class="jscolor polarcolour" id="polar-border-color" type="text" value="" /></td> 1190 </tr> 1191 <tr> 1192 <th width="50%">Gradient Start</th> 1193 <td width="50%"><input class="jscolor polarcolour" id="polar-gradient-start" type="text" value="" /></td> 1194 </tr> 1195 <tr> 1196 <th width="50%">Gradient End</th> 1197 <td width="50%"><input class="jscolor polarcolour" id="polar-gradient-end" type="text" value="" /></td> 1198 </tr> 1199 <tr> 1200 <th width="50%">Grid Colour</th> 1201 <td width="50%"><input class="jscolor polarcolour" id="polar-grid" type="text" value="" /></td> 1202 </tr> 1203 <tr> 1204 <th width="50%">Text Colour</th> 1205 <td width="50%"><input class="jscolor polarcolour" id="polar-text" type="text" value="" /></td> 1206 </tr> 1207 <tr> 1208 <th width="50%">Degree Text Colour</th> 1209 <td width="50%"><input class="jscolor polarcolour" id="polar-degrees-text" type="text" value="" /></td> 1210 </tr> 1211 <tr> 1212 <th width="50%">Reset Colours To Defaults</th> 1213 <td width="50%"><button id="polar-reset-colours">Default</button></td> 1214 </tr> 1215 </table> 1216 1217 </td> 1218 <td width="50%"> 1219 <div id="polar-preview" style="width:400px; height:400px"></div> 1220 </td> 1221 </tr> 1222 <tr> 1223 <td></td> 1224 </tr> 1225 </table> 1226 1227 </div> 1228 <div title="Passes View" data-options="" style="padding: 5px;"> 1229 <div class="icon32" id="icon-options-general"><br></div> 1230 <h2>Passes View Options</h2> 1231 <h3>Default views</h3> 1232 <p>The passes view has two views that can be set by default. Select the default views to be shown below. The views can be altered on the passes ribbon tab. <strong>NOTE:</strong> You will need to refresh the page for these settinsg to take effect.</p> 1233 <table class="form-table"> 1234 <tr valign="top"> 1235 <th>Bottom Left View</th> 1236 <td> 1237 <select class="options-cb" id="options-passes-view-bottomleft"> 1238 <option value="3d">3D View</option> 1239 <option value="polar">Polar View</option> 1240 <option value="sky">
1240Sky View</option> 1241 <option value="azel">Az/El View</option> 1242 </select> 1243 </td> 1244 </tr> 1245 <tr valign="top"> 1246 <th>Bottom Right View</th> 1247 <td> 1248 <select class="options-cb" id="options-passes-view-bottomright"> 1249 <option value="3d">3D View</option> 1250 <option value="polar">Polar View</option> 1251 <option value="sky">Sky View</option> 1252 <option value="azel">Az/El View</option> 1253 </select> 1254 </td> 1255 </tr> 1256 </table> 1257 </div> 1258 <div title="3D View" data-options="" style="padding: 5px;"> 1259 <div class="icon32" id="icon-options-general"><br></div> 1260 <h2>3D View Options</h2> 1261 <h3>Static Map Image</h3> 1262 <table class="form-table"> 1263 <tr valign="top"> 1264 <th>Static Map Image 1265 </th> 1266 <td> 1267 <select class="options-cb" id="options-3d-view-staticimage"> 1268 <option value="land_ocean_ice_lights_2048.jpg">Land Ocean Ice Lights 2048</option> 1269 <option value="land_ocean_ice_lights_512.jpg">Land Ocean Ice Lights 512</option> 1270 <option value="NE2_50M_SR_W_2048.jpg">NE2 50M SR W 2048</option> 1271 <option value="NE2_50M_SR_W_4096.jpg">NE2 50M SR W 4096</option> 1272 </select> 1273 <p class="description">Select the static map image to use in the 3D view.</p> 1274 1275 </td> 1276 <td> 1277 <img src="" id="options-3d-view-staticimage-image" width="200"> 1278 </td> 1279 </tr> 1280 </table> 1281 1282 <h3>Views and providers</h3> 1283 <table class="form-table"> 1284 <tr valign="top"> 1285 <th>Default View</th> 1286 <td> 1287 <select class="options-cb" id="options-3d-view"> 1288 <option value="threed">3D View</option> 1289 <option value="twod">2D View</option> 1290 <option value="twopointfived">2.5D View</option> 1291 </select> 1292 </td> 1293 <th>Default Provider</th> 1294 <td> 1295 <select class="options-cb" id="options-3d-provider"> 1296 <option value="staticimage">Static Image</option> 1297 <option value="bing">Bing Maps</option> 1298 <option value="arcgis">Arc Gis</option> 1299 <option value="naturalearth">Natural Earth</option> 1300 <option value="blackmarble">Black marble</option> 1301 </select> 1302 </td> 1303 </tr> 1304 <tr valign="top"> 1305 <th>Use Terrain Provider</th> 1306 <td> 1307 <input type="checkbox" id="options-3d-terrain
1307provider" value="on" class="options-cb"> 1308 <p class="description">The Terrain Provider will show elevation data on the 3D view.</p> 1309 </td> 1310 <th></th> 1311 <td></td> 1312 </tr> 1313 </table> 1314 1315 1316 <h3>Satellites</h3> 1317 <table class="form-table"> 1318 <tr valign="top"> 1319 <th width="30%" colspan="2"><strong>Unselected</strong></th> 1320 <th colspan="1">Selected</th> 1321 </tr> 1322 <tr valign="top"> 1323 <th>Icon</th> 1324 <td> 1325 <select class="options-cb" id="options-3d-sat-icon-unselected"> 1326 <option value="1" data-imagesrc="/images/satellites/satellite0-32.png">Icon 1</option> 1327 <option value="2" data-imagesrc="/images/satellites/satellite1-32.png">Icon 2</option> 1328 </select> 1329 </td> 1330 <td> 1331 <select class="options-cb" id="options-3d-sat-icon-selected"> 1332 <option value="1" data-imagesrc="/images/satellites/satellite0-32.png">Icon 1</option> 1333 <option value="2" data-imagesrc="/images/satellites/satellite1-32.png">Icon 2</option> 1334 </select> 1335 </td> 1336 </tr> 1337 <tr valign="top"> 1338 <th>Icon Size</th> 1339 <td> 1340 <select class="options-cb" id="options-3d-sat-icon-unselected-size"> 1341 <option value="16">16 Pixels</option> 1342 <option value="24">24 Pixels</option> 1343 <option value="32">32 Pixels</option> 1344 <option value="64">64 Pixels</option> 1345 <option value="128">128 Pixels</option> 1346 <option value="256">256 Pixels</option> 1347 </select> 1348 </td> 1349 <td> 1350 <select class="options-cb" id="options-3d-sat-icon-selected-size"> 1351 <option value="16">16 Pixels</option> 1352 <option value="24">24 Pixels</option> 1353 <option value="32">32 Pixels</option> 1354 <option value="64">64 Pixels</option> 1355 <option value="128">128 Pixels</option> 1356 <option value="256">256 Pixels</option> 1357 </select> 1358 </td> 1359 </tr> 1360 <tr valign="top"> 1361 <th>Label Size</th> 1362 <td> 1363 <select class="options-cb" id="options-3d-sat-label-unselected-size"> 1364 <option value="8">8 Pixels</option> 1365 <option value="10">10 Pixels</option> 1366 <option value="12">12 Pixels</option> 1367 <option value="14">14 Pixels</option> 1368 <option value="16">16 Pixels</option> 1369 <option value="18">18 Pixels</option> 1370 <option value="20">20 Pixels</option> 1371 <option value="22">22 Pixels</option> 1372 <option value="24">24 Pixels</option> 1373 </select> 1374 </td> 1375 <td> 1376 <select class="options-cb" id="options-3d-sat-label-selected-size"> 1377 <option value="8">8 Pixels</option> 1378 <option value="10">10 Pixels</option> 1379 <option value="12">12 Pixels</option> 1380 <option value="14">14 Pixels</option> 1381 <option value="16">16 Pixels</option> 1382 <option value="18">18 Pixels</option> 1383 <option value="20">20 Pixels</option> 1384 <option value="22">22 Pixels</option> 1385 <option value="24">24 Pixels</option> 1386 </select> 1387 </td> 1388 </tr> 1389 <tr valign="top"> 1390 <th>Label Colour</th> 1391 <td><input class="jscolor polarcolour" id="3d-label-colour-unselected" type="text" value="" /></td> 1392 <td><input class="jscolor polarcolour" id="3d-label-colour-selected" type="text" value="" /></td> 1393 </tr> 1394 </table> 1395 1396 1397 1398 1399 <h3>Following Options</h3> 1400 <table class="form-table"> 1401 <tr valign="top"> 1402 <th>Height Above Observer Location</th> 1403 <td> 1404 <input id="options-3d-view-followobs-height" class="easyui-numberspinner" style="width: 60px;" required="required" data-options="min:0,max:1000,editable:false" value="1"> 1405 <p class="description">Select the height above the observer location, this is in meters.</p> 1406 </td> 1407 <th>Height Above Satellite</th> 1408 <td> 1409 <input id="options-3d-view-followsat-height" class="easyui-numberspinner" style="width: 60px;" required="required" data-options="min:0,max:10000,editable:false"> 1410 <p class="description">Select the height above the satellite location, this is in meters.</p> 1411 </td> 1412 </tr> 1413 </table> 1414 1415 <h3>Cities</h3> 1416 <table class="form-table"> 1417 <tr valign="top"> 1418 <th>Show Cities</th> 1419 <td> 1420 <input id="options-3d-view-show-cities" type="checkbox" class="options-cb" value="on"> 1421 <p class="description">Enable this option to show cities on the 3d view.</p> 1422 </td> 1423 <th>Font Size</th> 1424 <td> 1425 <input id="options-3d-view-city-font-size" type="text" size="3" class="options-spinner"> px 1426 <p class="description">The font size for the city labels in pixels</p> 1427 </td> 1428 </tr> 1429 <tr valign="top"> 1430 <th>Population Limit</th> 1431 <td> 1432 <input id="options-3d-view-city-pop-limit" class="easyui-numberspinner" style="width: 60px;" required="required" data-options="min:0,max:10,increment:1,editable:false"> Million 1433 <p class="description">Cities will only be displayed if their population is above or equal to this limit.</p> 1434 </td> 1435 <th>Label Colour</th> 1436 <td> 1437 <input id="options-3d-view-city-font-colour" type="text" class="jscolor"> 1438 <p class="description">The label colour</p> 1439 </td> 1440 </tr> 1441 </table> 1442 1443 1444 </div> 1445 </div> 1446 </div> 1447 1448 </div> 1449 </div> 1450 1451 <div title="Debug View" width=1000 height=600 id="debug"> 1452 <table id="debuggrid" class="easyui-treegrid" style="width:600px;height:400px" 1453 data-options="idField:'id',treeField:'satellite',title:'Satellite Data',fit:true"> 1454 <thead> 1455 <tr> 1456 <th data-options="field:'satellite',width:250">Satellite</th> 1457 <th data-options="field:'orbits',width:60,align:'right'">Orbits</th>
1458 <th data-options="field:'orbitno',width:80">Orbit Number</th> 1459 <th data-options="field:'aos',width:120">AoS</th> 1460 <th data-options="field:'los',width:120">LoS</th> 1461 <th data-options="field:'points',width:80">Points</th> 1462 <th data-options="field:'calctime',width:110">Calc Time (ms)</th> 1463 </tr> 1464 </thead> 1465 </table> 1466 </div> 1467 1468 <div title="Home View" id="home"> 1469 <div> 1470 <div><img src="/images/logo-128-noborder.png" class="vertical" /><span class="heading">Welcome to AGSatTrack - Online</span></div> 1471 1472 <h2>Basic Concepts</h2> 1473 <p><strong>Your Location.</strong> When first started the browser will ask you if the site is allowed to use your location. if you answer yes then the browser will attempt to determine your approximate location. <strong>note</strong> this is not generally that accurate. Under options->observer you can select your exact location.</p> 1474 <p><strong>Satellites</strong> are loaded from groups, these match the standard groups available on sites like celestrak. A default group is loaded at startup, unless you have changed this the 'amateur' group is loaded. To load a group select the 'Groups' dropdown from the Home ribbon menu. You can also specify the default group to load in the options, under satellites.</p> 1475 <p>Once a group is loaded you need to add satellites to display. When a satellite is displayed its data is calculated. Those satellites not being displayed will not have any data calculated for them. By default all satellites in the loaded group are automatically added. You can disable this in Options->satellites.</p> 1476 <p>Satellites can be 'selected', this can be done from the list viewe, Satellite Selector or generally by clicking on a satellite in any view. Once a satellite is selected more data will be displayed, generally its orbit and passes. The Satellite info pannel on the left will also show more information. If multiple satellites are selected then a drop down will appear allowing you to select the satellite to show more detailed information for.</p> 1477 <h2>Views</h2> 1478 <p>There are 7 main views available.</p> 1479 <ul> 1480 <li><strong>List View.</strong> This is a basic list of all satellites loaded and is updated to reflect current data. For large groups of satellites the list is paged. The page size can be set at the botom of the view.</li> 1481 <li><strong>3D View.</strong> This is a rotatable, zoomable view of the earth. satellites will be displayed, along with their orbits of there are selected. if the current orbit has a pass over your location this will be shown in green on the orbit path. The imagry for the earth can be selected in the 'provider' drop down. You can follow a selected satellite either from your location or from the satellite. The 'View' option also allows for a 2D and 2.5D view.</li> 1482 <li><strong>Passes View.</strong> This view displays pass information for a satellite. The satellite and pass can be selected in the ribbon menu. The two bottom views can be selected in the ribbon menu. the default for these two views can be specified in the options.</li> 1483 <li><strong>Polar View.</strong> This displays a Polar, or radar, view.</li> 1484 <li><strong>Sky View.</strong> This displays a view looking South from your location. This can be handy for visual satellite observation. The horizon image can be dragged up and down if its in the way or turned off in the ribbon menu.</li> 1485 <li><strong>Timeline View.</strong> This will show all passes for the selectedd satellites within the next 24 hours.</li> 1486 <li><strong>Az/El View.</strong> This is <strong>only</strong> available in the passes view. It shows a graph of Azimuth and elevation for a selected pass.</li> 1487 </ul> 1488 <h4>Debug View</h4> 1489 <p>This must be enabled in the options. This view is primarily intended to debug issues. It shows all of the available satellites along with information about the internal
1489calculation engine.</p> 1490 </div> 1491 </div> 1492 1493 <div title="DX View" id="dx"> 1494 </div> 1495 1496 </div> 1497 </div> 1498 1499 <div data-options="region:'south'" id="south-panel"> 1500 <div id="statusbar"> 1501 <div id="status" class="panel"><strong>Initialising</strong></div> 1502 <div id="statusgroup" class="panel"><strong>Group:</strong> NONE</div> 1503 <div id="statusfollowing" class="panel"><strong>Following:</strong> NONE</div> 1504 <div id="statustotalloaded" class="panel">0 Satellites Loaded</div> 1505 <div id="currenttime" class="panel"></div> 1506 1507 <div id="social-fb" class="panel last-panel"> 1508 <div id="fb-root"></div> 1509
1509<script>(function(d, s, id) { 1510 var js, fjs = d.getElementsByTagName(s)[0]; 1511 if (d.getElementById(id)) return; 1512 js = d.createElement(s); js.id = id; 1513 js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=218900791485439"; 1514 fjs.parentNode.insertBefore(js, fjs); 1515 }(document, 'script', 'facebook-jssdk'));</script>
1515 1516 <div class="fb-like" data-href="http://www.facebook.com/agsattrack" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div> 1517 </div> 1518 <div id="social-twitter" class="panel"> 1519 <iframe allowtransparency="true" frameborder="0" scrolling="no" src="https://platform.twitter.com/widgets/tweet_button.html?via=agsattrack" style="width:105px; height:20px;"></iframe> 1520 <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=agsattrack" style="width:200px; height:20px;"></iframe> 1521 </div> 1522 </div> 1523 </div> 1524 1525 <div id="contact-window" class="easyui-window" data-options="title:'Contact',closed:true, resizable:false, minimizable:false,maximizable:false, collapsible: false" style="width:500px;height:200px;padding:5px;"> 1526 <div class="easyui-layout" data-options="fit:true"> 1527 <div data-options="region:'center',border:false" style="padding:10px;background:#fff;border:1px solid #ccc;"> 1528 <h2>Contact</h2> 1529 <p>To contact me please send an email to alex AT agsattrack.com</p> 1530 </div> 1531 <div data-options="region:'south',border:false" style="text-align:right;padding:5px 0;"> 1532 <a class="easyui-linkbutton" href="javascript:void(0)" onclick="jQuery('#contact-window').window('close');">Ok</a> 1533 </div> 1534 </div> 1535 </div> 1536 1537 <div id="help-window" class="easyui-window" data-options="title:'Help',closed:true, resizable:false, minimizable:false,maximizable:false, collapsible: false" style="width:900px;height:600px;padding:0px"> 1538 <div class="easyui-layout" data-options="fit:true"> 1539 <div data-options="region:'center',border:false" style="background:#fff;border:1px solid #ccc;"> 1540 <div class="easyui-layout" data-options="fit:true"> 1541 <div data-options="region:'west',split:true,title:'Topics'" style="width:200px;overflow:auto"> 1542 <ul id="help-tree" class="easyui-tree"> 1543 <li> 1544 <span>Help Topics</span> 1545 <ul> 1546 <li> 1547 <span>Introduction</span> 1548 <ul> 1549 <li> 1550 <span><a href="help/whatis.html" class="tree-help-item">What is AgSatTrack</a></span> 1551 </li> 1552 </ul> 1553 </li> 1554 <li> 1555 <span>How To</span> 1556 <ul> 1557 <li> 1558 <span><a href="help/loadgroups.html" class="tree-help-item">Load Groups</a></span> 1559 </li> 1560 </ul> 1561 </li> 1562 </ul> 1563 </li> 1564 </ul> 1565 </div> 1566 <div data-options="region:'center',title:'Help'"> 1567 <div id="help-content" style="padding:2px"> 1568 </div> 1569 </div> 1570 </div> 1571 </div> 1572 <div data-options="region:'south',border:false" style="text-align:right;padding:5px 0;"> 1573 <a class="easyui-linkbutton" href="javascript:void(0)" onclick="jQuery('#help-window').window('close');">Ok</a> 1574 </div> 1575 </div> 1576 </div> 1577 1578 <ol id="joyRideTipContent"> 1579 <li data-id="sat-group-selector" data-button="Next" data-options="tipLocation:top;tipAnimation:fade"> 1580 <h2>Select a Group</h2> 1581 <p>This drop down contains the groups you can use. Amateur is loaded by default. Selecting another group will load the satellites from that group.</p> 1582 </li> 1583 <li data-id="sat-selector" data-button="Next" data-options="tipLocation:top;tipAnimation:fade"> 1584 <h2>Select Satellites</h2> 1585 <p>Select the satellites you wish to display. Satellites in the right hand listbox will be displayed. Checking the checkbox will also dis
1585play the orbit and footprint.</p> 1586 </li> 1587 <li data-id="view-select" data-button="Next" data-options="tipLocation:top;tipAnimation:fade"> 1588 <h2>Switch View</h2> 1589 <p>Select the view to display. You can also set the ribbon bar to switch view when you click on a tab, look in the settings under views.</p> 1590 </li> 1591 <li data-id="ribbon-tab-header-strip" data-button="Next" data-options="tipLocation:top;tipAnimation:fade"> 1592 <h2>View Tabs</h2> 1593 <p>Each view has customisable options</p> 1594 </li> 1595 <li data-id="satinfot" data-button="Next" data-options="tipLocation:right;tipAnimation:fade"> 1596 <h2>Satellite Information</h2> 1597 <p>The left hand pane contains details about the selected satellite. If multiple satellites are selected then a drop down will be available to select which satellite to show data for.</p> 1598 </li> 1599 <li data-id="options" data-button="Close" data-options="tipLocation:top;tipAnimation:fade"> 1600 <h2>Program Options</h2> 1601 <p>Setup Agsattrack how you like it :-)</p> 1602 </li> 1603 </ol> 1604 1605 1606 <div id="help-1" class="helpwrapper"> 1607 <div style="width: 220px" class="helptext"> 1608 <h2><span><img src="/images/info.png" width=32 /></span>Information</h2> 1609 <p>There are {tlecount} satellites loaded but none are current being displayed.</p> 1610 <p>before satellites are displayed you need to add them. There are two ways to add satellites.</p> 1611 <ul> 1612 <li><img src="/js/ribbon/icons/hot/satellite.png"><span>Use the satellite selector on the home ribbon tab</span></li> 1613 <li><img src="/js/ribbon/icons/hot/satellite_all.png"><span>Use the add all satellites button on the home ribbon tab</span></li> 1614 </ul> 1615 </div> 1616 </div> 1617 1618
1618<script type="text/javascript"> 1619 var href = document.location.href; 1620 1621 if (href.indexOf('local') === -1) { 1622 if (AGSETTINGS.cookiesOk()) { 1623 var _gaq = _gaq || []; 1624 _gaq.push([ '_setAccount', 'UA-36758800-1' ]); 1625 _gaq.push([ '_trackPageview' ]); 1626 1627 (function() { 1628 var ga = document.createElement('script'); 1629 ga.type = 'text/javascript'; 1630 ga.async = true; 1631 ga.src = ('https:' == document.location.protocol ? 'https://ssl' 1632 : 'http://www') 1633 + '.google-analytics.com/ga.js'; 1634 var s = document.getElementsByTagName('script')[0]; 1635 s.parentNode.insertBefore(ga, s); 1636 })(); 1637 } 1638 } 1639 </script>
1639 1640 1641</body>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.