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

168 lines
8.7 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>
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 type="text/javascript" src="options.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="extension.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()">
Hide Settings-windows text while page is loading. modified: public_html/gmap.html modified: public_html/script.js
2013-06-02 12:45:53 +02:00
<div id="dialog-modal" title="Basic modal dialog" style="display:none;">
<p>The settings feature is coming soon. Keep checking GitHub.</p>
Rolling back a couple changes and spawning a branch from here.
2013-05-30 23:26:16 +02: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">
<table width="100%"><tr>
<td>Local Time</td>
<td>
<canvas id="localclock" class="CoolClock:classic:40"></canvas>
</td>
<td>UTC Time</td>
<td>
<canvas id="gmtclock" class="CoolClock:classic:40::0"></canvas>
</td>
</tr></table>
</div>
<div id="sudo_buttons">
<table width="100%"><tr>
<td width="150" style="text-align: center;" class="pointer">
[ <span onclick="resetMap();">Reset Map</span> ]
</td>
<td>&nbsp;</td>
<td width="150" style="text-align: center;" id="setings_button" class="pointer">
[ <span onclick="optionsModal();">Settings</span> ]
</td>
</tr></table>
</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>
<b>DUMP1090</b>
</td>
<td align="right">
<span id="dump1090_version"></span>
</td>
</tr>
<tr class="infoblock_body">
<td width="50%">&nbsp;</td>
<td width="50%" align="right"><a href="https://github.com/mutability/dump1090" target="_blank">[GitHub]</a></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">
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>
<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">
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">
<b> <span id="selected_callsign">n/a</span></b>
<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">
<td width="50%">Altitude: <span id="selected_altitude"></span></td>
<td width="50%">Squawk: <span id="selected_squawk"></span></td>
</tr>
<tr class="infoblock_body">
<td>Speed: <span id="selected_speed">n/a</span></td>
<td>ICAO: <span id="selected_icao">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">
Make PlaneObject a class. Rearrange internal storage of positions. Maintain sitedist within PlaneObject, not externally. Clean up speed/dist/etc formatting. Show both metric & imperial values in the plane detail infobox.
2015-01-07 18:18:33 +01:00
<td colspan="2">Position: <span id="selected_position">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>
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="options"></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="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 id="plane_extension"></div>
</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>
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