NEW MODAL FIX OSTATECZNY1

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);