Adding filtering by aircraft ident

public_html/index.html

@@ -223,12 +223,20 @@
 									<button type="submit">Filter</button>
 									<button id="altitude_filter_reset_button">Reset</button>
 								</form>
+
 								<form id="aircraft_type_filter_form">
 									<label><span class="infoBlockTitleText">Filter by Aircraft Type:</span></label>
-									<input id="aircraft_type_filter" name="aircraftTypeFilter" type="text" class="aircraftTypeFilterInput" maxlength="5">
+									<input id="aircraft_type_filter" name="aircraftTypeFilter" type="text" class="aircraftFilterInput" maxlength="5">
 									<button type="submit">Filter by Aircraft Type</button>
 									<button id="aircraft_type_filter_reset_button">Reset</button>
 								</form>
+
+								<form id="aircraft_ident_filter_form">
+									<label><span class="infoBlockTitleText">Filter by Aircraft Ident:</span></label>
+									<input id="aircraft_ident_filter" name="aircraftIdentFilter" type="text" class="aircraftFilterInput" maxlength="10">
+									<button type="submit">Filter by Aircraft Ident</button>
+									<button id="aircraft_ident_filter_reset_button">Reset</button>
+								</form>
 			
 								<div>
 									<button id="column_select">Select Columns</button>

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;

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) {

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;