Add the ability to select all/none of the aircraft

public_html/index.html

@@ -56,6 +56,14 @@
 							<td style="width: 150px; text-align: center;" class="pointer">
 								[ <span onclick="resetMap();">Reset Map</span> ]
 							</td>
+
+							<td style="width: 150px; text-align: center;" class="pointer">
+								[ <span onclick="selectAllPlanes();">Select All</span> ]
+							</td>
+
+							<td style="width: 150px; text-align: center;" class="pointer">
+								[ <span onclick="deselectAllPlanes();">Select None</span> ]
+							</td>
 						</tr>
 					</table>
 				</div> <!-- sudo_buttons -->

public_html/script.js

@@ -9,6 +9,7 @@ var PlaneTrailFeatures = new ol.Collection();
 var Planes        = {};
 var PlanesOrdered = [];
 var SelectedPlane = null;
+var SelectedAllPlanes = false;
 var FollowSelected = false;
 
 var SpecialSquawks = {
@@ -129,6 +130,7 @@ function fetchData() {
                         plane.updateTick(now, LastReceiverTimestamp);
                 }
                 
+		selectNewPlanes();
 		refreshTableInfo();
 		refreshSelected();
                 
@@ -875,6 +877,11 @@ function sortBy(id,sc,se) {
 function selectPlaneByHex(hex,autofollow) {
         //console.log("select: " + hex);
 	// If SelectedPlane has something in it, clear out the selected
+
+	if (SelectedAllPlanes) {
+		deselectAllPlanes();
+	}
+
 	if (SelectedPlane != null) {
 		Planes[SelectedPlane].selected = false;
 		Planes[SelectedPlane].clearLines();
@@ -910,6 +917,67 @@ function selectPlaneByHex(hex,autofollow) {
 	refreshSelected();
 }
 
+// loop through the planes and mark them as selected to show the paths for all planes
+function selectAllPlanes() {
+	// if all planes are already selected, deselect them all
+	if (SelectedAllPlanes) {
+		deselectAllPlanes();
+	} else {
+		// If SelectedPlane has something in it, clear out the selected
+		if (SelectedPlane != null) {
+			Planes[SelectedPlane].selected = false;
+			Planes[SelectedPlane].clearLines();
+			Planes[SelectedPlane].updateMarker();
+			$(Planes[SelectedPlane].tr).removeClass("selected");
+		}
+
+		SelectedPlane = null;
+
+		for(var key in Planes) {
+			if (Planes[key].visible !== false) {
+				Planes[key].selected = true;
+				Planes[key].updateLines();
+				Planes[key].updateMarker();
+			}
+		}
+		SelectedAllPlanes = true;
+	}
+
+	refreshSelected();
+}
+
+// on refreshes, try to find new planes and mark them as selected
+function selectNewPlanes() {
+	if (SelectedAllPlanes) {
+		for (var key in Planes) {
+			if (Planes[key].visible === false) {
+				Planes[key].selected = false;
+				Planes[key].updateLines();
+				Planes[key].updateMarker();
+			} else {
+				if (Planes[key].selected !== true) {
+					Planes[key].selected = true;
+					Planes[key].updateLines();
+					Planes[key].updateMarker();
+				}
+			}
+		}
+	}
+}
+
+// deselect all the planes
+function deselectAllPlanes() {
+	for(var key in Planes) {
+		Planes[key].selected = false;
+		Planes[key].clearLines();
+		Planes[key].updateMarker();
+		$(Planes[key].tr).removeClass("selected");
+	}
+	SelectedPlane = null;
+	SelectedAllPlanes = false;
+	refreshSelected();
+}
+
 function toggleFollowSelected() {
         FollowSelected = !FollowSelected;
         if (FollowSelected && OLMap.getView().getZoom() < 8)