AFG/dump1090
3
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity
dump1090/public_html/gmap.html

173 lines
9 KiB
HTML
Raw Normal View History

Splitted gmap.html to multiple files in new 'public_html'-directory. Changes to 'dump1090.c'-file made accordingly. modified: .gitignore modified: dump1090.c deleted: gmap.html new file: public_html/gmap.html new file: public_html/script.js new file: public_html/style.css
2013-05-09 16:59:26 +02:00
<html>
Making the inital checkin to the refactored map page.
2013-05-21 22:28:16 +02:00
<head>
Fix W3C Validation Errors #34 Submitted by ddeitterick, but the push didn't work on IE8/9. I hope I've extracted the required parts and implemented them correctly here.
2014-10-29 18:39:34 +01:00
<meta charset="utf-8"/>
Making the inital checkin to the refactored map page.
2013-05-21 22:28:16 +02:00
<link rel="stylesheet" type="text/css" href="style.css" />
Rolling back a couple changes and spawning a branch from here.
2013-05-30 23:26:16 +02:00
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
The start of a crummy looking options. It is bugged right now. Brought back the reset map.
2013-05-30 19:45:10 +02:00
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Improve map display layout and styling
2014-08-07 04:31:05 +02:00
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
Fix W3C Validation Errors #34 Submitted by ddeitterick, but the push didn't work on IE8/9. I hope I've extracted the required parts and implemented them correctly here.
2014-10-29 18:39:34 +01:00
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=geometry"></script>
Split into multiple JS files, Selecting planes now works, Started work on settings window, Created extension.js, an area for new ideas to be tested or loaded out of.
2013-05-24 04:15:37 +02:00
<script type="text/javascript" src="config.js"></script>
<script type="text/javascript" src="planeObject.js"></script>
Making the inital checkin to the refactored map page.
2013-05-21 22:28:16 +02:00
<script type="text/javascript" src="script.js"></script>
Couple more small tweaks to the tails of planes. Added "CoolClock" both local and GMT to the info pane, http://randomibis.com/coolclock/
2013-05-22 19:09:12 +02:00
<script type="text/javascript" src="coolclock/excanvas.js"></script>
<script type="text/javascript" src="coolclock/coolclock.js"></script>
<script type="text/javascript" src="coolclock/moreskins.js"></script>
Fix W3C Validation Errors #34 Submitted by ddeitterick, but the push didn't work on IE8/9. I hope I've extracted the required parts and implemented them correctly here.
2014-10-29 18:39:34 +01:00
<title>DUMP1090</title>
Making the inital checkin to the refactored map page.
2013-05-21 22:28:16 +02:00
</head>
<body onload="initialize()">
Load history when the map is initialized. This can take a few seconds, so add a loading spinny while it loads. (cherry picked from commit 8d3fdcc1625278a25a289dee33ef6b8eaccfd0ff)
2015-01-15 22:01:14 +01:00
<div id="loader" class="hidden">
<img src="spinny.gif" id="spinny">
Add a loading progress bar, as it can be slow with internal webserver (100ms/request) plus large history (120 requests). (cherry picked from commit e1b0b7a5b6759bb7a59536efcc4d6652d92dda16)
2015-01-15 23:23:15 +01:00
<progress id="loader_progress"></progress>
Load history when the map is initialized. This can take a few seconds, so add a loading spinny while it loads. (cherry picked from commit 8d3fdcc1625278a25a289dee33ef6b8eaccfd0ff)
2015-01-15 22:01:14 +01:00
</div>
Undo Parts of Pull request #29 The table sizing doesn't seem to work in M$ IE8 and IE9.
2014-09-30 17:35:15 +02:00
<div id="map_container">
<div id="map_canvas"></div>
</div>
<div id="sidebar_container">
<div id="sidebar_canvas">
<div id="timestamps" style="align: center">
Rearrangements to clock layout. Provide UTC and last-receiver-update clocks.
2015-01-07 19:39:19 +01:00
<table width="100%">
<tr>
<td align="center"> <canvas id="utcclock"></canvas> </td>
<td align="center"> <canvas id="receiverclock"></canvas> </td>
</tr>
<tr>
<td align="center">UTC</td>
<td align="center">Last Update</td>
</tr>
</table>
Undo Parts of Pull request #29 The table sizing doesn't seem to work in M$ IE8 and IE9.
2014-09-30 17:35:15 +02:00
</div>
<div id="sudo_buttons">
Rearrangements to clock layout. Provide UTC and last-receiver-update clocks.
2015-01-07 19:39:19 +01:00
<table width="100%">
<tr>
<td width="150" style="text-align: center;" class="pointer">
[ <span onclick="resetMap();">Reset Map</span> ]
</td>
</tr>
</table>
Undo Parts of Pull request #29 The table sizing doesn't seem to work in M$ IE8 and IE9.
2014-09-30 17:35:15 +02:00
</div>
Improve map display layout and styling
2014-08-07 04:31:05 +02:00
Lots more map work, mostly around switching from "construct a big HTML string" to working directly with the DOM to update the table / selected plane info. Seems to speed things up (and deflicker them) a lot. Also stable sorts, allow disabling the clocks, draw ground tracks in a different color, put "last seen" info on the selected plane infobox, if position updates are infrequent then combine them into a single estimated line so that dash placement works properly, probably a bunch of other things..
2015-01-06 21:15:25 +01:00
<div id="dump1090_infoblock">
<table width="100%">
<tr class="infoblock_heading">
<td>
Clean up config.js a bit, support configuring page name and site name.
2015-01-22 15:33:42 +01:00
<b id="infoblock_name">DUMP1090</b>
Lots more map work, mostly around switching from "construct a big HTML string" to working directly with the DOM to update the table / selected plane info. Seems to speed things up (and deflicker them) a lot. Also stable sorts, allow disabling the clocks, draw ground tracks in a different color, put "last seen" info on the selected plane infobox, if position updates are infrequent then combine them into a single estimated line so that dash placement works properly, probably a bunch of other things..
2015-01-06 21:15:25 +01:00
</td>
<td align="right">
Clean up config.js a bit, support configuring page name and site name.
2015-01-22 15:33:42 +01:00
<a href="https://github.com/mutability/dump1090" id="dump1090_version" target="_blank"></span>
Lots more map work, mostly around switching from "construct a big HTML string" to working directly with the DOM to update the table / selected plane info. Seems to speed things up (and deflicker them) a lot. Also stable sorts, allow disabling the clocks, draw ground tracks in a different color, put "last seen" info on the selected plane infobox, if position updates are infrequent then combine them into a single estimated line so that dash placement works properly, probably a bunch of other things..
2015-01-06 21:15:25 +01:00
</td>
</tr>
<tr class="infoblock_body">
Clean up config.js a bit, support configuring page name and site name.
2015-01-22 15:33:42 +01:00
<td>&nbsp;</td>
<td>&nbsp;</td>
Lots more map work, mostly around switching from "construct a big HTML string" to working directly with the DOM to update the table / selected plane info. Seems to speed things up (and deflicker them) a lot. Also stable sorts, allow disabling the clocks, draw ground tracks in a different color, put "last seen" info on the selected plane infobox, if position updates are infrequent then combine them into a single estimated line so that dash placement works properly, probably a bunch of other things..
2015-01-06 21:15:25 +01:00
</tr>
<tr class="infoblock_body dim">
<td>(no aircraft selected)</td>
<td>&nbsp;</td>
</tr>
<tr class="infoblock_body">
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr class="infoblock_body">
Display the number of history points stored. Rejuggle how markers are handled so that we avoid creating lots of new icons all the time. Rearrange reaping / update times so that it is all based on timestamps from the receiver.
2015-01-07 02:19:05 +01:00
<td>Aircraft (total): <span id="dump1090_total_ac">n/a</span></td>
Display message rate (30 sec average) on the webmap. (cherry picked from commit 848af78be685c6e2a26d0b30e9f385696201a2c4)
2015-01-13 20:10:55 +01:00
<td>Messages: <span id="dump1090_message_rate">n/a</span>/sec</td>
Lots more map work, mostly around switching from "construct a big HTML string" to working directly with the DOM to update the table / selected plane info. Seems to speed things up (and deflicker them) a lot. Also stable sorts, allow disabling the clocks, draw ground tracks in a different color, put "last seen" info on the selected plane infobox, if position updates are infrequent then combine them into a single estimated line so that dash placement works properly, probably a bunch of other things..
2015-01-06 21:15:25 +01:00
</tr>
<tr class="infoblock_body">
Display the number of history points stored. Rejuggle how markers are handled so that we avoid creating lots of new icons all the time. Rearrange reaping / update times so that it is all based on timestamps from the receiver.
2015-01-07 02:19:05 +01:00
<td>(with positions): <span id="dump1090_total_ac_positions">n/a</span></td>
<td>History: <span id="dump1090_total_history">n/a</span> positions</td>
Lots more map work, mostly around switching from "construct a big HTML string" to working directly with the DOM to update the table / selected plane info. Seems to speed things up (and deflicker them) a lot. Also stable sorts, allow disabling the clocks, draw ground tracks in a different color, put "last seen" info on the selected plane infobox, if position updates are infrequent then combine them into a single estimated line so that dash placement works properly, probably a bunch of other things..
2015-01-06 21:15:25 +01:00
</tr>
</table>
</div>
<div id="selected_infoblock" class="hidden">
<table width="100%">
<tr class="infoblock_heading">
<td colspan="2">
Move ICAO for the selected plane into the header line. Put RSSI in the selected info box where ICAO used to be.
2015-01-22 16:31:35 +01:00
<b> <span id="selected_callsign">n/a</span></b> <span id="selected_icao"></span>
Lots more map work, mostly around switching from "construct a big HTML string" to working directly with the DOM to update the table / selected plane info. Seems to speed things up (and deflicker them) a lot. Also stable sorts, allow disabling the clocks, draw ground tracks in a different color, put "last seen" info on the selected plane infobox, if position updates are infrequent then combine them into a single estimated line so that dash placement works properly, probably a bunch of other things..
2015-01-06 21:15:25 +01:00
<span id="selected_emergency"></span>
<span id="selected_links">
<a id="selected_fr24_link" href="" target="_blank">[FR24]</a>
<a id="selected_flightstats_link" href="" target="_blank">[FlightStats]</a>
<a id="selected_flightaware_link" href="" target="_blank">[FlightAware]</a>
</span>
</td>
</tr>
<tr class="infoblock_body">
Tweak the column widths in the infoblock slightly.
2015-01-11 13:12:28 +01:00
<td width="55%">Altitude: <span id="selected_altitude"></span></td>
<td width="45%">Squawk: <span id="selected_squawk"></span></td>
Lots more map work, mostly around switching from "construct a big HTML string" to working directly with the DOM to update the table / selected plane info. Seems to speed things up (and deflicker them) a lot. Also stable sorts, allow disabling the clocks, draw ground tracks in a different color, put "last seen" info on the selected plane infobox, if position updates are infrequent then combine them into a single estimated line so that dash placement works properly, probably a bunch of other things..
2015-01-06 21:15:25 +01:00
</tr>
<tr class="infoblock_body">
<td>Speed: <span id="selected_speed">n/a</span></td>
Move ICAO for the selected plane into the header line. Put RSSI in the selected info box where ICAO used to be.
2015-01-22 16:31:35 +01:00
<td>RSSI: <span id="selected_rssi">n/a</span></td>
Lots more map work, mostly around switching from "construct a big HTML string" to working directly with the DOM to update the table / selected plane info. Seems to speed things up (and deflicker them) a lot. Also stable sorts, allow disabling the clocks, draw ground tracks in a different color, put "last seen" info on the selected plane infobox, if position updates are infrequent then combine them into a single estimated line so that dash placement works properly, probably a bunch of other things..
2015-01-06 21:15:25 +01:00
</tr>
<tr class="infoblock_body">
<td>Track: <span id="selected_track">n/a</span></td>
<td>Last seen: <span id="selected_seen">n/a</span</td>
</tr>
<tr class="infoblock_body">
Rearrangements to infoblock layout.
2015-01-22 15:44:32 +01:00
<td>Position: <span id="selected_position">n/a</span></td>
<td><span id="selected_follow" onclick="toggleFollowSelected();" class="pointer">[ follow &#x21D2 ]</span></td>
Lots more map work, mostly around switching from "construct a big HTML string" to working directly with the DOM to update the table / selected plane info. Seems to speed things up (and deflicker them) a lot. Also stable sorts, allow disabling the clocks, draw ground tracks in a different color, put "last seen" info on the selected plane infobox, if position updates are infrequent then combine them into a single estimated line so that dash placement works properly, probably a bunch of other things..
2015-01-06 21:15:25 +01:00
</tr>
<tr class="infoblock_body">
<td colspan="2">Distance from Site: <span id="selected_sitedist">n/a</span></td>
</tr>
</table>
</div>
<div id="planes_table">
<table id="tableinfo" width="100%">
<thead style="background-color: #BBBBBB; cursor: pointer;">
<td id="icao" onclick="sortByICAO();">ICAO</td>
<td id="flight" onclick="sortByFlight();">Flight</td>
<td id="squawk" onclick="sortBySquawk();" align="right">Squawk</td>
<td id="altitude" onclick="sortByAltitude();" align="right">Altitude</td>
<td id="speed" onclick="sortBySpeed();" align="right">Speed</td>
<td id="distance" onclick="sortByDistance();" align="right">Distance</td>
<td id="track" onclick="sortByTrack();" align="right">Track</td>
<td id="msgs" onclick="sortByMsgs();" align="right">Msgs</td>
<td id="seen" onclick="sortBySeen();" align="right">Age</td>
</thead>
<tbody>
<tr id="plane_row_template" class="plane_table_row hidden">
<td>ICAO</td>
<td>FLIGHT</td>
<td align="right">SQUAWK</td>
<td align="right">ALTITUDE</td>
<td align="right">SPEED</td>
<td align="right">DISTANCE</td>
<td align="right">TRACK</td>
<td align="right">MSGS</td>
<td align="right">SEEN</td>
</tr>
</tbody>
</table>
</div>
Undo Parts of Pull request #29 The table sizing doesn't seem to work in M$ IE8 and IE9.
2014-09-30 17:35:15 +02:00
</div>
Making the inital checkin to the refactored map page.
2013-05-21 22:28:16 +02:00
</div>
Lots more map work, mostly around switching from "construct a big HTML string" to working directly with the DOM to update the table / selected plane info. Seems to speed things up (and deflicker them) a lot. Also stable sorts, allow disabling the clocks, draw ground tracks in a different color, put "last seen" info on the selected plane infobox, if position updates are infrequent then combine them into a single estimated line so that dash placement works properly, probably a bunch of other things..
2015-01-06 21:15:25 +01:00
<div id="SpecialSquawkWarning" class="hidden">
<b>Squawk 7x00 is reported and shown.</b><br>
This is most likely an error in receiving or decoding.<br>
Please do not call the local authorities, they already know about it if it is a valid squawk.
Added warning label when 7x00 squawk is shown. "Please don't call authorities"-warning label is show on map if any special squawk is show. modified: public_html/gmap.html modified: public_html/script.js modified: public_html/style.css
2013-06-02 15:51:38 +02:00
</div>
Add the missing div used to display errors.
2015-01-07 19:44:45 +01:00
<div id="update_error" class="hidden">
<b>Problem fetching data from dump1090.</b><br>
<span id="update_error_detail"></span><br>
The displayed map data will be out of date.
</div>
IE 8/9 Bugs in Web interface *DISCLAIMER* I didn't write any of this code initially, I've never tried to use it, and I don't understand Java Script at all. In-fact I hate the wretched stuff. Anyway, it appears that no-one has bothered to test any of the Web interface code using Microsoft Internet Explorer 8 or 9. I've attempted to hack out the sections of the code that are causing problems, and at least the web interface now seems to run. However, for some reason the planes never move - I know this must be a bug, but I don't know how to fix it. Most of the errors relate to trailing commas. My guess it that some Java engines don't mind trailing commas, but that the Microsoft ones do. There are also some undefined modules (untrackedDeveloperSettings) and functions (console.log) which I guess those who wrote the code have on their machines, but forgot to include in the public distribution. I've no idea how to fix this, so I've just hacked them out of the code.
2013-09-26 13:59:46 +02:00
<div id="container_splitter"></div>
Making the inital checkin to the refactored map page.
2013-05-21 22:28:16 +02:00
</body>
Splitted gmap.html to multiple files in new 'public_html'-directory. Changes to 'dump1090.c'-file made accordingly. modified: .gitignore modified: dump1090.c deleted: gmap.html new file: public_html/gmap.html new file: public_html/script.js new file: public_html/style.css
2013-05-09 16:59:26 +02:00
</html>
Reference in a new issue Copy permalink