From 2e415364f751d79238af48f62225d046ab6060db Mon Sep 17 00:00:00 2001
From: Roman Davydov <15850461+rdavydov@users.noreply.github.com>
Date: Wed, 7 Jun 2023 01:08:22 +0300
Subject: [PATCH] headerVisibility setting in localStorage

---
 assets/charts.html |  8 --------
 assets/script.js   | 27 ++++++++++++++++++++++++++-
 2 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/assets/charts.html b/assets/charts.html
index d017247..2853870 100644
--- a/assets/charts.html
+++ b/assets/charts.html
@@ -198,14 +198,6 @@
     }
     var refresh = parseInt("{{ refresh }}");
     var daysAgo = parseInt("{{ daysAgo }}");
-
-    $('#toggle-header').change(function () {
-        if (this.checked) {
-            $('#header').show();
-        } else {
-            $('#header').hide();
-        }
-    });  
 </script>
 <script type="text/javascript" src="{{url_for('static', filename='script.js')}}"></script>
 
diff --git a/assets/script.js b/assets/script.js
index c5b4d4b..61599a4 100644
--- a/assets/script.js
+++ b/assets/script.js
@@ -92,6 +92,31 @@ startDate.setDate(startDate.getDate() - daysAgo);
 var endDate = new Date();
 
 $(document).ready(function () {
+    // Retrieve the saved header visibility preference from localStorage
+    var headerVisibility = localStorage.getItem('headerVisibility');
+
+    // Set the initial header visibility based on the saved preference or default to 'visible'
+    if (headerVisibility === 'hidden') {
+        $('#toggle-header').prop('checked', false);
+        $('#header').hide();
+    } else {
+        $('#toggle-header').prop('checked', true);
+        $('#header').show();
+    }
+
+    // Handle the toggle header change event
+    $('#toggle-header').change(function () {
+        if (this.checked) {
+            $('#header').show();
+            // Save the header visibility preference as 'visible' in localStorage
+            localStorage.setItem('headerVisibility', 'visible');
+        } else {
+            $('#header').hide();
+            // Save the header visibility preference as 'hidden' in localStorage
+            localStorage.setItem('headerVisibility', 'hidden');
+        }
+    });
+
     chart.render();
 
     if (!localStorage.getItem("annotations")) localStorage.setItem("annotations", true);
@@ -179,7 +204,7 @@ function renderStreamers() {
         streamersList.forEach((streamer, index, array) => {
             displayname = streamer.name.replace(".json", "");
             if (sortField == 'points') displayname = "<font size='-2'>" + streamer['points'] + "</font>&nbsp;" + displayname;
-            else if (sortField == 'last_activity') displayname = "<font size='-2'>" + formatDate(streamer['last_activity']) + "</font>&nbsp;"+ displayname;
+            else if (sortField == 'last_activity') displayname = "<font size='-2'>" + formatDate(streamer['last_activity']) + "</font>&nbsp;" + displayname;
             $("#streamers-list").append(`<li><a onClick="changeStreamer('${streamer.name}', ${index + 1}); return false;">${displayname}</a></li>`);
             if (index === array.length - 1) resolve();
         });