ui 2

Author: Huusky

cachebust.list

@@ -1,4 +1,6 @@
 images/sprites.png
+ui2.js
+ui2.css
 dbloader.js
 defaults.js
 early.js

html/early.js

@@ -800,6 +800,8 @@ Toggle.prototype.toggle = function(override, init) {
         }
     }
 
+    TAR && TAR.newUI && TAR.newUI.active && TAR.newUI.syncToggle(this.key, this.state);
+
     if (!init)
         loStore[this.key] = this.state;
 }

html/index.html

@@ -16,6 +16,7 @@
     <link rel="stylesheet" href="libs/ol-8.2.0.css" type="text/css" />
     <link rel="stylesheet" href="libs/ol-layerswitcher-4.1.1.css" type="text/css"/>
     <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="ui2.css" type="text/css" />
 
     <link rel="icon" type="image/png" href="images/tar1090-favicon.png">
 
@@ -1089,6 +1090,7 @@ <h2>Improve Coverage:<br><a class="largeText" target="_blank" href="https://airp
     <script src="layers.js"></script>
     <script src="geomag2020.js"></script>
     <script src="markers.js"></script>
+    <script src="ui2.js"></script>
 
     <!-- JS_ANCHOR3 -->
     <script>let spriteSrc = 'images/sprites.png';</script>

html/markers.js

@@ -1413,6 +1413,7 @@ function iconTest() {
     jQuery('#splitter').hide();
     jQuery('#tabs').hide();
     jQuery('#filterButton').hide();
+    jQuery('.ui2-chrome').hide();
     jQuery('.ol-control').hide();
     jQuery('.ol-attribution').show();
     jQuery("#loader").addClass("hidden");

html/script.js

@@ -773,6 +773,8 @@ function initialize() {
 
         processQueryToggles();
 
+        TAR.newUI && TAR.newUI.init();
+
         jQuery.when(historyQueued).done(push_history);
 
         if (!nHistoryItems) {
@@ -2645,6 +2647,7 @@ function ol_map_init() {
     });
 
     OLMap.on(['click', 'dblclick'], function(evt) {
+        if (TAR.newUI && TAR.newUI.measureActive) return;
         let trailHex = null;
         let trailTS = null;
         let planeHex = null;
@@ -2794,6 +2797,7 @@ function showHideButtons() {
         jQuery('#filterButton').hide();
         jQuery('.ol-zoom').hide();
         jQuery('.layer-switcher').hide();
+        jQuery('.ui2-chrome').hide();
     } else {
         jQuery('#header_top').show();
         jQuery('#header_side').show();
@@ -2802,6 +2806,7 @@ function showHideButtons() {
         jQuery('#filterButton').show();
         jQuery('.ol-zoom').show();
         jQuery('.layer-switcher').show();
+        jQuery('.ui2-chrome').show();
     }
 }
 
@@ -3209,6 +3214,12 @@ function initMap() {
                 loStore['noMLAT'] = noMLAT;
                 console.log('noMLAT = ' + noMLAT);
                 break;
+            case "/":
+                if (TAR.newUI && TAR.newUI.active) {
+                    TAR.newUI.focusSearch();
+                    e.preventDefault();
+                }
+                break;
         }
     }, true);
 
@@ -4968,6 +4979,7 @@ function buttonActive(id, state) {
         jQuery(id).addClass('inActiveButton');
         jQuery(id).removeClass('activeButton');
     }
+    TAR.newUI && TAR.newUI.active && TAR.newUI.syncButton(id, state);
 }
 
 function toggleIsolation(state, noRefresh) {
@@ -8065,10 +8077,11 @@ function initReplay(chunk, data) {
 }
 
 function setReplayTimeHint(date) {
+    jQuery('#replayTimeZone').html('');
     if (true || utcTimesHistoric) {
-        jQuery("#replayDateHintLocal").html(TIMEZONE + " Date: " + lDateString(date));
-        jQuery("#replayDateHint").html("" + zDateString(date));
-        jQuery("#replayTimeHint").html("UTC:" + NBSP + zuluTime(date) + ' / ' + TIMEZONE + ":" + NBSP + localTime(date));
+        jQuery("#replayDateHint").html("UTC: " + zDateString(date) + '<br/>' + TIMEZONE + ": " + lDateString(date));
+        //jQuery("#replayDateHintLocal").html(TIMEZONE + " Date: " + lDateString(date));
+        jQuery("#replayTimeHint").html("UTC:" + NBSP + zuluTime(date) + '<br/>' + TIMEZONE + ":" + NBSP + localTime(date));
     } else {
         jQuery("#replayDateHintLocal").html("");
         jQuery("#replayDateHint").html("Date: " + lDateString(date));