From dcc38fed40d1d8a031345ac9757f87aed8fc301e Mon Sep 17 00:00:00 2001
From: Matthias Wirth <matthias.wirth@gmail.com>
Date: Sat, 12 Oct 2019 06:46:57 +0200
Subject: [PATCH] hopefully closer to layout that i want

---
 html/images/settings-icon.png | Bin 485 -> 8830 bytes
 html/index.html               |  25 +++++++++--------
 html/planeObject.js           |   4 +++
 html/script.js                |  12 ++++++++
 html/style.css                |  51 +++++++++++++++++-----------------
 5 files changed, 56 insertions(+), 36 deletions(-)

diff --git a/html/images/settings-icon.png b/html/images/settings-icon.png
index 2f95e585e3d8394797148714b1ff4115fb8c6c9c..ea62953fb6b32df6c1230d650d25111110b4b0ca 100644
GIT binary patch
literal 8830
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
ADF6Tf

literal 485
zcmV<B0UG{^P)<h;3K|Lk000e1NJLTq000&M000*V1^@s659q(100009a7bBm000XT
z000XT0n*)m`~Uy}mq|oHR5;6}mC;edFc3r^9{zy}5-K3f7J#WBp#n??PywL=paMb#
zgbvJqZYFe)bdXdKKDdB5Y&kQzFH7>Rq`ke>!Dh3eE6l6}%I#RvxGU#iN8l+iOr}mH
zEpj<U1IWnCj>GgYj7K4-iaCEyY-Sbk0<3{2U;$LXMF3s{6QBleef<+CC9VDdo7o6>
zW54*6G>BBJ*gsbPIF?icA1w(>;2C%T-ZQ|}_Tw-t)Pc`6FqZTbiq!|Ez*)L^s+6K_
zM~~YG>bG0Cu9wMl&+GK9irH*dI$#O(k{>@Ll^yzSD)>847r+>}4xso|vmvSJpCRyA
zWb)?w$Rh__?$GMTIp7g+1H5(=GApk{mUqB;Z0RVshc+iOvw_R=D49N&G;gA!4&!?>
zo4RhJr$o@@7PQHP77gn7@d0nyK>$qS(mVLK^ZXRO44-E^a6SS0k&3yu@IFyDnb6!N
zwsteR1Ww(2nrOKKPLlOkNmc99WM=*N?3mdq@OmR@lFKPt42F*Oo_6IN?#SKP3$q34
bd=$O_>5isia8C%500000NkvXXu0mjf;7`==

diff --git a/html/index.html b/html/index.html
index 64fa601..26a9305 100644
--- a/html/index.html
+++ b/html/index.html
@@ -594,24 +594,27 @@
 				<div id="altitude_chart" class="ol-unselectable ol-control altitudeFeet">
 					<button id="altitude_chart_button"></button>
 				</div>
-				<div id="header" class="infoHeading">
+				<div id="header_top" class="infoHeading">
+					<div class="buttonContainer">
+						<span title="(H)ome" class="button buttonHeader" onclick="resetMap();"><span class="buttonText">H</span></span>
+						<span title="All (T)racks" class="button buttonHeader" onclick="selectAllPlanes();"><span class="buttonText">T</span></span>
+					</div>
+				</div>
+				<div id="header_side" class="infoHeading">
 					<div class="buttonContainer">
 						<div id="settingsCog" class="settingsContainer"></div>
-						<div title="(H)ome" class="button buttonHeader" onclick="resetMap();"><span class="buttonText">H</span></div>
-						<div title="Toggle Map (B)rightness" class="button buttonHeader" onclick="toggleMapDim();"><span class="buttonText">B</span></div>
-						<div title="Table: only show aircraft in current (V)iew" class="button buttonHeader" onclick="toggleTableInView();"><span class="buttonText">V</span></div>
-						<div class="buttonSpacer">
-						</div>
-						<div title="All (T)racks" class="button buttonHeader" onclick="selectAllPlanes();"><span class="buttonText">T</span></div>
-						<div title= "(C)lear tracks"class="button buttonHeader" onclick="deselectAllPlanes();"><span class="buttonText">C</span></div>
-						<div title="Toggle (M)ultiSelect" class="button buttonHeader" onclick="toggleMultiSelect();"><span class="buttonText">M</span></div>
-						<div class="buttonSpacer">
-						</div>
 						<div title="Toggle (L)abels" class="button buttonHeader" onclick="toggleLabels();"><span class="buttonText">L</span></div>
 						<div title="Toggle Label Extensi(O)ns" class="button buttonHeader" onclick="toggleExtendedLabels();"><span class="buttonText">O</span></div>
 						<div title="Toggle Trac(K) Labels" class="button buttonHeader" onclick="toggleTrackLabels();"><span class="buttonText">K</span></div>
 						<div class="buttonSpacer">
 						</div>
+						<div title="Toggle Map (B)rightness" class="button buttonHeader" onclick="toggleMapDim();"><span class="buttonText">B</span></div>
+						<div class="buttonSpacer">
+						</div>
+						<div title="Table: only show aircraft in current (V)iew" class="button buttonHeader" onclick="toggleTableInView();"><span class="buttonText">V</span></div>
+						<div title="Toggle (M)ultiSelect" class="button buttonHeader" onclick="toggleMultiSelect();"><span class="buttonText">M</span></div>
+						<div class="buttonSpacer">
+						</div>
 						<div title="Follow a (R)andom plane!" class="button buttonHeader" onclick="followRandomPlane();"><span class="buttonText">R</span></div>
 						<div title="(F)ollow" class="button buttonHeader" onclick="toggleFollowSelected();"><span class="buttonText">F</span></div>
 					</div>
diff --git a/html/planeObject.js b/html/planeObject.js
index a45afa2..ac7b8a5 100644
--- a/html/planeObject.js
+++ b/html/planeObject.js
@@ -150,6 +150,10 @@ PlaneObject.prototype.isFiltered = function() {
 		return true;
 	}
 
+	if (filterTISB && this.dataSource == "tisb") {
+		return true;
+	}
+
 	if (this.filter.minAltitude != undefined && this.filter.maxAltitude != undefined) {
 		if (this.altitude == null) {
 			return true;
diff --git a/html/script.js b/html/script.js
index 999ddbd..b264b87 100644
--- a/html/script.js
+++ b/html/script.js
@@ -43,6 +43,7 @@ var show_squawk_warning_cache = false;
 var tableInView = false;
 var historyOutdated = false;
 var filterMLAT = false;
+var filterTISB = false;
 var sidebar_width = 450;
 
 var SpecialSquawks = {
@@ -1042,6 +1043,9 @@ function initialize_map() {
 			case "M":
 				toggleFilterMLAT();
 				break;
+			case "T":
+				toggleFilterTISB();
+				break;
 			case "k":
 				toggleTrackLabels();
 				break;
@@ -2361,6 +2365,10 @@ function toggleLabels() {
 }
 function toggleExtendedLabels() {
 	extendedLabels = !extendedLabels;
+	if (extendedLabels && !enableLabels) {
+		enableLabels = true;
+		localStorage['enableLabels'] = enableLabels;
+	}
 	localStorage['extendedLabels'] = extendedLabels;
 	for (var key in PlanesOrdered) {
 		PlanesOrdered[key].updateMarker(false);
@@ -2370,6 +2378,10 @@ function toggleFilterMLAT() {
 	filterMLAT = !filterMLAT;
 }
 
+function toggleFilterTISB() {
+	filterTISB = !filterTISB;
+}
+
 function toggleTrackLabels() {
 	trackLabels = !trackLabels;
 	localStorage['trackLabels'] = trackLabels;
diff --git a/html/style.css b/html/style.css
index d58820f..00d8370 100644
--- a/html/style.css
+++ b/html/style.css
@@ -50,7 +50,7 @@ html, body {
 #toggle_sidebar_control {
     display: block;
     position: absolute;
-    top: 6px;
+    top: 3px;
     right: 0px;
 }
 
@@ -77,7 +77,7 @@ html, body {
 #expand_sidebar_control {
     display: block;
     position: absolute;
-    top: 60px;
+    top: 55px;
     right: 0px;
 }
 
@@ -91,9 +91,6 @@ html, body {
     background-position: 0px;
     background-color: transparent;
     border: none;
-}
-
-#expand_sidebar_button {
     background-image: url("images/show_sidebar_active_48x40.png");
 }
 
@@ -102,12 +99,12 @@ html, body {
     cursor: ew-resize;
     display: block;
     position: absolute;
-    top: 110px;
-    left: -24px;
+    top: 108px;
+    left: -30px;
     float: right;
-    width: 24px;
-    height: 25px;
-    background-size: 24px 25px;
+    width: 30px;
+    height: 30px;
+    background-size: 30px 30px;
     background-repeat: no-repeat;
     background-position: 0px;
     background-color: transparent;
@@ -202,7 +199,7 @@ div#loader { z-index: 99; position: absolute; left: 0; top: 0; bottom: 0; right:
 }
 
 .aircraft_table_header { 
-    background-color: #003f4b;
+    background-color: #00596b;
     color: #FFFFFF;
     cursor: pointer;
 }
@@ -260,9 +257,8 @@ select.error, textarea.error, input.error {
 }
 
 .layer-switcher {
-    top: 8px !important;
-    bottom: auto !important;
-    right: 48px !important;
+    top: 3px !important;
+    right: 47px !important;
 }
 
 /* new css */
@@ -366,13 +362,22 @@ select.error, textarea.error, input.error {
     text-decoration: underline;
 }
 
-#header {
+#header_side {
 	position: absolute;
 	right: 0px;
-	top: 130px;
+	top: 140px;
     width: 30pt;
     height: 100%;
-    z-index: 99999;
+    z-index: 9;
+}
+#header_top {
+	text-align: right;
+	position: absolute;
+	right: 90px;
+	top: 0px;
+    width: 100%;
+    height: 30pt;
+    z-index: 9;
 }
 
 .adsbLogo {
@@ -386,12 +391,10 @@ select.error, textarea.error, input.error {
 }
 
 .buttonContainer {
-    margin-top: 2pt;
-    margin-bottom: 2pt;
+	margin: 2pt;
 }
 .buttonSpacer {
-    margin-top: 6pt;
-    margin-bottom: 6pt;
+	margin: 6pt;
 }
 
 .buttonText
@@ -406,7 +409,7 @@ select.error, textarea.error, input.error {
 }
 
 .button {
-    background: #67b6c3;
+    background-color: #00596b;
     width: 22pt;
     height: 22pt;
     border-radius: 2px;
@@ -414,8 +417,6 @@ select.error, textarea.error, input.error {
     -webkit-border-radius: 2px;
     display: inline-block;
 	margin: 4pt;
-	margin-top: 8pt;
-	margin-bottom: 8pt;
     cursor: pointer;
     text-align: center;
 }
@@ -454,7 +455,7 @@ select.error, textarea.error, input.error {
 	margin: 4pt;
 	margin-top: 8pt;
 	margin-bottom: 8pt;
-    background-image: url('images/settings-icon@2x.png');
+    background-image: url('images/settings-icon.png');
     background-size: 22pt;
     background-repeat: no-repeat;
     background-position: center;