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

225 lines
8.5 KiB
HTML
Raw Normal View History

Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<!DOCTYPE HTML>
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" />
Switch to latest stable jquery/jqueryui. Include a local copy.
2016-07-02 11:53:03 +02:00
<link rel="stylesheet" href="jquery/jquery-ui-1.11.4-smoothness.css" />
<script src="jquery/jquery-3.0.0.min.js"></script>
<script src="jquery/jquery-ui-1.11.4.min.js"></script>
Starting to hack on OL3 support.
2016-07-02 13:55:38 +02:00
Layer switching support, ChartBundle, Bing maps.
2016-07-02 22:12:31 +02:00
<link rel="stylesheet" href="http://openlayers.org/en/v3.16.0/css/ol.css" type="text/css" />
Starting to hack on OL3 support.
2016-07-02 13:55:38 +02:00
<script src="http://openlayers.org/en/v3.16.0/build/ol-debug.js" type="text/javascript"></script>
Layer switching support, ChartBundle, Bing maps.
2016-07-02 22:12:31 +02:00
<link rel="stylesheet" href="ol3/ol3-layerswitcher.css" type="text/css"/>
<script src="ol3/ol3-layerswitcher.js" type="text/javascript"></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>
added flags.js
2015-08-18 06:25:39 +02:00
<script type="text/javascript" src="flags.js"></script>
fixed table display column problem This is the final version for this project. (I hope!)
2015-08-30 18:16:40 +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>
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
<title>DUMP1090</title>
Making the inital checkin to the refactored map page.
2013-05-21 22:28:16 +02:00
</head>
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
Making the inital checkin to the refactored map page.
2013-05-21 22:28:16 +02:00
<body onload="initialize()">
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
<div id="loader" class="hidden">
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<img src="spinny.gif" id="spinny" alt="Loading...">
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
<progress id="loader_progress"></progress>
</div>
<!--
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>
Link ICAO to airframes.org (complete with horrible javascript form-submission workaround)
2015-01-23 20:17:07 +01:00
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>
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
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="sidebar_container">
<div id="sidebar_canvas">
Remove invalid css property 'align' from timestamps div
2016-02-18 20:28:49 +01:00
<div id="timestamps">
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<table style="width: 100%">
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
<tr>
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<td style="text-align: center"> <canvas id="utcclock"></canvas> </td>
<td style="text-align: center"> <canvas id="receiverclock"></canvas> </td>
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
</tr>
<tr>
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<td style="text-align: center">UTC</td>
<td style="text-align: center">Last Update</td>
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
</tr>
</table>
</div> <!-- timestamps -->
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="sudo_buttons">
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<table style="width: 100%">
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
<tr>
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<td style="width: 150px; text-align: center;" class="pointer">
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
[ <span onclick="resetMap();">Reset Map</span> ]
</td>
</tr>
</table>
</div> <!-- sudo_buttons -->
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">
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<table style="width: 100%">
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
<tr class="infoblock_heading">
<td>
<b id="infoblock_name">DUMP1090</b>
</td>
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<td style="text-align: right">
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
<a href="https://github.com/mutability/dump1090" id="dump1090_version" target="_blank"></a>
</td>
</tr>
<tr class="infoblock_body">
<td>&nbsp;</td>
<td>&nbsp;</td>
</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">
<td>Aircraft (total): <span id="dump1090_total_ac">n/a</span></td>
<td>Messages: <span id="dump1090_message_rate">n/a</span>/sec</td>
</tr>
<tr class="infoblock_body">
<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>
</tr>
</table>
</div> <!-- dump1090_infoblock -->
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="selected_infoblock" class="hidden">
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<table style="width: 100%">
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
<tr class="infoblock_heading">
<td colspan="2">
<b>
<span id="selected_callsign" onclick="toggleFollowSelected();" class="pointer">n/a</span>
</b>
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<span id="selected_follow" onclick="toggleFollowSelected();" class="pointer">&#x21D2;</span>
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
<span id="selected_flag">
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<img style="width: 20px; height=12px" src="about:blank" alt="Flag">
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
</span>
<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>
<span id="selected_registration"></span>
<span id="selected_icaotype"></span>
<span id="selected_emergency"></span>
<a id="selected_flightaware_link" href="" target="_blank">[FlightAware]</a>
<span id="selected_links">
<a id="selected_fr24_link" href="" target="_blank">[FR24]</a>
<a id="selected_flightstats_link" href="" target="_blank">[FlightStats]</a>
Add PlaneFinder link
2016-03-29 23:50:39 +02:00
<a id="selected_planefinder_link" href="" target="_blank">[PlaneFinder]</a>
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
</span>
</td>
</tr>
<tr id="infoblock_country" class="infoblock_body">
<td colspan="2">Country of registration: <span id="selected_country">n/a</span></td>
</tr>
<tr class="infoblock_body">
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<td style="width: 55%">Altitude: <span id="selected_altitude"></span></td>
<td style="width: 45%">Squawk: <span id="selected_squawk"></span></td>
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
</tr>
<tr class="infoblock_body">
<td>Speed: <span id="selected_speed">n/a</span></td>
<td>RSSI: <span id="selected_rssi">n/a</span></td>
</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">
<td colspan="2">Position: <span id="selected_position">n/a</span></td>
</tr>
<tr class="infoblock_body">
<td colspan="2">Distance from Site: <span id="selected_sitedist">n/a</span></td>
</tr>
</table>
</div> <!-- selected_infoblock -->
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="planes_table">
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<table id="tableinfo" style="width: 100%">
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
<thead style="background-color: #BBBBBB; cursor: pointer;">
<tr>
<td id="icao" onclick="sortByICAO();">ICAO</td>
<td id="flag" onclick="sortByCountry()"><!-- column for flag image --></td>
<td id="flight" onclick="sortByFlight();">Flight</td>
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<td id="squawk" onclick="sortBySquawk();" style="text-align: right">Squawk</td>
<td id="altitude" onclick="sortByAltitude();" style="text-align: right">Altitude</td>
<td id="speed" onclick="sortBySpeed();" style="text-align: right">Speed</td>
<td id="distance" onclick="sortByDistance();" style="text-align: right">Distance</td>
<td id="track" onclick="sortByTrack();" style="text-align: right">Track</td>
<td id="msgs" onclick="sortByMsgs();" style="text-align: right">Msgs</td>
<td id="seen" onclick="sortBySeen();" style="text-align: right">Age</td>
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
</tr>
</thead>
<tbody>
<tr id="plane_row_template" class="plane_table_row hidden">
<td>ICAO</td>
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<td><img style="width: 20px; height=12px" src="about:blank" alt="Flag"></td>
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
<td>FLIGHT</td>
Pedantic tweaks for HTML5 validation
2016-03-22 22:22:41 +01:00
<td style="text-align: right">SQUAWK</td>
<td style="text-align: right">ALTITUDE</td>
<td style="text-align: right">SPEED</td>
<td style="text-align: right">DISTANCE</td>
<td style="text-align: right">TRACK</td>
<td style="text-align: right">MSGS</td>
<td style="text-align: right">SEEN</td>
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
</tr>
</tbody>
</table>
</div> <!-- planes_table -->
</div> <!-- sidebar_canvas -->
</div> <!-- sidebar_container -->
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">
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
<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">
Indentation/Readability cleanup
2016-03-22 20:39:57 +01:00
<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>
Add the missing div used to display errors.
2015-01-07 19:44:45 +01:00
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