From d003683cd2161e099027b3c1083ded10de21379b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?= <gru@macbook.net.r.local>
Date: Sun, 9 Mar 2025 14:50:11 +0100
Subject: [PATCH] NEW MODAL informacje o serwerze

---
 templates/server_list.html | 69 ++++++++++++++++----------------------
 1 file changed, 28 insertions(+), 41 deletions(-)

diff --git a/templates/server_list.html b/templates/server_list.html
index 6dbf61e..d1a6fb4 100644
--- a/templates/server_list.html
+++ b/templates/server_list.html
@@ -180,48 +180,35 @@
 </div>
 {% endblock %}
 {% block extra_js %}
+{% block extra_js %}
 <script>
-  function secondsToDhms(seconds) {
-      seconds = Number(seconds);
-      const d = Math.floor(seconds / (3600*24));
-      const h = Math.floor(seconds % (3600*24) / 3600);
-      const m = Math.floor(seconds % 3600 / 60);
-      const s = Math.floor(seconds % 60);
-      return `${d} dni, ${h} godz, ${m} min, ${s} sek`;
-  }
-  
-  document.querySelectorAll('.test-daemon-btn').forEach(btn => {
-    btn.addEventListener('click', function() {
-      const hostId = this.dataset.hostId;
-      fetch(`/server-info/${hostId}`)
-        .then(res => res.json())
-        .then(data => {
-          if (data.error) {
-            alert(`Błąd: ${data.error}`);
-            return;
-          }
-          document.querySelector('#modal-hostname').textContent = data.hostname;
-          document.querySelector('#modal-ip').textContent = data.ip;
-          
-          const cpu = document.querySelector('#modal-cpu');
-          cpu.style.width = `${data.cpu}%`;
-          cpu.textContent = `${data.cpu}%`;
-  
-          const mem = document.querySelector('#modal-mem');
-          mem.style.width = `${data.mem}%`;
-          mem.textContent = `${data.mem}%`;
-  
-          const disk = document.querySelector('#modal-disk');
-          disk.style.width = `${data.disk}%`;
-          disk.textContent = `${data.disk}%`;
-  
-          document.querySelector('#modal-uptime').textContent = secondsToDhms(data.uptime_seconds);
-  
-          new bootstrap.Modal(document.getElementById('serverInfoModal')).show();
-        })
-        .catch(() => alert('Błąd podczas pobierania danych.'));
-    });
+function secondsToDhms(seconds) {
+  seconds = Math.floor(seconds);
+  const d = Math.floor(seconds / (3600*24));
+  const h = Math.floor(seconds % (3600*24) / 3600);
+  const m = Math.floor(seconds % 3600 / 60);
+  const s = Math.floor(seconds % 60);
+  return `${d} dni, ${h} godz, ${m} min, ${s} sek`;
+}
+
+document.querySelectorAll('.test-daemon-btn').forEach(btn => {
+  btn.addEventListener('click', function() {
+    fetch(`/server-info/${this.dataset.hostId}`)
+      .then(res => res.json())
+      .then(data => {
+        if (data.error) return alert(`Błąd: ${data.error}`);
+        document.getElementById('modal-hostname').textContent = data.hostname;
+        document.getElementById('modal-ip').textContent = data.ip;
+        document.getElementById('modal-cpu').textContent = data.cpu;
+        document.getElementById('modal-mem').textContent = data.mem;
+        document.getElementById('modal-disk').textContent = data.disk;
+        document.getElementById('modal-uptime').textContent = secondsToDhms(data.uptime_seconds);
+        new bootstrap.Modal(document.getElementById('serverInfoModal')).show();
+      })
+      .catch(() => alert('Błąd podczas pobierania danych.'));
   });
-  </script>
+});
+</script>
+{% endblock %}
   
 {% endblock %}
\ No newline at end of file