diff --git a/public_html/index.html b/public_html/index.html index 66d584b..b3e7912 100644 --- a/public_html/index.html +++ b/public_html/index.html @@ -223,12 +223,20 @@ +
- +
+ +
+ + + + +
diff --git a/public_html/planeObject.js b/public_html/planeObject.js index 4456600..41ff0ef 100644 --- a/public_html/planeObject.js +++ b/public_html/planeObject.js @@ -116,6 +116,12 @@ PlaneObject.prototype.isFiltered = function() { } } + if (this.filter.aircraftIdent) { + if (this.flight === null || (typeof this.flight === 'string' && this.flight.toUpperCase().trim() !== this.filter.aircraftIdent.toUpperCase())) { + return true; + } + } + if (this.filter.minAltitude !== undefined && this.filter.maxAltitude !== undefined) { if (this.altitude === null || this.altitude === undefined) { return true; diff --git a/public_html/script.js b/public_html/script.js index 8c5010e..0585967 100644 --- a/public_html/script.js +++ b/public_html/script.js @@ -327,6 +327,10 @@ function initialize() { $("#aircraft_type_filter_reset_button").click(onResetAircraftTypeFilter); + $("#aircraft_ident_filter_form").submit(onFilterByAircraftIdent); + $("#aircraft_ident_filter_reset_button").click(onResetAircraftIdentFilter); + + $('#settingsCog').on('click', function() { $('#settings_infoblock').toggle(); }); @@ -1993,6 +1997,19 @@ function onResetAircraftTypeFilter(e) { refreshTableInfo(); } + +function onFilterByAircraftIdent(e) { + e.preventDefault(); + updatePlaneFilter(); + refreshTableInfo(); +} + +function onResetAircraftIdentFilter(e) { + $("#aircraft_ident_filter").val(""); + updatePlaneFilter(); + refreshTableInfo(); +} + function filterGroundVehicles(switchFilter) { if (typeof localStorage['groundVehicleFilter'] === 'undefined') { localStorage.setItem('groundVehicleFilter' , 'not_filtered'); @@ -2087,7 +2104,13 @@ function updatePlaneFilter() { aircraftTypeCode = undefined } + var aircraftIdent = $("#aircraft_ident_filter").val().trim() + if (aircraftIdent === "") { + aircraftIdent = undefined + } + PlaneFilter.aircraftTypeCode = aircraftTypeCode; + PlaneFilter.aircraftIdent = aircraftIdent; } function getFlightAwareIdentLink(ident, linkText) { diff --git a/public_html/style.css b/public_html/style.css index 53aee08..dd8cda6 100644 --- a/public_html/style.css +++ b/public_html/style.css @@ -329,10 +329,14 @@ div#loader { z-index: 99; position: absolute; left: 0; top: 0; bottom: 0; right: background-color: #3c6ea3; } -.altitudeFilterInput, .aircraftTypeFilterInput { +.altitudeFilterInput { width: 50px; } +.aircraftFilterInput { + width: 80px; +} + .rangeRingsInput { width: 30px; float: right;