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

202 lines
11 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>
Change map icon based on aircraft category. This only has different icons for the "rotorcraft" and "light" categories at the moment - all others are the default plane icon at different scales.
2015-02-22 18:02:23 +01:00
<script type="text/javascript" src="markers.js"></script>
Proof of concept for an aircraft metadata DB.
2015-02-24 22:51:30 +01:00
<script type="text/javascript" src="dbloader.js"></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="planeObject.js"></script>
Added extended unit settings Added some code to enable the user to configure unit selection in a more detailed fashion. you can now select either metric or imperial, or both, and even set which one of those should be displayed first.
2015-02-20 00:09:03 +01:00
<script type="text/javascript" src="formatter.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>
added flags.js
2015-08-18 06:25:39 +02:00
<script type="text/javascript" src="flags.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>
Link ICAO to airframes.org (complete with horrible javascript form-submission workaround)
2015-01-23 20:17:07 +01:00
<!--
This is hideous. airframes.org insists on getting a POST with a "submit" value specified,
but if we have an input control with that name then it shadows the submit() function that
we need. So steal the submit function off a different form. Surely there is a better way?!
-->
<form id="horrible_hack" class="hidden"></form>
<form id="airframes_post" method="POST" action="http://www.airframes.org/" target="_blank" class="hidden">
<input type="hidden" name="reg1" value="">
<input type="hidden" name="selcal" value="">
<input id="airframes_post_icao" type="hidden" name="ica024" value="">
<input type="hidden" name="submit" value="submit">
</form>
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 the "follow" button to an arrow by the callsign. Also make the callsign clickable to follow.
2015-01-22 22:30:37 +01:00
<b>
<span id="selected_callsign" onclick="toggleFollowSelected();" class="pointer">n/a</span>
</b>
<span id="selected_follow" onclick="toggleFollowSelected();" class="pointer">&#x21D2</span>
Link ICAO to airframes.org (complete with horrible javascript form-submission workaround)
2015-01-23 20:17:07 +01:00
<a href="http://www.airframes.org/" onclick="document.getElementById('horrible_hack').submit.call(document.getElementById('airframes_post')); return false;">
<span id="selected_icao"></span>
</a>
Added span for flag icon in selected
2015-08-20 06:00:57 +02:00
<span id="selected_icaoflag"></span>
Proof of concept for an aircraft metadata DB.
2015-02-24 22:51:30 +01:00
<span id="selected_registration"></span>
<span id="selected_icaotype"></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">
Update gmap.html
2015-08-17 01:22:10 +02:00
<td colspan=1>Position: <span id="selected_position">n/a</span></td>
cleaning up code and plane table
2015-08-22 02:38:38 +02:00
<td>Country: <span id="selected_flag">n/a</span><span id="selected_country">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 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>
cleaning up code and plane table
2015-08-22 02:38:38 +02:00
<td id="flag" align="center">Country</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
<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>
cleaning up code and plane table
2015-08-22 02:38:38 +02:00
<td align="center">COUNTRY</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
<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