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

251 lines
10 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>
Add ability to filter planes by altitude
2016-08-24 22:28:13 +02:00
<script src="jquery/plugins/jquery.validate.min.js"></script>
Starting to hack on OL3 support.
2016-07-02 13:55:38 +02:00
Switch to OL 3.17.1; include a copy locally.
2016-07-05 23:06:28 +02:00
<link rel="stylesheet" href="ol3/ol-3.17.1.css" type="text/css" />
<script src="ol3/ol-3.17.1.js" type="text/javascript"></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="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>
Lots of layer cleanups. Move layer config into a separate file. Add a Mapzen vector tile layer. Make the overlay layers toggleable.
2016-07-03 14:55:14 +02:00
<script type="text/javascript" src="layers.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>
Call this "FlightAware dump1090" so it makes sense for both FF and Piaware images. Update URL for the eventual home of this repo.
2016-04-11 13:11:51 +02:00
<title>FlightAware dump1090</title>
Making the inital checkin to the refactored map page.
2013-05-21 22:28:16 +02:00
</head>
Merge branch 'upstream'
2016-04-11 13:11:05 +02: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
Add buttons to expand/collapse/resize data table
2016-08-18 22:48:57 +02:00
<div id="layout_container">
<div id="map_container">
<div id="map_canvas"></div>
<a id="toggle_sidebar_button" class="hide_sidebar" href="#"></a>
Add ability to hide map and expand table to fill window
2016-08-19 17:58:48 +02:00
<a id="expand_sidebar_button" href="#"></a>
Add buttons to expand/collapse/resize data table
2016-08-18 22:48:57 +02:00
</div>
Show selected plane information in separate panel
2016-08-30 22:07:54 +02:00
<div id="selected_infoblock" class="hidden">
<table style="width: 100%">
<tr class="infoblock_heading">
<td colspan="2">
<b>
<span id="selected_callsign" onclick="toggleFollowSelected();" class="pointer">n/a</span>
</b>
<span id="selected_follow" onclick="toggleFollowSelected();" class="pointer">&#x21D2;</span>
<span id="selected_flag">
<img style="width: 20px; height=12px" src="about:blank" alt="Flag">
</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>
Show additional data in selected aircraft info block
2016-08-30 23:38:41 +02:00
<span id="selected_flightaware_link"></span>
Show selected plane information in separate panel
2016-08-30 22:07:54 +02:00
</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">
<td style="width: 55%">Altitude: <span id="selected_altitude"></span></td>
<td style="width: 45%">Squawk: <span id="selected_squawk"></span></td>
</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>
Show additional data in selected aircraft info block
2016-08-30 23:38:41 +02:00
<tr class="infoblock_body">
<td>Vertical rate: <span id="selected_vertical_rate">n/a</span></td>
<td>Messages: <span id="selected_message_count">n/a</span></td>
</tr>
Show selected plane information in separate panel
2016-08-30 22:07:54 +02:00
<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>
Show additional data in selected aircraft info block
2016-08-30 23:38:41 +02:00
<tr class="infoblock_body">
<td colspan="2"><span id="selected_photo_link"></span></td>
</tr>
Show selected plane information in separate panel
2016-08-30 22:07:54 +02:00
</table>
</div> <!-- selected_infoblock -->
Add buttons to expand/collapse/resize data table
2016-08-18 22:48:57 +02:00
<div id="sidebar_container">
<div id="splitter" class="ui-resizable-handle ui-resizable-w"></div>
<div id="sidebar_canvas">
Use icon for show map button
2016-08-20 00:57:20 +02:00
<a id="show_map_button" href="#"></a>
Add buttons to expand/collapse/resize data table
2016-08-18 22:48:57 +02:00
<div id="dump1090_infoblock">
<table style="width: 100%">
<tr class="infoblock_heading">
<td>
<b id="infoblock_name">FlightAware dump1090</b>
</td>
<td style="text-align: right">
<a href="https://github.com/flightaware/dump1090" id="dump1090_version" target="_blank"></a>
</td>
</tr>
<tr class="infoblock_body">
<td>&nbsp;</td>
</tr>
Show selected plane information in separate panel
2016-08-30 22:07:54 +02:00
<tr>
<td colspan="3">
<div id="sudo_buttons">
<span class="pointer" onclick="resetMap();">[ Reset Map ]</span>
<span class="pointer" onclick="selectAllPlanes();">[ Select All ]</span>
<span class="pointer" onclick="deselectAllPlanes();">[ Select None ]</span>
</div>
</td>
Add buttons to expand/collapse/resize data table
2016-08-18 22:48:57 +02:00
</tr>
<tr class="infoblock_body">
<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 -->
Add ability to switch display units
2016-08-22 23:48:17 +02:00
<div id="units_container">
<label for="units_selector">Units:</label>
<select name="units_selector" id="units_selector">
<option value="nautical">Aeronautical</option>
<option value="metric">Metric</option>
<option value="imperial">Imperial</option>
</select>
</div>
Add ability to filter planes by altitude
2016-08-24 22:28:13 +02:00
<form id="altitude_filter_form">
<label>Filter by altitude:</label>
<input id="altitude_filter_min" name="minAltitude" type="text" class="altitudeFilterInput" maxlength="5">
<label for="minAltitude" class="altitudeUnit"></label>
<span> to </span>
<input id="altitude_filter_max" name="maxAltitude" type="text" class="altitudeFilterInput" maxlength="5">
<label for="maxAltitude" class="altitudeUnit"></label>
<button type="submit">Filter</button>
<button id="altitude_filter_reset_button">Reset</button>
</form>
Add buttons to expand/collapse/resize data table
2016-08-18 22:48:57 +02:00
<div id="planes_table">
<table id="tableinfo" style="width: 100%">
<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>
Show additional columns when table is fully expanded
2016-08-20 00:37:43 +02:00
<td id="flight" onclick="sortByFlight();">Ident</td>
<td id="registration" onclick="sortByRegistration();">Registration</td>
<td id="aircraft_type" onclick="sortByAircraftType();"> Aircraft type</td>
Add buttons to expand/collapse/resize data table
2016-08-18 22:48:57 +02:00
<td id="squawk" onclick="sortBySquawk();" style="text-align: right">Squawk</td>
Add ability to filter planes by altitude
2016-08-24 22:28:13 +02:00
<td id="altitude" onclick="sortByAltitude();" style="text-align: right">Altitude (<span class="altitudeUnit"></span>)</td>
<td id="speed" onclick="sortBySpeed();" style="text-align: right">Speed (<span class="speedUnit"></span>)</td>
<td id="vert_rate" onclick="sortByVerticalRate();" style="text-align: right">Vertical Rate (<span class="verticalRateUnit"></span>)</td>
<td id="distance" onclick="sortByDistance();" style="text-align: right">Distance (<span class="distanceUnit"></span>)</td>
Add buttons to expand/collapse/resize data table
2016-08-18 22:48:57 +02:00
<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>
Show additional columns when table is fully expanded
2016-08-20 00:37:43 +02:00
<td id="rssi" onclick="sortByRssi();" style="text-align: right">RSSI</td>
<td id="lat" onclick="sortByLatitude();" style="text-align: right">Latitude</td>
<td id="lon" onclick="sortByLongitude();" style="text-align: right">Longitude</td>
<td id="data_source" onclick="sortByDataSource();" style="text-align: right">Data Source</td>
Add Airframes.org and FlightAware Mode-S links
2016-08-23 01:15:06 +02:00
<td id="airframes_mode_s_link" style="text-align: center">Airframes.org Link</td>
<td id="flightaware_mode_s_link" style="text-align: center">FlightAware Link</td>
Fix improperly closed tag
2016-08-23 17:45:04 +02:00
<td id="flightaware_photo_link" style="text-align: center">Photos</td>
Add buttons to expand/collapse/resize data table
2016-08-18 22:48:57 +02:00
</tr>
</thead>
<tbody>
<tr id="plane_row_template" class="plane_table_row hidden">
<td>ICAO</td>
<td><img style="width: 20px; height=12px" src="about:blank" alt="Flag"></td>
<td>FLIGHT</td>
Show additional columns when table is fully expanded
2016-08-20 00:37:43 +02:00
<td>REGISTRATION</td>
<td>AIRCRAFT_TYPE</td>
Add buttons to expand/collapse/resize data table
2016-08-18 22:48:57 +02:00
<td style="text-align: right">SQUAWK</td>
<td style="text-align: right">ALTITUDE</td>
<td style="text-align: right">SPEED</td>
Show additional columns when table is fully expanded
2016-08-20 00:37:43 +02:00
<td style="text-align: right">VERT_RATE</td>
Add buttons to expand/collapse/resize data table
2016-08-18 22:48:57 +02:00
<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>
Add ability to hide map and expand table to fill window
2016-08-19 17:58:48 +02:00
<td style="text-align: right">RSSI</td>
Show additional columns when table is fully expanded
2016-08-20 00:37:43 +02:00
<td style="text-align: right">LAT</td>
<td style="text-align: right">LON</td>
<td style="text-align: right">DATA_SOURCE</td>
Add Airframes.org and FlightAware Mode-S links
2016-08-23 01:15:06 +02:00
<td style="text-align: center">AIRFRAMES_MODE_S_LINK</td>
<td style="text-align: center">FLIGHTAWARE_MODE_S_LINK</td>
Add link to FlightAware aircraft photos
2016-08-23 17:41:58 +02:00
<td style="text-align: center">FLIGHTAWARE_PHOTO_LINK</td>
Add buttons to expand/collapse/resize data table
2016-08-18 22:48:57 +02:00
</tr>
</tbody>
</table>
</div> <!-- planes_table -->
</div> <!-- sidebar_canvas -->
</div> <!-- sidebar_container -->
</div> <!-- layout_container -->
Indentation/Readability cleanup
2016-03-22 20:39:57 +01: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="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