From 4901fd516653813916cd5cabf1d9e3a0864e050a Mon Sep 17 00:00:00 2001
From: Naiel <109038805+naielv@users.noreply.github.com>
Date: Thu, 29 May 2025 15:05:46 +0200
Subject: [PATCH] fixing stuff

---
 index.html                | 7 +++++++
 static/doublescroll.js    | 2 +-
 static/ico/connect_ko.svg | 1 +
 static/ico/connect_ok.svg | 1 +
 sw.js                     | 2 +-
 5 files changed, 11 insertions(+), 2 deletions(-)
 create mode 100644 static/ico/connect_ko.svg
 create mode 100644 static/ico/connect_ok.svg

diff --git a/index.html b/index.html
index ef8c4fc..687d9d6 100644
--- a/index.html
+++ b/index.html
@@ -374,6 +374,7 @@
         </button>
       </details>
     </footer> -->
+    <img id="connectStatus" style="bottom: 15px; right: 15px; position: fixed;">
   </main>
   <script src="static/showdown.min.js"></script>
   <script src="static/jquery.js"></script>
@@ -527,6 +528,12 @@
       });
       peerListEl.innerHTML = list.innerHTML;
       peerCountEl.innerText = peerCount;
+      if (peerCount < 2){
+        document.getElementById("connectStatus").src = "static/connect_ko.svg"
+      } else {
+        document.getElementById("connectStatus").src = "static/connect_ok.svg"
+        
+      }
     }
     getPeers();
     setInterval(() => {
diff --git a/static/doublescroll.js b/static/doublescroll.js
index 5d40067..ebb4b79 100644
--- a/static/doublescroll.js
+++ b/static/doublescroll.js
@@ -104,7 +104,7 @@
 			
 			// set the width of the wrappers
 			$(options.topScrollBarInnerSelector, $topScrollBar).width($contentElement.outerWidth());
-			$topScrollBar.width($self.width());
+			$topScrollBar.width("100%");
 			$topScrollBar.scrollLeft($self.scrollLeft());
 			
 		}
diff --git a/static/ico/connect_ko.svg b/static/ico/connect_ko.svg
new file mode 100644
index 0000000..9c8031c
--- /dev/null
+++ b/static/ico/connect_ko.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 512"><circle fill="#EF4136" transform="rotate(45 -181.019 437.02) scale(3.28877)" r="77.84"/><path fill="#fff" d="m162.03 311.94-28.73 28.73 39.61 39.62 29.11-29.12c30.83 25.41 60.09 27.74 87.12 18.45L143.65 224.13c-9.12 26.74-6.66 55.93 18.38 87.81zm-31.46-150.11c-6.42-6.42-6.42-16.83 0-23.25 6.42-6.42 16.83-6.42 23.25 0l27.22 27.22c9.99-11.21 20.7-21.87 30.85-32.03l21.7 21.69 49.46-49.45c8.33-8.34 21.98-8.34 30.32 0 8.33 8.33 8.33 21.98 0 30.31l-49.47 49.47 63.1 63.09 49.46-49.46c8.34-8.34 21.98-8.34 30.32 0s8.33 21.98 0 30.31l-49.47 49.46 22.5 22.5c-10 10-20.74 20.7-32.14 30.74L375 359.76c6.42 6.41 6.42 16.83 0 23.25-6.42 6.41-16.84 6.41-23.25 0L130.57 161.83z"/></svg>
\ No newline at end of file
diff --git a/static/ico/connect_ok.svg b/static/ico/connect_ok.svg
new file mode 100644
index 0000000..1d62ffc
--- /dev/null
+++ b/static/ico/connect_ok.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 512"><circle fill="#01A437" transform="rotate(45 -181.019 437.02) scale(3.28877)" r="77.84"/><path fill="#fff" d="m162.27 317.75-30.92 30.65 39.62 39.61 31.29-31.03c69.87 57.6 131.69-3.38 177.78-49.48L357.55 285l49.47-49.45c8.33-8.33 8.33-21.98 0-30.32-8.34-8.34-21.99-8.33-30.32 0l-49.46 49.46-63.1-63.09 49.46-49.47c8.34-8.33 8.34-21.98 0-30.31-8.34-8.34-21.98-8.34-30.32 0l-49.46 49.46-21.69-21.7c-47.36 47.36-106.64 105.87-49.86 178.17z"/></svg>
\ No newline at end of file
diff --git a/sw.js b/sw.js
index 28c2177..f6a4087 100644
--- a/sw.js
+++ b/sw.js
@@ -1,4 +1,4 @@
-var cacheName = 'telesec_2025-05-29_7';
+var cacheName = 'telesec_2025-05-29_9';
 
 self.addEventListener('install', event => {
   event.waitUntil(