Modified look and feel for the dl0xk installation
This commit is contained in:
LongHairedHacker
parent
089684e20f
commit
de29e82327
4 changed files with 77 additions and 104 deletions
|
|
@ -154,12 +154,12 @@ function fetchData() {
|
|||
var plane = PlanesOrdered[i];
|
||||
plane.updateTick(now, LastReceiverTimestamp);
|
||||
}
|
||||
|
||||
|
||||
selectNewPlanes();
|
||||
refreshTableInfo();
|
||||
refreshSelected();
|
||||
refreshHighlighted();
|
||||
|
||||
|
||||
if (ReceiverClock) {
|
||||
var rcv = new Date(now * 1000);
|
||||
ReceiverClock.render(rcv.getUTCHours(),rcv.getUTCMinutes(),rcv.getUTCSeconds());
|
||||
|
|
@ -172,7 +172,7 @@ function fetchData() {
|
|||
$("#update_error_detail").text("The data from dump1090 hasn't been updated in a while. Maybe dump1090 is no longer running?");
|
||||
$("#update_error").css('display','block');
|
||||
}
|
||||
} else {
|
||||
} else {
|
||||
StaleReceiverCount = 0;
|
||||
LastReceiverTimestamp = now;
|
||||
$("#update_error").css('display','none');
|
||||
|
|
@ -225,7 +225,7 @@ function initialize() {
|
|||
SelectedPlane = null;
|
||||
selectedPlane.selected = null;
|
||||
selectedPlane.clearLines();
|
||||
selectedPlane.updateMarker();
|
||||
selectedPlane.updateMarker();
|
||||
refreshSelected();
|
||||
refreshHighlighted();
|
||||
$('#selected_infoblock').hide();
|
||||
|
|
@ -239,7 +239,7 @@ function initialize() {
|
|||
// look at the window resize to resize the pop-up infoblock so it doesn't float off the bottom or go off the top
|
||||
$(window).on('resize', function() {
|
||||
var topCalc = ($(window).height() - $('#selected_infoblock').height() - 60);
|
||||
// check if the top will be less than zero, which will be overlapping/off the screen, and set the top correctly.
|
||||
// check if the top will be less than zero, which will be overlapping/off the screen, and set the top correctly.
|
||||
if (topCalc < 0) {
|
||||
topCalc = 0;
|
||||
$('#selected_infoblock').css('height', ($(window).height() - 60) +'px');
|
||||
|
|
@ -247,7 +247,7 @@ function initialize() {
|
|||
$('#selected_infoblock').css('top', topCalc + 'px');
|
||||
});
|
||||
|
||||
// to make the infoblock responsive
|
||||
// to make the infoblock responsive
|
||||
$('#sidebar_container').on('resize', function() {
|
||||
if ($('#sidebar_container').width() < 500) {
|
||||
$('#selected_infoblock').addClass('infoblock-container-small');
|
||||
|
|
@ -255,7 +255,7 @@ function initialize() {
|
|||
$('#selected_infoblock').removeClass('infoblock-container-small');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Set up event handlers for buttons
|
||||
$("#toggle_sidebar_button").click(toggleSidebarVisibility);
|
||||
$("#expand_sidebar_button").click(expandSidebar);
|
||||
|
|
@ -274,7 +274,7 @@ function initialize() {
|
|||
errorPlacement: function(error, element) {
|
||||
return true;
|
||||
},
|
||||
|
||||
|
||||
rules: {
|
||||
minAltitude: {
|
||||
number: true,
|
||||
|
|
@ -325,7 +325,7 @@ function initialize() {
|
|||
} else {
|
||||
sortByDataSource();
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
$('#altitude_checkbox').on('click', function() {
|
||||
|
|
@ -366,7 +366,7 @@ function initialize() {
|
|||
DefaultCenterLat = data.lat;
|
||||
DefaultCenterLon = data.lon;
|
||||
}
|
||||
|
||||
|
||||
Dump1090Version = data.version;
|
||||
RefreshInterval = data.refresh;
|
||||
PositionHistorySize = data.history;
|
||||
|
|
@ -505,9 +505,9 @@ function make_geodesic_circle(center, radius, points) {
|
|||
// Initalizes the map and starts up our timers to call various functions
|
||||
function initialize_map() {
|
||||
// Load stored map settings if present
|
||||
CenterLat = Number(localStorage['CenterLat']) || DefaultCenterLat;
|
||||
CenterLon = Number(localStorage['CenterLon']) || DefaultCenterLon;
|
||||
ZoomLvl = Number(localStorage['ZoomLvl']) || DefaultZoomLvl;
|
||||
CenterLat = DefaultCenterLat;
|
||||
CenterLon = DefaultCenterLon;
|
||||
ZoomLvl = DefaultZoomLvl;
|
||||
MapType = localStorage['MapType'];
|
||||
|
||||
// Set SitePosition, initialize sorting
|
||||
|
|
@ -648,7 +648,7 @@ function initialize_map() {
|
|||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
OLMap.getView().on('change:resolution', function(event) {
|
||||
ZoomLvl = localStorage['ZoomLvl'] = OLMap.getView().getZoom();
|
||||
for (var plane in Planes) {
|
||||
|
|
@ -722,7 +722,7 @@ function initialize_map() {
|
|||
var feature = new ol.Feature(new ol.geom.Point(ol.proj.fromLonLat(SitePosition)));
|
||||
feature.setStyle(markerStyle);
|
||||
StaticFeatures.push(feature);
|
||||
|
||||
|
||||
if (SiteCircles) {
|
||||
createSiteCircleFeatures();
|
||||
}
|
||||
|
|
@ -781,7 +781,7 @@ function initialize_map() {
|
|||
function createSiteCircleFeatures() {
|
||||
// Clear existing circles first
|
||||
SiteCircleFeatures.forEach(function(circleFeature) {
|
||||
StaticFeatures.remove(circleFeature);
|
||||
StaticFeatures.remove(circleFeature);
|
||||
});
|
||||
SiteCircleFeatures.clear();
|
||||
|
||||
|
|
@ -829,7 +829,7 @@ function reaper() {
|
|||
for (var i = 0; i < PlanesOrdered.length; ++i) {
|
||||
var plane = PlanesOrdered[i];
|
||||
if (plane.seen > 300) {
|
||||
// Reap it.
|
||||
// Reap it.
|
||||
plane.tr.parentNode.removeChild(plane.tr);
|
||||
plane.tr = null;
|
||||
delete Planes[plane.icao];
|
||||
|
|
@ -879,12 +879,12 @@ function refreshSelected() {
|
|||
}
|
||||
|
||||
refreshPageTitle();
|
||||
|
||||
|
||||
var selected = false;
|
||||
if (typeof SelectedPlane !== 'undefined' && SelectedPlane != "ICAO" && SelectedPlane != null) {
|
||||
selected = Planes[SelectedPlane];
|
||||
}
|
||||
|
||||
|
||||
$('#dump1090_infoblock').css('display','block');
|
||||
$('#dump1090_version').text(Dump1090Version);
|
||||
$('#dump1090_total_ac').text(TrackedAircraft);
|
||||
|
|
@ -902,7 +902,7 @@ function refreshSelected() {
|
|||
if (!selected) {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
if (selected.flight !== null && selected.flight !== "") {
|
||||
$('#selected_callsign').text(selected.flight);
|
||||
} else {
|
||||
|
|
@ -940,7 +940,7 @@ function refreshSelected() {
|
|||
} else {
|
||||
$('#selected_squawk').text(selected.squawk);
|
||||
}
|
||||
|
||||
|
||||
$('#selected_speed').text(format_speed_long(selected.gs, DisplayUnits));
|
||||
$('#selected_ias').text(format_speed_long(selected.ias, DisplayUnits));
|
||||
$('#selected_tas').text(format_speed_long(selected.tas, DisplayUnits));
|
||||
|
|
@ -969,13 +969,13 @@ function refreshSelected() {
|
|||
$('#selected_position').text('n/a');
|
||||
$('#selected_follow').addClass('hidden');
|
||||
} else {
|
||||
|
||||
|
||||
if (selected.seen_pos > 1) {
|
||||
$('#selected_position').text(format_latlng(selected.position));
|
||||
} else {
|
||||
$('#selected_position').text(format_latlng(selected.position));
|
||||
}
|
||||
|
||||
|
||||
$('#selected_follow').removeClass('hidden');
|
||||
if (FollowSelected) {
|
||||
$('#selected_follow').css('font-weight', 'bold');
|
||||
|
|
@ -998,7 +998,7 @@ function refreshSelected() {
|
|||
$('#selected_rssi').text(selected.rssi.toFixed(1) + ' dBFS');
|
||||
$('#selected_message_count').text(selected.messages);
|
||||
$('#selected_photo_link').html(getFlightAwarePhotoLink(selected.registration));
|
||||
|
||||
|
||||
$('#selected_altitude_geom').text(format_altitude_long(selected.alt_geom, selected.geom_rate, DisplayUnits));
|
||||
$('#selected_mag_heading').text(format_track_long(selected.mag_heading));
|
||||
$('#selected_true_heading').text(format_track_long(selected.true_heading));
|
||||
|
|
@ -1062,7 +1062,7 @@ function refreshSelected() {
|
|||
} else if (selected.sil_type == "persample") {
|
||||
sampleRate = " per sample";
|
||||
}
|
||||
|
||||
|
||||
switch (selected.sil) {
|
||||
case 0:
|
||||
silDesc = "> 1×10<sup>-3</sup>";
|
||||
|
|
@ -1240,11 +1240,11 @@ function refreshTableInfo() {
|
|||
|
||||
if (tableplane.icao == SelectedPlane)
|
||||
classes += " selected";
|
||||
|
||||
|
||||
if (tableplane.squawk in SpecialSquawks) {
|
||||
classes = classes + " " + SpecialSquawks[tableplane.squawk].cssClass;
|
||||
show_squawk_warning = true;
|
||||
}
|
||||
}
|
||||
|
||||
// ICAO doesn't change
|
||||
if (tableplane.flight) {
|
||||
|
|
@ -1350,7 +1350,7 @@ function resortTable() {
|
|||
}
|
||||
|
||||
PlanesOrdered.sort(sortFunction);
|
||||
|
||||
|
||||
var tbody = document.getElementById('tableinfo').tBodies[0];
|
||||
for (var i = 0; i < PlanesOrdered.length; ++i) {
|
||||
tbody.appendChild(PlanesOrdered[i].tr);
|
||||
|
|
@ -1406,7 +1406,7 @@ function selectPlaneByHex(hex,autofollow) {
|
|||
Planes[SelectedPlane].updateLines();
|
||||
Planes[SelectedPlane].updateMarker();
|
||||
$(Planes[SelectedPlane].tr).addClass("selected");
|
||||
} else {
|
||||
} else {
|
||||
SelectedPlane = null;
|
||||
}
|
||||
|
||||
|
|
@ -1416,7 +1416,7 @@ function selectPlaneByHex(hex,autofollow) {
|
|||
OLMap.getView().setZoom(8);
|
||||
} else {
|
||||
FollowSelected = false;
|
||||
}
|
||||
}
|
||||
|
||||
refreshSelected();
|
||||
refreshHighlighted();
|
||||
|
|
@ -1512,7 +1512,7 @@ function resetMap() {
|
|||
// Set and refresh
|
||||
OLMap.getView().setZoom(ZoomLvl);
|
||||
OLMap.getView().setCenter(ol.proj.fromLonLat([CenterLon, CenterLat]));
|
||||
|
||||
|
||||
selectPlaneByHex(null,false);
|
||||
}
|
||||
|
||||
|
|
@ -1551,7 +1551,7 @@ function showMap() {
|
|||
$("#sidebar_container").width("470px");
|
||||
setColumnVisibility();
|
||||
setSelectedInfoBlockVisibility();
|
||||
updateMapSize();
|
||||
updateMapSize();
|
||||
}
|
||||
|
||||
function showColumn(table, columnId, visible) {
|
||||
|
|
@ -1571,7 +1571,7 @@ function setColumnVisibility() {
|
|||
var infoTable = $("#tableinfo");
|
||||
|
||||
showColumn(infoTable, "#registration", !mapIsVisible);
|
||||
showColumn(infoTable, "#aircraft_type", !mapIsVisible);
|
||||
showColumn(infoTable, "#aircraft_type", !mapIsVisible);
|
||||
showColumn(infoTable, "#vert_rate", !mapIsVisible);
|
||||
showColumn(infoTable, "#rssi", !mapIsVisible);
|
||||
showColumn(infoTable, "#lat", !mapIsVisible);
|
||||
|
|
@ -1613,7 +1613,7 @@ function adjustSelectedInfoBlockPosition() {
|
|||
var marker = selectedPlane.marker;
|
||||
var markerCoordinates = selectedPlane.marker.getGeometry().getCoordinates();
|
||||
var markerPosition = OLMap.getPixelFromCoordinate(markerCoordinates);
|
||||
|
||||
|
||||
// Get map size
|
||||
var mapCanvas = $('#map_canvas');
|
||||
var mapExtent = getExtent(0, 0, mapCanvas.width(), mapCanvas.height());
|
||||
|
|
@ -1638,7 +1638,7 @@ function adjustSelectedInfoBlockPosition() {
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
catch(e) { }
|
||||
}
|
||||
|
||||
|
|
@ -1718,7 +1718,7 @@ function onFilterByAltitude(e) {
|
|||
SelectedPlane = null;
|
||||
selectedPlane.selected = false;
|
||||
selectedPlane.clearLines();
|
||||
selectedPlane.updateMarker();
|
||||
selectedPlane.updateMarker();
|
||||
refreshSelected();
|
||||
refreshHighlighted();
|
||||
}
|
||||
|
|
@ -1840,7 +1840,7 @@ function getFlightAwarePhotoLink(registration) {
|
|||
return "<a target=\"_blank\" href=\"https://flightaware.com/photos/aircraft/" + registration.replace(/[^0-9a-z]/ig,'') + "\">See Photos</a>";
|
||||
}
|
||||
|
||||
return "";
|
||||
return "";
|
||||
}
|
||||
|
||||
function getAirframesModeSLink(code) {
|
||||
|
|
@ -1848,14 +1848,14 @@ function getAirframesModeSLink(code) {
|
|||
return "<a href=\"http://www.airframes.org/\" onclick=\"$('#airframes_post_icao').attr('value','" + code + "'); document.getElementById('horrible_hack').submit.call(document.getElementById('airframes_post')); return false;\">Airframes.org: " + code.toUpperCase() + "</a>";
|
||||
}
|
||||
|
||||
return "";
|
||||
return "";
|
||||
}
|
||||
|
||||
|
||||
// takes in an elemnt jQuery path and the OL3 layer name and toggles the visibility based on clicking it
|
||||
function toggleLayer(element, layer) {
|
||||
// set initial checked status
|
||||
ol.control.LayerSwitcher.forEachRecursive(layers, function(lyr) {
|
||||
ol.control.LayerSwitcher.forEachRecursive(layers, function(lyr) {
|
||||
if (lyr.get('name') === layer && lyr.getVisible()) {
|
||||
$(element).addClass('settingsCheckboxChecked');
|
||||
}
|
||||
|
|
@ -1865,7 +1865,7 @@ function toggleLayer(element, layer) {
|
|||
if ($(element).hasClass('settingsCheckboxChecked')) {
|
||||
visible = true;
|
||||
}
|
||||
ol.control.LayerSwitcher.forEachRecursive(layers, function(lyr) {
|
||||
ol.control.LayerSwitcher.forEachRecursive(layers, function(lyr) {
|
||||
if (lyr.get('name') === layer) {
|
||||
if (visible) {
|
||||
lyr.setVisible(false);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue