Working Itinerary Page

This commit is contained in:
2021-01-04 20:18:50 -05:00
parent 1ecc0f4ac1
commit 0c0631cd2f
10 changed files with 160825 additions and 3 deletions
+39 -1
View File
@@ -28,6 +28,13 @@ div#nav_bar {
background: white;
}
div#itinerary_body {
position: absolute;
top: 50px;
width: 100%;
height: 100%;
}
div#map_container {
position: fixed;
top: 50px;
@@ -363,5 +370,36 @@ td#seen {
margin-left: auto;
margin-right: auto;
width: 40%;
s
}
#arrivals {
margin: auto;
width: fit-content;
display: inline-table;
padding: 5px;
}
#departures {
margin: auto;
width: fit-content;
display: inline-table;
padding: 5px;
}
#sch-arrivals {
margin: auto;
width: fit-content;
display: inline-table;
padding: 5px;
}
#sch-departures {
margin: auto;
width: fit-content;
display: inline-table;
padding: 5px;
}
.airportBoard {
border: black solid 2px;
}
+19 -1
View File
@@ -28,6 +28,7 @@
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/script2.js"></script>
<script type="text/javascript" src="js/excanvas.min.js"></script>
<script type="text/javascript" src="js/schedules.js"></script>
<script type="text/javascript" src="js/liveatc.js"></script>
<link rel="stylesheet" href="material/material.min.css">
<script src="material/material.min.js"></script>
@@ -59,11 +60,28 @@
<table class="home_table">
<tr>
<td onclick="goRadar()" class="pointer"><img src="images/radar.png"></td>
<td class="pointer"><img src="images/itinerary.png"></td>
<td class="pointer" onclick="goItinerary()"><img src="images/itinerary.png"></td>
<td class="pointer" onclick="goSettings()"><img src="images/settings.png"></td>
</tr>
</table>
</div>
<div id="itinerary_page" style="display: none;">
<div id="nav_bar">
<!-- Raised button with ripple -->
<button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect" style="width: 40px; height: 40px; min-width: initial;" onclick="goHome()">
<i class="material-icons">home</i>
</button>
<select id="itinerary_states" name="states" onchange="itineraryLoadAirports()">
</select>
<select id="itinerary_airports" name="airports" style="display: none;" onchange="airportSchedule()">
</select>
</div>
<div id="itinerary_body">
<div id="arrivals"></div>
<div id="departures"></div><br>
<div id="sch-arrivals"></div>
<div id="sch-departures"></div>
</div>
</div>
<div id="settings_page" style="display: none;">
<a href="javascript:goHome()"><img src="images/logo.png" class="settingslogo"></a>
+1 -1
View File
@@ -41,7 +41,7 @@ function createBaseLayers() {
}));
online.push(new ol.layer.Tile({
name: 'bing',
name: 'bingaerial',
title: 'Satellite with Labels (Bing)',
type: 'base',
source: new ol.source.BingMaps({
+62
View File
@@ -0,0 +1,62 @@
var us_airports = {}
function initializeSchedulesPage() {
FetchPending = $.ajax({
url: '/json/us_airports.json',
timeout: 5000,
cache: false,
dataType: 'json',
});
FetchPending.done(function(data) {
us_airports = data
for (state in us_airports) {
var node = document.createElement("option")
node.setAttribute("value", state)
node.innerHTML = state
document.getElementById("itinerary_states").appendChild(node)
}
})
}
function itineraryLoadAirports() {
while (document.getElementById("itinerary_airports").firstChild) {
document.getElementById("itinerary_airports").removeChild(document.getElementById("itinerary_airports").firstChild);
}
document.getElementById("itinerary_airports").style.display = "inline"
var state = document.getElementById("itinerary_states").value
for (airport in us_airports[state].airports) {
var node = document.createElement("option")
node.setAttribute("value", airport)
node.innerHTML = airport
document.getElementById("itinerary_airports").appendChild(node)
}
}
function airportSchedule() {
var airport = document.getElementById("itinerary_airports").value
retrieveSchedule(airport)
}
function retrieveSchedule(airport) {
var xhr = new XMLHttpRequest();
xhr.open("POST", "http://127.0.0.1:5000/cmd", true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
var html = xhr.response
var page_nodes = $($.parseHTML(html));
document.getElementById("arrivals").innerHTML = page_nodes.find("#arrivals-board > div").html()
document.getElementById("departures").innerHTML = page_nodes.find("#departures-board > div").html()
document.getElementById("sch-arrivals").innerHTML = page_nodes.find("#enroute-board > div").html()
document.getElementById("sch-departures").innerHTML = page_nodes.find("#scheduled-board > div").html()
$("#arrivals > table > thead > tr:nth-child(1) > th > h2").html("Arrivals")
$("#departures > table > thead > tr:nth-child(1) > th > h2").html("Departures")
$("#sch-arrivals > table > thead > tr:nth-child(1) > th > h2").html("Scheduled Arrivals")
$("#sch-departures > table > thead > tr:nth-child(1) > th > h2").html("Scheduled Departures")
document.querySelectorAll("#itinerary_page a").forEach(a => a.outerHTML = a.innerHTML);
}
}
xhr.send(JSON.stringify({
command: "curl https://flightaware.com/live/airport/" + airport
}));
}
+1
View File
@@ -206,6 +206,7 @@ function initialize() {
readBatteryLevel()
sendCMD("getbranch")
window.setInterval(readBatteryLevel, 1000);
initializeSchedulesPage();
$("#loader").removeClass("hidden");
+10
View File
@@ -216,18 +216,28 @@ function changeBranch(branch) {
}
function goHome() {
document.getElementById("itinerary_page").style.display = "none"
document.getElementById("radar_page").style.display = "none"
document.getElementById("home_page").style.display = "block"
document.getElementById("settings_page").style.display = "none"
}
function goRadar() {
document.getElementById("itinerary_page").style.display = "none"
document.getElementById("radar_page").style.display = "block"
document.getElementById("home_page").style.display = "none"
document.getElementById("settings_page").style.display = "none"
}
function goItinerary() {
document.getElementById("itinerary_page").style.display = "block"
document.getElementById("radar_page").style.display = "none"
document.getElementById("home_page").style.display = "none"
document.getElementById("settings_page").style.display = "none"
}
function goSettings() {
document.getElementById("itinerary_page").style.display = "none"
document.getElementById("settings_page").style.display = "block"
document.getElementById("radar_page").style.display = "none"
document.getElementById("home_page").style.display = "none"
+159754
View File
File diff suppressed because it is too large Load Diff
+1
View File
@@ -20,6 +20,7 @@ def command():
if request.method == 'POST':
json = request.get_json()
output = os.popen("cd /usr/share/dump1090-mutability/html && "+json['command']).read()
#output = os.popen(json['command']).read()
return str(output)
@@ -0,0 +1,32 @@
const airport_json = require('./airports.json')
var fs = require("fs")
var json = {}
var progress = 0
for (airport in airport_json) {
progress++
if (airport_json[airport].country === "US") {
if (json[airport_json[airport].state]) {
} else {
json[airport_json[airport].state] = {}
}
if (json[airport_json[airport].state].airports) {
} else {
json[airport_json[airport].state].airports = {}
}
json[airport_json[airport].state].airports[airport] = {}
json[airport_json[airport].state].airports[airport] = airport_json[airport]
}
console.log("[GET] " + airport + " " + progress + "/" + Object.keys(airport_json).length)
}
setTimeout(function() {
if (progress === Object.keys(airport_json).length) {
fs.writeFileSync('us_airports.json', JSON.stringify(json, 0, 4))
console.log("File Written!")
return;
}
}, 50)
+906
View File
@@ -0,0 +1,906 @@
<html class="mdl-js">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="http://localhost:8080/css/style.css?browsersync=1609805313917">
<link rel="stylesheet" href="css/jquery-ui.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<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>
<link rel="stylesheet" href="ol3/ol3-layerswitcher.css" type="text/css">
<script src="ol3/ol3-layerswitcher.js" type="text/javascript"></script>
<script type="text/javascript" src="js/proj4.js"></script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/liveatc.js"></script>
<script type="text/javascript" src="js/avwx.js"></script>
<script type="text/javascript" src="js/markers.js"></script>
<script type="text/javascript" src="js/dbloader.js"></script>
<script type="text/javascript" src="js/registrations.js"></script>
<script type="text/javascript" src="js/planeObject.js"></script>
<script type="text/javascript" src="js/formatter.js"></script>
<script type="text/javascript" src="js/flags.js"></script>
<script type="text/javascript" src="js/layers.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/script2.js"></script>
<script type="text/javascript" src="js/excanvas.min.js"></script>
<script type="text/javascript" src="js/schedules.js"></script>
<script type="text/javascript" src="js/liveatc.js"></script>
<link rel="stylesheet" href="material/material.min.css">
<script src="material/material.min.js"></script>
<link rel="stylesheet" href="material/font.css">
<title>DUMP1090 - 0/0</title>
</head>
<body onload="initialize()" scroll="no">
<script id="__bs_script__">
//<![CDATA[
document.write("<script async src='/browser-sync/browser-sync-client.js?v=2.26.7'><\/script>".replace("HOST", location.hostname));
//]]>
</script>
<script async="" src="/browser-sync/browser-sync-client.js?v=2.26.7"></script>
<div id="loader" class="hidden">
<img src="spinny.gif" id="spinny" alt="Loading...">
<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>
<div id="home_page" style="display: none;">
<img src="images/logo.png" class="logo">
<table class="home_table">
<tbody>
<tr>
<td onclick="goRadar()" class="pointer"><img src="images/radar.png"></td>
<td class="pointer" onclick="goItinerary()"><img src="images/itinerary.png"></td>
<td class="pointer" onclick="goSettings()"><img src="images/settings.png"></td>
</tr>
</tbody>
</table>
</div>
<div id="itinerary_page" style="display: block;">
<div id="nav_bar">
<!-- Raised button with ripple -->
<button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect" style="width: 40px; height: 40px; min-width: initial;" onclick="goHome()" data-upgraded=",MaterialButton,MaterialRipple">
<i class="material-icons">home</i>
<span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></button>
<select id="itinerary_states" name="states" onchange="itineraryLoadAirports()">
<option value="Alaska">Alaska</option><option value="Alabama">Alabama</option><option value="Arizona">Arizona</option><option value="California">California</option><option value="Colorado">Colorado</option><option value="Florida">Florida</option><option value="Georgia">Georgia</option><option value="Idaho">Idaho</option><option value="Illinois">Illinois</option><option value="Kansas">Kansas</option><option value="Kentucky">Kentucky</option><option value="Louisiana">Louisiana</option><option value="Maryland">Maryland</option><option value="Minnesota">Minnesota</option><option value="Missouri">Missouri</option><option value="Montana">Montana</option><option value="North Carolina">North Carolina</option><option value="New York">New York</option><option value="Ohio">Ohio</option><option value="Pennsylvania">Pennsylvania</option><option value="South Carolina">South Carolina</option><option value="Tennessee">Tennessee</option><option value="Texas">Texas</option><option value="Virginia">Virginia</option><option value="Washington">Washington</option><option value="Wisconsin">Wisconsin</option><option value="West Virginia">West Virginia</option><option value="Iowa">Iowa</option><option value="Indiana">Indiana</option><option value="Nebraska">Nebraska</option><option value="New Hampshire">New Hampshire</option><option value="New Mexico">New Mexico</option><option value="Nevada">Nevada</option><option value="Oklahoma">Oklahoma</option><option value="Oregon">Oregon</option><option value="Utah">Utah</option><option value="Wyoming">Wyoming</option><option value="Arkansas">Arkansas</option><option value="Mississippi">Mississippi</option><option value="Maine">Maine</option><option value="Michigan">Michigan</option><option value="Massachusetts">Massachusetts</option><option value="North Dakota">North Dakota</option><option value="New Jersey">New Jersey</option><option value="Vermont">Vermont</option><option value="South Dakota">South Dakota</option><option value="Delaware">Delaware</option><option value="Connecticut">Connecticut</option><option value="Hawaii">Hawaii</option><option value="New-Jersey">New-Jersey</option><option value="New-York">New-York</option><option value="North-Dakota">North-Dakota</option><option value="South-Carolina">South-Carolina</option><option value="North-Carolina">North-Carolina</option><option value="South-Dakota">South-Dakota</option><option value="West-Virginia">West-Virginia</option><option value="New-Mexico">New-Mexico</option><option value="New-Hampshire">New-Hampshire</option><option value="Rhode-Island">Rhode-Island</option><option value="Luisiana">Luisiana</option><option value="Miami">Miami</option><option value=""></option></select>
<select id="itinerary_airports" name="airports" style="display: inline;" onchange="airportSchedule()"><option value="02ME">02ME</option><option value="03ME">03ME</option><option value="04ME">04ME</option><option value="05ME">05ME</option><option value="08ME">08ME</option><option value="09ME">09ME</option><option value="0ME4">0ME4</option><option value="12ME">12ME</option><option value="13ME">13ME</option><option value="14ME">14ME</option><option value="15ME">15ME</option><option value="17ME">17ME</option><option value="18ME">18ME</option><option value="23ME">23ME</option><option value="24ME">24ME</option><option value="2ME3">2ME3</option><option value="35ME">35ME</option><option value="40ME">40ME</option><option value="54ME">54ME</option><option value="55ME">55ME</option><option value="57ME">57ME</option><option value="71ME">71ME</option><option value="72ME">72ME</option><option value="78ME">78ME</option><option value="90ME">90ME</option><option value="98ME">98ME</option><option value="K0B1">K0B1</option><option value="K1B0">K1B0</option><option value="K2B7">K2B7</option><option value="K3B1">K3B1</option><option value="K3B4">K3B4</option><option value="K3B5">K3B5</option><option value="K43B">K43B</option><option value="K63B">K63B</option><option value="K81B">K81B</option><option value="K8B0">K8B0</option><option value="KAUG">KAUG</option><option value="KB19">KB19</option><option value="KB21">KB21</option><option value="KBGR">KBGR</option><option value="KBHB">KBHB</option><option value="KBST">KBST</option><option value="KBXM">KBXM</option><option value="KCAR">KCAR</option><option value="KEPM">KEPM</option><option value="KFVE">KFVE</option><option value="KHUL">KHUL</option><option value="KIWI">KIWI</option><option value="KIZG">KIZG</option><option value="KLEW">KLEW</option><option value="KLRG">KLRG</option><option value="KMLT">KMLT</option><option value="KMVM">KMVM</option><option value="KNHZ">KNHZ</option><option value="KOLD">KOLD</option><option value="KOWK">KOWK</option><option value="KPNM">KPNM</option><option value="KPNN">KPNN</option><option value="KPQI">KPQI</option><option value="KPWM">KPWM</option><option value="KRKD">KRKD</option><option value="KSFM">KSFM</option><option value="KWVL">KWVL</option><option value="ME00">ME00</option><option value="ME03">ME03</option><option value="ME05">ME05</option><option value="ME06">ME06</option><option value="ME08">ME08</option><option value="ME14">ME14</option><option value="ME16">ME16</option><option value="ME17">ME17</option><option value="ME19">ME19</option><option value="ME20">ME20</option><option value="ME22">ME22</option><option value="ME25">ME25</option><option value="ME26">ME26</option><option value="ME32">ME32</option><option value="ME33">ME33</option><option value="ME34">ME34</option><option value="ME35">ME35</option><option value="ME36">ME36</option><option value="ME38">ME38</option><option value="ME39">ME39</option><option value="ME41">ME41</option><option value="ME44">ME44</option><option value="ME45">ME45</option><option value="ME46">ME46</option><option value="ME47">ME47</option><option value="ME55">ME55</option><option value="ME56">ME56</option><option value="ME60">ME60</option><option value="ME61">ME61</option><option value="ME62">ME62</option><option value="ME64">ME64</option><option value="ME66">ME66</option><option value="ME67">ME67</option><option value="ME68">ME68</option><option value="ME69">ME69</option><option value="ME70">ME70</option><option value="ME74">ME74</option><option value="ME75">ME75</option><option value="ME79">ME79</option><option value="ME88">ME88</option><option value="ME89">ME89</option><option value="ME91">ME91</option><option value="ME92">ME92</option><option value="ME94">ME94</option><option value="ME96">ME96</option></select>
</div>
<div id="itinerary_body">
<div id="arrivals">
<table cellspacing="1" cellpadding="1" style="background-color: white;" class="fullWidth airportBoard" height="100%" data-type="arrivals">
<thead>
<tr>
<th colspan="6" class="mainHeader">
<h2>Arrivals <span style="font-size: 12px">(<a href="/live/airport/KBGR/arrivals">More</a>)</span></h2>
</th>
</tr>
<tr class="secondaryHeader">
<th>Ident</th>
<th class="">Type</th>
<th>From</th>
<th>Depart</th>
<th class=""></th>
<th>Arrive</th>
</tr>
</thead>
<tbody>
<tr class="smallrow1 " id="Row_other_AAY764" title="">
<td class=" flight-ident"> <span title="Allegiant Air &quot;Allegiant&quot;"><a href="/live/flight/AAY764/history/20210104/1914Z/KPIE/KBGR">AAY764</a></span></td>
<td class=""><span title="Airbus A320 (twin-jet)"><a href="/live/aircrafttype/A320">A320</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Clearwater Intl (St Petersburg-Clearwater, FL) - PIE" itemprop="name"><span dir="ltr">Clearwater Intl</span></span> <span dir="ltr">(<a href="/live/airport/KPIE" itemprop="url">PIE</a>)</span></td>
<td class="">02:55p&nbsp;<span class="tz">EST</span> </td>
<td class=""></td>
<td class="">05:48p&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow2 " id="Row_other_PDT6177" title="">
<td class=" flight-ident"> <span title="Piedmont &quot;Piedmont&quot; (Salisbury, Maryland)"><a href="/live/flight/PDT6177/history/20210104/2108Z/KDCA/KBGR">PDT6177</a></span></td>
<td class=""><span title="Embraer ERJ-145 (twin-jet)"><a href="/live/aircrafttype/E145">E145</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Reagan National (Washington, DC) - DCA" itemprop="name"><span dir="ltr">Reagan National</span></span> <span dir="ltr">(<a href="/live/airport/KDCA" itemprop="url">DCA</a>)</span></td>
<td class="">04:08p&nbsp;<span class="tz">EST</span> </td>
<td class=""></td>
<td class="">05:39p&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow1 " id="Row_other_JIA5429" title="">
<td class=" flight-ident"> <span title="PSA Airlines &quot;Blue Streak&quot; (Vandalia, OH)"><a href="/live/flight/JIA5429/history/20210104/1940Z/KPHL/KBGR">JIA5429</a></span></td>
<td class=""><span title="Canadair Regional Jet CRJ-700 (twin-jet)"><a href="/live/aircrafttype/CRJ7">CRJ7</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Philadelphia Intl (Philadelphia, PA) - PHL" itemprop="name"><span dir="ltr">Philadelphia Intl</span></span> <span dir="ltr">(<a href="/live/airport/KPHL" itemprop="url">PHL</a>)</span></td>
<td class="">02:55p&nbsp;<span class="tz">EST</span> </td>
<td class=""></td>
<td class="">04:18p&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow2 " id="Row_other_N901LM" title="">
<td class=" flight-ident lifeguard"> <span title="MEDEVAC LIFEFLIGHT OF MAINE LLC (BANGOR ME)"><a href="/live/flight/N901LM/history/20210104/2000Z/KLEW/KBGR">N901LM</a></span></td>
<td class=""><span title="Beechcraft Super King Air 200 (twin-turboprop)"><a href="/live/aircrafttype/BE20">BE20</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Auburn/Lewiston Muni (Auburn/Lewiston, ME) - KLEW" itemprop="name"><span dir="ltr">Auburn/Lewiston Muni</span></span> <span dir="ltr">(<a href="/live/airport/KLEW" itemprop="url">KLEW</a>)</span></td>
<td class="">03:03p&nbsp;<span class="tz">EST</span> </td>
<td class=""></td>
<td class="">03:31p&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow1 " id="Row_other_RPA4743" title="">
<td class=" flight-ident"> <span title="Republic &quot;Brickyard&quot; (Indianapolis, Indiana)"><a href="/live/flight/RPA4743/history/20210104/1632Z/KCLT/KBGR">RPA4743</a></span></td>
<td class=""><span title="EMBRAER 175 (long wing) (twin-jet)"><a href="/live/aircrafttype/E75L">E75L</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Charlotte/Douglas Intl (Charlotte, NC) - CLT" itemprop="name"><span dir="ltr">Charlotte/Douglas Intl</span></span> <span dir="ltr">(<a href="/live/airport/KCLT" itemprop="url">CLT</a>)</span></td>
<td class="">12:01p&nbsp;<span class="tz">EST</span> </td>
<td class=""></td>
<td class="">02:01p&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow2 " id="Row_other_AWI3881" title="">
<td class=" flight-ident"> <span title="Air Wisconsin &quot;WISCONSIN&quot; (Greenville, Wisconsin)"><a href="/live/flight/AWI3881/history/20210104/1540Z/KIAD/KBGR">AWI3881</a></span></td>
<td class=""><span title="Canadair Regional Jet CRJ-200 (twin-jet)"><a href="/live/aircrafttype/CRJ2">CRJ2</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Washington Dulles Intl (Washington, DC) - IAD" itemprop="name"><span dir="ltr">Washington Dulles Intl</span></span> <span dir="ltr">(<a href="/live/airport/KIAD" itemprop="url">IAD</a>)</span></td>
<td class="">10:45a&nbsp;<span class="tz">EST</span> </td>
<td class=""></td>
<td class="">12:20p&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow1 " id="Row_other_N819X" title="">
<td class=" flight-ident"> <span title="AVIATION TRUST COMPANY LLC (OKLAHOMA CITY OK)"><a href="/live/flight/N819X/history/20210104/1300Z/KPTK/KBGR">N819X</a></span></td>
<td class=""><span title="Cirrus SR22 Turbo (piston-single)"><a href="/live/aircrafttype/S22T">S22T</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Oakland County Intl (Pontiac, MI) - KPTK" itemprop="name"><span dir="ltr">Oakland County Intl</span></span> <span dir="ltr">(<a href="/live/airport/KPTK" itemprop="url">KPTK</a>)</span></td>
<td class="">08:24a&nbsp;<span class="tz">EST</span> </td>
<td class=""></td>
<td class="">12:19p&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow2 " id="Row_other_JIA5598" title="">
<td class=" flight-ident"> <span title="PSA Airlines &quot;Blue Streak&quot; (Vandalia, OH)"><a href="/live/flight/JIA5598/history/20210104/1405Z/KPHL/KBGR">JIA5598</a></span></td>
<td class=""><span title="Canadair Regional Jet CRJ-700 (twin-jet)"><a href="/live/aircrafttype/CRJ7">CRJ7</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Philadelphia Intl (Philadelphia, PA) - PHL" itemprop="name"><span dir="ltr">Philadelphia Intl</span></span> <span dir="ltr">(<a href="/live/airport/KPHL" itemprop="url">PHL</a>)</span></td>
<td class="">10:41a&nbsp;<span class="tz">EST</span> </td>
<td class=""></td>
<td class="">12:00p&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow1 " id="Row_other_DBTLT" title="">
<td class=" flight-ident"> <span title="Unknown Owner (Germany)"><a href="/live/flight/DBTLT/history/20210104/1157Z/BIKF/KBGR">D-BTLT</a></span></td>
<td class=""><span title=""><a href="/live/aircrafttype/"></a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Keflavik Int'l (Keflavik) - KEF / BIKF" itemprop="name"><span dir="ltr">Keflavik Int'l</span></span> <span dir="ltr">(<a href="/live/airport/BIKF" itemprop="url">KEF / BIKF</a>)</span></td>
<td class="">11:35a&nbsp;<span class="tz">GMT</span> </td>
<td class=""></td>
<td class="">11:34a&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow2 " id="Row_other_AAY2104" title="">
<td class=" flight-ident"> <span title="Allegiant Air &quot;Allegiant&quot;"><a href="/live/flight/AAY2104/history/20210104/1210Z/KSFB/KBGR">AAY2104</a></span></td>
<td class=""><span title="Airbus A319 (twin-jet)"><a href="/live/aircrafttype/A319">A319</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Orlando Sanford Intl (Orlando, FL) - SFB" itemprop="name"><span dir="ltr">Orlando Sanford Intl</span></span> <span dir="ltr">(<a href="/live/airport/KSFB" itemprop="url">SFB</a>)</span></td>
<td class="">07:12a&nbsp;<span class="tz">EST</span> </td>
<td class=""></td>
<td class="">09:59a&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow1 " id="Row_other_AJT8620" title="">
<td class=" flight-ident"> <span title="Amerijet International &quot;Amerijet&quot; (Ft.Lauderdale, FL)"><a href="/live/flight/AJT8620/history/20210104/0628Z/EBBR/KBGR">AJT8620</a></span></td>
<td class=""><span title="BOEING 767-300 (twin-jet)"><a href="/live/aircrafttype/B763">B763</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Brussels (Brussels) - BRU" itemprop="name"><span dir="ltr">Brussels</span></span> <span dir="ltr">(<a href="/live/airport/EBBR" itemprop="url">BRU</a>)</span></td>
<td class="">07:10a&nbsp;<span class="tz">CET</span> </td>
<td class=""></td>
<td class="">07:46a&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow2 " id="Row_other_12345678" title="">
<td class=" flight-ident"> <span title="Unknown Owner"><a href="/live/flight/12345678/history/20210104/1155Z/CYHZ/KBGR">12345678</a></span></td>
<td class=""><span title=""><a href="/live/aircrafttype/"></a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Halifax Int'l (Halifax, Nova Scotia) - CYHZ" itemprop="name"><span dir="ltr">Halifax Int'l</span></span> <span dir="ltr">(<a href="/live/airport/CYHZ" itemprop="url">CYHZ</a>)</span></td>
<td class="">07:26a&nbsp;<span class="tz">AST</span> </td>
<td class=""></td>
<td class="">07:31a&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow1 " id="Row_other_SPR920" title="">
<td class=" flight-ident"> <span title="Provincial Aerospace &quot;Speedair&quot; (St. Johns, NL)"><a href="/live/flight/SPR920/history/20210104/1145Z/CYHZ/KBGR">SPR920</a></span></td>
<td class=""><span title="Cessna Citation II (twin-jet)"><a href="/live/aircrafttype/C550">C550</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Halifax Int'l (Halifax, Nova Scotia) - CYHZ" itemprop="name"><span dir="ltr">Halifax Int'l</span></span> <span dir="ltr">(<a href="/live/airport/CYHZ" itemprop="url">CYHZ</a>)</span></td>
<td class="">07:30a&nbsp;<span class="tz">AST</span> </td>
<td class=""></td>
<td class="">07:21a&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow2 " id="Row_other_JIA5189" title="">
<td class=" flight-ident"> <span title="PSA Airlines &quot;Blue Streak&quot; (Vandalia, OH)"><a href="/live/flight/JIA5189/history/20210104/0220Z/KPHL/KBGR">JIA5189</a></span></td>
<td class=""><span title="Canadair Regional Jet CRJ-700 (twin-jet)"><a href="/live/aircrafttype/CRJ7">CRJ7</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Philadelphia Intl (Philadelphia, PA) - PHL" itemprop="name"><span dir="ltr">Philadelphia Intl</span></span> <span dir="ltr">(<a href="/live/airport/KPHL" itemprop="url">PHL</a>)</span></td>
<td class="">10:59p&nbsp;<span class="tz">EST</span> </td>
<td class=""></td>
<td class="">12:09a&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow1 " id="Row_other_LAK566" title="">
<td class=" flight-ident"> <span title="Red Wing &quot;REDLAKE&quot; (Bay City, WI)"><a href="/live/flight/LAK566/history/20210104/0030Z/KBTV/KBGR">LAK566</a></span></td>
<td class=""><span title="Cessna Citation V (twin-jet)"><a href="/live/aircrafttype/C560">C560</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Burlington Intl (Burlington, VT) - KBTV" itemprop="name"><span dir="ltr">Burlington Intl</span></span> <span dir="ltr">(<a href="/live/airport/KBTV" itemprop="url">KBTV</a>)</span></td>
<td class="">08:04p&nbsp;<span class="tz">EST</span> </td>
<td class=""></td>
<td class="">08:50p&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow2 " id="Row_other_AWI3915" title="">
<td class=" flight-ident"> <span title="Air Wisconsin &quot;WISCONSIN&quot; (Greenville, Wisconsin)"><a href="/live/flight/AWI3915/history/20210103/2240Z/KIAD/KBGR">AWI3915</a></span></td>
<td class=""><span title="Canadair Regional Jet CRJ-200 (twin-jet)"><a href="/live/aircrafttype/CRJ2">CRJ2</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Washington Dulles Intl (Washington, DC) - IAD" itemprop="name"><span dir="ltr">Washington Dulles Intl</span></span> <span dir="ltr">(<a href="/live/airport/KIAD" itemprop="url">IAD</a>)</span></td>
<td class="">06:10p&nbsp;<span class="tz">EST</span> </td>
<td class=""></td>
<td class="">07:33p&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow1 " id="Row_other_N99KW" title="">
<td class=" flight-ident"> <span title="FLORIDA WINGS INC (BOCA RATON FL)"><a href="/live/flight/N99KW/history/20210103/2145Z/KBCT/KBGR">N99KW</a></span></td>
<td class=""><span title="Canadair Challenger (twin-jet)"><a href="/live/aircrafttype/CL60">CL60</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Boca Raton (Boca Raton, FL) - KBCT" itemprop="name"><span dir="ltr">Boca Raton</span></span> <span dir="ltr">(<a href="/live/airport/KBCT" itemprop="url">KBCT</a>)</span></td>
<td class="">04:10p&nbsp;<span class="tz">EST</span> </td>
<td class=""></td>
<td class="">07:26p&nbsp;<span class="tz">EST</span> </td>
</tr>
</tbody>
</table>
</div>
<div id="departures">
<table cellspacing="1" cellpadding="1" style="background-color: white;" class="fullWidth airportBoard" height="100%" data-type="departures">
<thead>
<tr>
<th colspan="6" class="mainHeader">
<h2>Departures <span style="font-size: 12px">(<a href="/live/airport/KBGR/departures">More</a>)</span></h2>
</th>
</tr>
<tr class="secondaryHeader">
<th>Ident</th>
<th class="">Type</th>
<th>To</th>
<th>Depart</th>
<th class=""></th>
<th>Arrive</th>
</tr>
</thead>
<tbody>
<tr class="smallrow1 " id="Row_outbound_AAY762" title="">
<td class=" flight-ident"> <span title="Allegiant Air &quot;Allegiant&quot;"><a href="/live/flight/AAY762/history/20210104/2308Z/KBGR/KPIE">AAY762</a></span></td>
<td class=""><span title="Airbus A320 (twin-jet)"><a href="/live/aircrafttype/A320">A320</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Clearwater Intl (St Petersburg-Clearwater, FL) - PIE" itemprop="name"><span dir="ltr">Clearwater Intl</span></span> <span dir="ltr">(<a href="/live/airport/KPIE" itemprop="url">PIE</a>)</span></td>
<td class="">06:27p&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 4%"></div>
<div class="track-panel-progress-empty" style="width: 96%"></div>
<div class="clear"></div>
</div>
</td>
<td class=""><i>09:58p&nbsp;<span class="tz">EST</span></i> </td>
</tr>
<tr class="smallrow2 " id="Row_outbound_PDT6178" title="">
<td class=" flight-ident"> <span title="Piedmont &quot;Piedmont&quot; (Salisbury, Maryland)"><a href="/live/flight/PDT6178/history/20210104/2319Z/KBGR/KDCA">PDT6178</a></span></td>
<td class=""><span title="Embraer ERJ-145 (twin-jet)"><a href="/live/aircrafttype/E145">E145</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Reagan National (Washington, DC) - DCA" itemprop="name"><span dir="ltr">Reagan National</span></span> <span dir="ltr">(<a href="/live/airport/KDCA" itemprop="url">DCA</a>)</span></td>
<td class="">06:21p&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 16%"></div>
<div class="track-panel-progress-empty" style="width: 84%"></div>
<div class="clear"></div>
</div>
</td>
<td class=""><i>07:56p&nbsp;<span class="tz">EST</span></i> </td>
</tr>
<tr class="smallrow1 " id="Row_outbound_JIA5429" title="">
<td class=" flight-ident"> <span title="PSA Airlines &quot;Blue Streak&quot; (Vandalia, OH)"><a href="/live/flight/JIA5429/history/20210104/2255Z/KBGR/KPHL">JIA5429</a></span></td>
<td class=""><span title="Canadair Regional Jet CRJ-700 (twin-jet)"><a href="/live/aircrafttype/CRJ7">CRJ7</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Philadelphia Intl (Philadelphia, PA) - PHL" itemprop="name"><span dir="ltr">Philadelphia Intl</span></span> <span dir="ltr">(<a href="/live/airport/KPHL" itemprop="url">PHL</a>)</span></td>
<td class="">06:02p&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 44%"></div>
<div class="track-panel-progress-empty" style="width: 56%"></div>
<div class="clear"></div>
</div>
</td>
<td class=""><i>07:22p&nbsp;<span class="tz">EST</span></i> </td>
</tr>
<tr class="smallrow2 " id="Row_outbound_RPA4743" title="">
<td class=" flight-ident"> <span title="Republic &quot;Brickyard&quot; (Indianapolis, Indiana)"><a href="/live/flight/RPA4743/history/20210104/1929Z/KBGR/KCLT">RPA4743</a></span></td>
<td class=""><span title="EMBRAER 175 (long wing) (twin-jet)"><a href="/live/aircrafttype/E75L">E75L</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Charlotte/Douglas Intl (Charlotte, NC) - CLT" itemprop="name"><span dir="ltr">Charlotte/Douglas Intl</span></span> <span dir="ltr">(<a href="/live/airport/KCLT" itemprop="url">CLT</a>)</span></td>
<td class="">02:48p&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 100%"></div>
<div class="track-panel-progress-empty" style="width: 0%"></div>
<div class="clear"></div>
</div>
</td>
<td class="">05:08p&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow1 " id="Row_outbound_AWI3841" title="">
<td class=" flight-ident"> <span title="Air Wisconsin &quot;WISCONSIN&quot; (Greenville, Wisconsin)"><a href="/live/flight/AWI3841/history/20210104/1935Z/KBGR/KIAD">AWI3841</a></span></td>
<td class=""><span title="Canadair Regional Jet CRJ-200 (twin-jet)"><a href="/live/aircrafttype/CRJ2">CRJ2</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Washington Dulles Intl (Washington, DC) - IAD" itemprop="name"><span dir="ltr">Washington Dulles Intl</span></span> <span dir="ltr">(<a href="/live/airport/KIAD" itemprop="url">IAD</a>)</span></td>
<td class="">02:24p&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 100%"></div>
<div class="track-panel-progress-empty" style="width: 0%"></div>
<div class="clear"></div>
</div>
</td>
<td class="">04:03p&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow2 " id="Row_outbound_N819X" title="">
<td class=" flight-ident"> <span title="AVIATION TRUST COMPANY LLC (OKLAHOMA CITY OK)"><a href="/live/flight/N819X/history/20210104/1905Z/KBGR/CYYR">N819X</a></span></td>
<td class=""><span title="Cirrus SR22 Turbo (piston-single)"><a href="/live/aircrafttype/S22T">S22T</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="CFB Goose Bay (Goose Bay) (Goose Bay, Labrador) - CYYR" itemprop="name"><span dir="ltr">CFB Goose Bay (Goose Bay)</span></span> <span dir="ltr">(<a href="/live/airport/CYYR" itemprop="url">CYYR</a>)</span></td>
<td class="">02:03p&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 100%"></div>
<div class="track-panel-progress-empty" style="width: 0%"></div>
<div class="clear"></div>
</div>
</td>
<td class="">06:47p&nbsp;<span class="tz">AST</span> </td>
</tr>
<tr class="smallrow1 " id="Row_outbound_JIA5598" title="">
<td class=" flight-ident"> <span title="PSA Airlines &quot;Blue Streak&quot; (Vandalia, OH)"><a href="/live/flight/JIA5598/history/20210104/1627Z/KBGR/KPHL">JIA5598</a></span></td>
<td class=""><span title="Canadair Regional Jet CRJ-700 (twin-jet)"><a href="/live/aircrafttype/CRJ7">CRJ7</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Philadelphia Intl (Philadelphia, PA) - PHL" itemprop="name"><span dir="ltr">Philadelphia Intl</span></span> <span dir="ltr">(<a href="/live/airport/KPHL" itemprop="url">PHL</a>)</span></td>
<td class="">12:33p&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 100%"></div>
<div class="track-panel-progress-empty" style="width: 0%"></div>
<div class="clear"></div>
</div>
</td>
<td class="">01:54p&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow2 " id="Row_outbound_AAY2105" title="">
<td class=" flight-ident"> <span title="Allegiant Air &quot;Allegiant&quot;"><a href="/live/flight/AAY2105/history/20210104/1556Z/KBGR/KSFB">AAY2105</a></span></td>
<td class=""><span title="Airbus A319 (twin-jet)"><a href="/live/aircrafttype/A319">A319</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Orlando Sanford Intl (Orlando, FL) - SFB" itemprop="name"><span dir="ltr">Orlando Sanford Intl</span></span> <span dir="ltr">(<a href="/live/airport/KSFB" itemprop="url">SFB</a>)</span></td>
<td class="">10:57a&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 100%"></div>
<div class="track-panel-progress-empty" style="width: 0%"></div>
<div class="clear"></div>
</div>
</td>
<td class="">02:04p&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow1 " id="Row_outbound_LAK234" title="">
<td class=" flight-ident"> <span title="Red Wing &quot;REDLAKE&quot; (Bay City, WI)"><a href="/live/flight/LAK234/history/20210104/1415Z/KBGR/KEWR">LAK234</a></span></td>
<td class=""><span title="Cessna Citation V (twin-jet)"><a href="/live/aircrafttype/C560">C560</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Newark Liberty Intl (Newark, NJ) - KEWR" itemprop="name"><span dir="ltr">Newark Liberty Intl</span></span> <span dir="ltr">(<a href="/live/airport/KEWR" itemprop="url">KEWR</a>)</span></td>
<td class="">09:46a&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 100%"></div>
<div class="track-panel-progress-empty" style="width: 0%"></div>
<div class="clear"></div>
</div>
</td>
<td class="">10:59a&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow2 " id="Row_outbound_N309SA" title="">
<td class=" flight-ident"> <span title="GW AEROLOGISTICS LLC (CAMBRIDGE MA)"><a href="/live/flight/N309SA/history/20210104/1450Z/KBGR/CYYR">N309SA</a></span></td>
<td class=""><span title="Cessna Caravan (single-turboprop)"><a href="/live/aircrafttype/C208">C208</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="CFB Goose Bay (Goose Bay) (Goose Bay, Labrador) - CYYR" itemprop="name"><span dir="ltr">CFB Goose Bay (Goose Bay)</span></span> <span dir="ltr">(<a href="/live/airport/CYYR" itemprop="url">CYYR</a>)</span></td>
<td class="">09:34a&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 100%"></div>
<div class="track-panel-progress-empty" style="width: 0%"></div>
<div class="clear"></div>
</div>
</td>
<td class="">02:16p&nbsp;<span class="tz">AST</span> </td>
</tr>
<tr class="smallrow1 " id="Row_outbound_SPR920" title="">
<td class=" flight-ident"> <span title="Provincial Aerospace &quot;Speedair&quot; (St. Johns, NL)"><a href="/live/flight/SPR920/history/20210104/1400Z/KBGR/CYHZ">SPR920</a></span></td>
<td class=""><span title="Cessna Citation II (twin-jet)"><a href="/live/aircrafttype/C550">C550</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Halifax Int'l (Halifax, Nova Scotia) - CYHZ" itemprop="name"><span dir="ltr">Halifax Int'l</span></span> <span dir="ltr">(<a href="/live/airport/CYHZ" itemprop="url">CYHZ</a>)</span></td>
<td class="">08:22a&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 100%"></div>
<div class="track-panel-progress-empty" style="width: 0%"></div>
<div class="clear"></div>
</div>
</td>
<td class="">10:11a&nbsp;<span class="tz">AST</span> </td>
</tr>
<tr class="smallrow2 " id="Row_outbound_AWI3827" title="">
<td class=" flight-ident"> <span title="Air Wisconsin &quot;WISCONSIN&quot; (Greenville, Wisconsin)"><a href="/live/flight/AWI3827/history/20210104/1225Z/KBGR/KIAD">AWI3827</a></span></td>
<td class=""><span title="Canadair Regional Jet CRJ-200 (twin-jet)"><a href="/live/aircrafttype/CRJ2">CRJ2</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Washington Dulles Intl (Washington, DC) - IAD" itemprop="name"><span dir="ltr">Washington Dulles Intl</span></span> <span dir="ltr">(<a href="/live/airport/KIAD" itemprop="url">IAD</a>)</span></td>
<td class="">07:34a&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 100%"></div>
<div class="track-panel-progress-empty" style="width: 0%"></div>
<div class="clear"></div>
</div>
</td>
<td class="">09:23a&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow1 " id="Row_outbound_JIA5190" title="">
<td class=" flight-ident"> <span title="PSA Airlines &quot;Blue Streak&quot; (Vandalia, OH)"><a href="/live/flight/JIA5190/history/20210104/1100Z/KBGR/KPHL">JIA5190</a></span></td>
<td class=""><span title="Canadair Regional Jet CRJ-700 (twin-jet)"><a href="/live/aircrafttype/CRJ7">CRJ7</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Philadelphia Intl (Philadelphia, PA) - PHL" itemprop="name"><span dir="ltr">Philadelphia Intl</span></span> <span dir="ltr">(<a href="/live/airport/KPHL" itemprop="url">PHL</a>)</span></td>
<td class="">06:17a&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 100%"></div>
<div class="track-panel-progress-empty" style="width: 0%"></div>
<div class="clear"></div>
</div>
</td>
<td class="">07:58a&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow2 " id="Row_outbound_N99KW" title="">
<td class=" flight-ident"> <span title="FLORIDA WINGS INC (BOCA RATON FL)"><a href="/live/flight/N99KW/history/20210104/0140Z/KBGR/LSZH">N99KW</a></span></td>
<td class=""><span title="Canadair Challenger (twin-jet)"><a href="/live/aircrafttype/CL60">CL60</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Zurich (Kloten) (Zurich) - ZRH / LSZH" itemprop="name"><span dir="ltr">Zurich (Kloten)</span></span> <span dir="ltr">(<a href="/live/airport/LSZH" itemprop="url">ZRH / LSZH</a>)</span></td>
<td class="">08:04p&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 100%"></div>
<div class="track-panel-progress-empty" style="width: 0%"></div>
<div class="clear"></div>
</div>
</td>
<td class="">09:01a&nbsp;<span class="tz">CET</span> </td>
</tr>
<tr class="smallrow1 " id="Row_outbound_N901LM" title="">
<td class=" flight-ident lifeguard"> <span title="MEDEVAC LIFEFLIGHT OF MAINE LLC (BANGOR ME)"><a href="/live/flight/N901LM/history/20210104/0015Z/KBGR/KPQI">N901LM</a></span></td>
<td class=""><span title="Beechcraft Super King Air 200 (twin-turboprop)"><a href="/live/aircrafttype/BE20">BE20</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="N Maine (Presque Isle, ME) - KPQI" itemprop="name"><span dir="ltr">N Maine</span></span> <span dir="ltr">(<a href="/live/airport/KPQI" itemprop="url">KPQI</a>)</span></td>
<td class="">07:28p&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 100%"></div>
<div class="track-panel-progress-empty" style="width: 0%"></div>
<div class="clear"></div>
</div>
</td>
<td class="">08:00p&nbsp;<span class="tz">EST</span> </td>
</tr>
<tr class="smallrow2 " id="Row_outbound_N364AV" title="">
<td class=" flight-ident"> <span title="TVPX AIRCRAFT SOLUTIONS INC TRUSTEE (NORTH SALT LAKE UT)"><a href="/live/flight/N364AV/history/20210104/0030Z/KBGR/KDHN">N364AV</a></span></td>
<td class=""><span title="Boeing 737-800 (twin-jet)"><a href="/live/aircrafttype/B738">B738</a></span></td>
<td class="" itemscope="" itemtype="http://schema.org/Airport"><span class="hint" title="Dothan Rgnl (Dothan, AL) - KDHN" itemprop="name"><span dir="ltr">Dothan Rgnl</span></span> <span dir="ltr">(<a href="/live/airport/KDHN" itemprop="url">KDHN</a>)</span></td>
<td class="">06:46p&nbsp;<span class="tz">EST</span> </td>
<td class="">
<div class="track-panel-progress">
<div class="track-panel-progress-fill" style="width: 100%"></div>
<div class="track-panel-progress-empty" style="width: 0%"></div>
<div class="clear"></div>
</div>
</td>
<td class="">09:03p&nbsp;<span class="tz">CST</span> </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="settings_page" style="display: none;">
<a href="javascript:goHome()"><img src="images/logo.png" class="settingslogo"></a>
<div id="settingstext">
<table>
<tbody>
<tr>
<td>
<h5>Offline Mode</h5>
</td>
<td><label class="mdl-switch mdl-js-switch mdl-js-ripple-effect mdl-js-ripple-effect--ignore-events is-upgraded" for="switch-1" onclick="offlineToggle()" data-upgraded=",MaterialSwitch,MaterialRipple">
<input type="checkbox" id="switch-1" class="mdl-switch__input">
<span class="mdl-switch__label"></span>
<div class="mdl-switch__track"></div><div class="mdl-switch__thumb"><span class="mdl-switch__focus-helper"></span></div><span class="mdl-switch__ripple-container mdl-js-ripple-effect mdl-ripple--center" data-upgraded=",MaterialRipple"><span class="mdl-ripple"></span></span></label></td>
</tr>
</tbody>
</table>
<table style="width: 100%;position:absolute; bottom:0">
<tbody>
<tr>
<td>
<button class="mdl-button mdl-js-button mdl-button--raised" onclick="sendCMD('update')" data-upgraded=",MaterialButton">
Check For Updates
</button>
</td>
<td>
<button class="mdl-button mdl-js-button mdl-button--raised" onclick="window.close();opener.window.focus();" data-upgraded=",MaterialButton">
Close Application
</button>
</td>
<td>
<button class="mdl-button mdl-js-button mdl-button--raised" id="branch_button" onclick="changeBranch()" data-upgraded=",MaterialButton">
Change Branch to <span id="branch_name">N/A</span>
</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="radar_page" style="display: none;">
<div id="nav_bar">
<!-- Raised button with ripple -->
<button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect" style="width: 40px; height: 40px; min-width: initial;" onclick="goHome()" data-upgraded=",MaterialButton,MaterialRipple">
<i class="material-icons">home</i>
<span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></button>
<button class="mdl-button mdl-js-button mdl-js-ripple-effect" onclick="openRadar()" data-upgraded=",MaterialButton,MaterialRipple">
Radar
<span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></button>
<span class="divider"></span>
<!-- Raised button with ripple -->
<button id="metar_button" class="mdl-button mdl-js-button mdl-js-ripple-effect" onclick="openMetar()" data-upgraded=",MaterialButton,MaterialRipple">
METAR
<span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></button>
<!-- Raised button with ripple -->
<button id="liveatc_button" class="mdl-button mdl-js-button mdl-js-ripple-effect" onclick="openATC ()" data-upgraded=",MaterialButton,MaterialRipple">
LiveATC
<span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span></button>
<span style="float: right;">
<span class="space-nopad center">
<span id="percentage">N/A</span>
</span>
<span class="space-nopad center">
<span id="battery" class="material-icons" style="font-size: 36px;text-align: center;">N/A</span>
</span>
<span class="space center">
<!-- FAB button with ripple -->
<button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect" style="width: 40px; height: 40px; min-width: initial;" onclick="volDown()" data-upgraded=",MaterialButton,MaterialRipple">
<i class="material-icons">remove</i>
<span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span>
</button>
<!-- <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-1">
<input type="checkbox" id="switch-1" class="mdl-switch__input" onclick="toggleOffline()">
<span class="mdl-switch__label">Offline Mode</span>
</label> -->
</span>
<span class="space center">
Volume - <span id="volume_level"></span>%
</span>
<span class="space center">
<!-- FAB button with ripple -->
<button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect" style="width: 40px; height: 40px; min-width: initial;" onclick="volUp()" data-upgraded=",MaterialButton,MaterialRipple">
<i class="material-icons">add</i>
<span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span>
</button>
<!-- <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-1">
<input type="checkbox" id="switch-1" class="mdl-switch__input" onclick="toggleOffline()">
<span class="mdl-switch__label">Offline Mode</span>
</label> -->
</span>
<span class="space center">
<!-- FAB button with ripple -->
<button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect" style="width: 40px; height: 40px; min-width: initial;" onclick="sendCMD('shutdown')" data-upgraded=",MaterialButton,MaterialRipple">
<i class="material-icons">power_settings_new</i>
<span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span>
</button>
</span>
</span>
</div>
<div id="map_container">
<div id="map_canvas">
<div class="ol-viewport" style="position: relative; overflow: hidden; width: 100%; height: 100%; touch-action: none;"><canvas class="ol-unselectable" width="1210" height="828" style="width: 100%; height: 100%; display: none;"></canvas>
<div class="ol-overlaycontainer"></div>
<div class="ol-overlaycontainer-stopevent">
<div class="ol-zoom ol-unselectable ol-control"><button class="ol-zoom-in" type="button" title="Zoom in">+</button><button class="ol-zoom-out" type="button" title="Zoom out"></button></div>
<div class="ol-rotate ol-unselectable ol-control ol-hidden"><button class="ol-rotate-reset" type="button" title="Reset rotation"><span class="ol-compass" style="transform: rotate(0rad);"></span></button></div>
<div class="ol-attribution ol-unselectable ol-control ol-collapsed" style="display: none;">
<ul>
<li style="">
<a href="http://openlayers.org/"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAHGAAABxgEXwfpGAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAhNQTFRF////AP//AICAgP//AFVVQECA////K1VVSbbbYL/fJ05idsTYJFtbbcjbJllmZszWWMTOIFhoHlNiZszTa9DdUcHNHlNlV8XRIVdiasrUHlZjIVZjaMnVH1RlIFRkH1RkH1ZlasvYasvXVsPQH1VkacnVa8vWIVZjIFRjVMPQa8rXIVVkXsXRsNveIFVkIFZlIVVj3eDeh6GmbMvXH1ZkIFRka8rWbMvXIFVkIFVjIFVkbMvWH1VjbMvWIFVlbcvWIFVla8vVIFVkbMvWbMvVH1VkbMvWIFVlbcvWIFVkbcvVbMvWjNPbIFVkU8LPwMzNIFVkbczWIFVkbsvWbMvXIFVkRnB8bcvW2+TkW8XRIFVkIlZlJVloJlpoKlxrLl9tMmJwOWd0Omh1RXF8TneCT3iDUHiDU8LPVMLPVcLPVcPQVsPPVsPQV8PQWMTQWsTQW8TQXMXSXsXRX4SNX8bSYMfTYcfTYsfTY8jUZcfSZsnUaIqTacrVasrVa8jTa8rWbI2VbMvWbcvWdJObdcvUdszUd8vVeJaee87Yfc3WgJyjhqGnitDYjaarldPZnrK2oNbborW5o9bbo9fbpLa6q9ndrL3ArtndscDDutzfu8fJwN7gwt7gxc/QyuHhy+HizeHi0NfX0+Pj19zb1+Tj2uXk29/e3uLg3+Lh3+bl4uXj4ufl4+fl5Ofl5ufl5ujm5+jmySDnBAAAAFp0Uk5TAAECAgMEBAYHCA0NDg4UGRogIiMmKSssLzU7PkJJT1JTVFliY2hrdHZ3foSFhYeJjY2QkpugqbG1tre5w8zQ09XY3uXn6+zx8vT09vf4+Pj5+fr6/P39/f3+gz7SsAAAAVVJREFUOMtjYKA7EBDnwCPLrObS1BRiLoJLnte6CQy8FLHLCzs2QUG4FjZ5GbcmBDDjxJBXDWxCBrb8aM4zbkIDzpLYnAcE9VXlJSWlZRU13koIeW57mGx5XjoMZEUqwxWYQaQbSzLSkYGfKFSe0QMsX5WbjgY0YS4MBplemI4BdGBW+DQ11eZiymfqQuXZIjqwyadPNoSZ4L+0FVM6e+oGI6g8a9iKNT3o8kVzNkzRg5lgl7p4wyRUL9Yt2jAxVh6mQCogae6GmflI8p0r13VFWTHBQ0rWPW7ahgWVcPm+9cuLoyy4kCJDzCm6d8PSFoh0zvQNC5OjDJhQopPPJqph1doJBUD5tnkbZiUEqaCnB3bTqLTFG1bPn71kw4b+GFdpLElKIzRxxgYgWNYc5SCENVHKeUaltHdXx0dZ8uBI1hJ2UUDgq82CM2MwKeibqAvSO7MCABq0wXEPiqWEAAAAAElFTkSuQmCC"></a>
</li>
<li>© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors.</li>
<li style="display: none;">Tiles courtesy of <a href="http://www.chartbundle.com/">ChartBundle</a></li>
<li style="display: none;">Tiles courtesy of <a href="http://www.chartbundle.com/">ChartBundle</a></li>
<li style="display: none;">Tiles courtesy of <a href="http://www.chartbundle.com/">ChartBundle</a></li>
<li style="display: none;">Tiles courtesy of <a href="http://www.chartbundle.com/">ChartBundle</a></li>
<li style="display: none;">Tiles courtesy of <a href="http://www.chartbundle.com/">ChartBundle</a></li>
<li style="display: none;">Tiles courtesy of <a href="http://www.chartbundle.com/">ChartBundle</a></li>
<li style="display: none;">© 2020 Microsoft Corporation</li>
<li style="display: none;">© 2020 TomTom</li>
<li style="display: none;">© 2020 Zenrin</li>
<li style="display: none;">© 2020 SK telecom / NGII</li>
<li style="display: none;">© 2020 AutoNavi</li>
<li style="display: none;"><a class="ol-attribution-bing-tos" href="http://www.microsoft.com/maps/product/terms.html">Terms of Use</a></li>
<li style="display: none;">© 2020 Microsoft Corporation</li>
<li style="display: none;">© 2020 Maxar</li>
<li style="display: none;">©CNES (2020) Distribution Airbus DS</li>
<li style="display: none;">© 2020 SK telecom / NGII</li>
<li style="display: none;">Earthstar Geographics SIO</li>
<li style="display: none;">© 2020 TomTom</li>
<li style="display: none;">© 2020 Zenrin</li>
<li style="display: none;">© 2020 AutoNavi</li>
<li style="display: none;">NEXRAD courtesy of <a href="http://mesonet.agron.iastate.edu/">IEM</a></li>
</ul><button type="button" title="Attributions"><span>i</span></button></div>
<div class="ol-scale-line ol-unselectable" style="display: none;">
<div class="ol-scale-line-inner" style="width: 68px;">2 nm</div>
</div>
<div class="ol-unselectable ol-control layer-switcher"><button title="Legend"></button>
<div class="panel">
<ul>
<li class="group"><label>Worldwide Online Maps + Overlays</label>
<ul>
<li class="layer"><input type="radio" name="base" id="ce9a1b88-6abe-4108-b948-3da307cc7401"><label for="ce9a1b88-6abe-4108-b948-3da307cc7401">Street View (OSM)</label></li>
<li class="layer"><input type="radio" name="base" id="f270685e-895c-4df0-bab6-7a07bfc9e121"><label for="f270685e-895c-4df0-bab6-7a07bfc9e121">Dark Street View (Bing)</label></li>
<li class="layer"><input type="radio" name="base" id="39ed6341-c335-4a9e-bcf8-f52052a32581"><label for="39ed6341-c335-4a9e-bcf8-f52052a32581">Satellite</label></li>
<li class="layer"><input type="radio" name="base" id="d8c62e10-a217-4904-882e-6f4259fa57b8"><label for="d8c62e10-a217-4904-882e-6f4259fa57b8">Satellite with Labels (Bing)</label></li>
<li class="layer"><input type="checkbox" id="1b6d2f42-5206-4bfb-bf90-807f3a6df4d4"><label for="1b6d2f42-5206-4bfb-bf90-807f3a6df4d4">NEXRAD</label></li>
<li class="layer"><input type="checkbox" id="cf1f0670-ce5a-42db-8d0a-2c2d670aa7f0"><label for="cf1f0670-ce5a-42db-8d0a-2c2d670aa7f0">Radar</label></li>
</ul>
</li>
<li class="group"><label>Online Aircraft Maps</label>
<ul>
<li class="layer"><input type="radio" name="base" id="d1c16b96-2620-4cea-b936-9b04bb1501d4"><label for="d1c16b96-2620-4cea-b936-9b04bb1501d4">Sectional Charts</label></li>
<li class="layer"><input type="radio" name="base" id="4d63b211-32f5-48a0-a948-d260eb8ae9ad"><label for="4d63b211-32f5-48a0-a948-d260eb8ae9ad">Terminal Area Charts</label></li>
<li class="layer"><input type="radio" name="base" id="17b28146-ea3c-480f-9655-1c39eda11005"><label for="17b28146-ea3c-480f-9655-1c39eda11005">World Aeronautical Charts</label></li>
<li class="layer"><input type="radio" name="base" id="f0341bf5-fc3c-4792-9c8d-a8dfea1c8d36"><label for="f0341bf5-fc3c-4792-9c8d-a8dfea1c8d36">IFR Enroute Low Charts</label></li>
<li class="layer"><input type="radio" name="base" id="c63d4a41-f39f-41da-a678-6ac535116f94"><label for="c63d4a41-f39f-41da-a678-6ac535116f94">IFR Area Charts</label></li>
<li class="layer"><input type="radio" name="base" id="2cfd7938-1af4-442d-9189-5c412ed7a32d"><label for="2cfd7938-1af4-442d-9189-5c412ed7a32d">IFR Enroute High Charts</label></li>
</ul>
</li>
<li class="group"><label>Offline Maps</label>
<ul>
<li class="layer"><input type="radio" name="base" id="b29a8746-2266-4065-b199-7a87b1d26a04"><label for="b29a8746-2266-4065-b199-7a87b1d26a04">Offline Maps</label></li>
</ul>
</li>
<li class="group"><label>Overlays</label>
<ul>
<li class="layer"><input type="checkbox" id="f58fb4f7-2331-429b-b75c-cda513c4650a"><label for="f58fb4f7-2331-429b-b75c-cda513c4650a">Site position and range rings</label></li>
<li class="layer"><input type="checkbox" id="6ac01ad9-b08b-4fcc-8a05-83abd58d13d0"><label for="6ac01ad9-b08b-4fcc-8a05-83abd58d13d0">Selected aircraft trail</label></li>
<li class="layer"><input type="checkbox" id="28639ba8-4359-4209-a54b-febeb1f75933"><label for="28639ba8-4359-4209-a54b-febeb1f75933">Aircraft positions</label></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="sidebar_container">
<div id="radar_container">
<div id="sidebar_canvas">
<div id="dump1090_infoblock" style="display: block;">
<table style="width: 100%">
<tbody>
<tr class="infoblock_heading">
<td>
<b id="infoblock_name">Aircraft Radar</b>
</td>
</tr>
<tr class="infoblock_heading">
<td></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">0</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">0</span></td>
<td>History: <span id="dump1090_total_history">0</span> positions</td>
</tr>
</tbody>
</table>
</div>
<!-- dump1090_infoblock -->
<div id="selected_infoblock" style="display: none;">
<table style="width: 100%">
<tbody>
<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"></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>
</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>
<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>
</tbody>
</table>
</div>
<!-- selected_infoblock -->
<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>
<td id="flight" onclick="sortByFlight();">Flight</td>
<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; display: none;">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>
</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>
<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; display: none;">DISTANCE</td>
<td style="text-align: right">TRACK</td>
<td style="text-align: right">MSGS</td>
<td style="text-align: right">SEEN</td>
</tr>
</tbody>
</table>
</div>
<!-- planes_table -->
</div>
<!-- sidebar_canvas -->
</div>
<div id="metar_container" style="display: none">
<div id="metar_loading" class="mdl-progress mdl-js-progress mdl-progress__indeterminate is-upgraded" data-upgraded=",MaterialProgress">
<div class="progressbar bar bar1" style="width: 0%;"></div>
<div class="bufferbar bar bar2" style="width: 100%;"></div>
<div class="auxbar bar bar3" style="width: 0%;"></div>
</div>
<div id="metar_data" style="display: none">
<h5>Local METAR Reporting Station:</h5>
<h3 id="station_id"></h3>
<h5 id="station_name"></h5>
<h6 id="full_metar"><br><br><span id="updated_time"></span></h6>
<table style="width: 100%">
<tbody>
<tr>
<td style="text-align: center">
<h4><span id="temperature"></span></h4>
Temperature
</td>
<td style="text-align: center">
<h4 id="altimeter"></h4>
Altimeter
</td>
<td style="text-align: center">
<h4 id="visibility"></h4>
Visibility
</td>
</tr>
<tr>
<td style="text-align: center">
<h4 id="wind_speed"></h4>
Wind Speed
</td>
<td style="text-align: center">
<h4 id="wind_direction"></h4>
Wind Direction
</td>
<td style="text-align: center">
<h4 id="wind_gusts"></h4>
Wind Gusts
</td>
</tr>
<tr>
<td style="text-align: center">
<h4><span id="dew_point"></span></h4>
Dew Point
</td>
<td style="text-align: center">
<h4 id="rules"></h4>
Flight Rules
</td>
<td style="text-align: center">
<h4 id="size"></h4>
Airport Size
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="atc_container" style="display: none">
<div id="atc_radio">
<h4 id="atc_title">No feed selected</h4>
<audio id="player" controls="">
<source type="audio/mpeg">
</audio>
</div>
<hr>
<div id="atc_selector">
</div>
</div>
</div>
<!-- sidebar_container -->
<div id="SpecialSquawkWarning" class="hidden" style="display: none;">
<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.
</div>
<div id="update_error" class="hidden" style="display: block;">
<b>Problem fetching data from dump1090.</b><br>
<span id="update_error_detail">AJAX call failed (error: Not Found). Maybe dump1090 is no longer running?</span><br> The displayed map data will be out of date.
</div>
<div id="container_splitter"></div>
<div id="no-updates-snackbar" class="mdl-js-snackbar mdl-snackbar" data-upgraded=",MaterialSnackbar">
<div class="mdl-snackbar__text"></div>
<button class="mdl-snackbar__action" type="button" aria-hidden="true"></button>
</div>
</div>
</body>
</html>