From b516ee9e52eeb3f5685c6346b4a9d94cc9259b79 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:54:22 +0100
Subject: [PATCH] NEW MODAL FIX OSTATECZNY1

---
 templates/server_list.html | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/templates/server_list.html b/templates/server_list.html
index adefd0a..77b2578 100644
--- a/templates/server_list.html
+++ b/templates/server_list.html
@@ -139,13 +139,14 @@
 
 
 
+
 <div class="mt-3 text-center">
   <a href="{{ url_for('add_server') }}" class="btn btn-secondary">Dodaj nowy serwer</a>
   <a href="{{ url_for('import_servers') }}" class="btn btn-secondary">Importuj z CSV</a>
   <a href="{{ url_for('export_servers_to_csv') }}" class="btn btn-secondary">Eksportuj do CSV</a>
 </div>
 
-
+<!-- Modal z informacjami -->
 <div class="modal fade" id="serverInfoModal" tabindex="-1" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered">
     <div class="modal-content">
@@ -154,10 +155,23 @@
         <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
       </div>
       <div class="modal-body">
-        <p><strong>Host:</strong> <span id="modal-hostname"></span> (<span id="modal-ip"></span>)</p>
-        <p><strong>CPU:</strong> <span id="modal-cpu"></span>%</p>
-        <p><strong>Pamięć:</strong> <span id="modal-mem"></span>%</p>
-        <p><strong>Dysk:</strong> <span id="modal-disk"></span>%</p>
+        <p><strong>Host:</strong> <span id="modal-hostname"></span></p>
+        
+        <label><strong>CPU:</strong></label>
+        <div class="progress mb-3">
+          <div id="modal-cpu" class="progress-bar" role="progressbar"></div>
+        </div>
+
+        <label><strong>Pamięć:</strong></label>
+        <div class="progress mb-3">
+          <div id="modal-mem" class="progress-bar bg-warning" role="progressbar"></div>
+        </div>
+
+        <label><strong>Dysk:</strong></label>
+        <div class="progress mb-3">
+          <div id="modal-disk" class="progress-bar bg-success" role="progressbar"></div>
+        </div>
+
         <p><strong>Czas działania:</strong> <span id="modal-uptime"></span></p>
       </div>
       <div class="modal-footer">
@@ -168,8 +182,8 @@
 </div>
 
 {% endblock %}
-{% block extra_js %}
 
+{% block extra_js %}
 <script>
 function secondsToDhms(seconds) {
   seconds = Math.floor(seconds);