From 913fb4e2a398d657411defc2f7a1eb3615ad9d35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?=
 <mateusz.gruszczynski@firma.interia.pl>
Date: Thu, 27 Feb 2025 11:51:17 +0100
Subject: [PATCH] fix css w masowej aktualizacji firmware

---
 templates/devices.html | 34 +++++++++++++++++++++++++---------
 1 file changed, 25 insertions(+), 9 deletions(-)

diff --git a/templates/devices.html b/templates/devices.html
index d66753c..ad62c0b 100644
--- a/templates/devices.html
+++ b/templates/devices.html
@@ -3,20 +3,36 @@
 
 {% block extra_head %}
   <style>
-    #system-update-overlay h3, #reboot-progress-overlay h3 {
-      margin-bottom: 20px;
-    }
+    /* Stylizacja progress bara zgodnie z device_detail.html */
     .progress-container {
       width: 50%;
+      max-width: 400px;
       margin: 20px auto;
       background: #444;
       border-radius: 5px;
+      overflow: hidden;
     }
+
     .progress-bar {
       width: 0%;
       height: 30px;
       background: #4caf50;
       border-radius: 5px;
+      transition: width 0.5s linear;
+    }
+
+    #mass-system-update-overlay, #mass-firmware-update-overlay {
+      display: none;
+      position: fixed;
+      top: 0;
+      left: 0;``````````````````````````
+      width: 100%;
+      height: 100%;
+      background: rgba(0,0,0,0.7);
+      z-index: 1000;
+      color: white;
+      text-align: center;
+      padding-top: 200px;
     }
   </style>
 {% endblock %}
@@ -100,18 +116,18 @@
   </table>
 </form>
 
-<!-- Overlay dla masowej aktualizacji systemu (5 minut) -->
-<div id="mass-system-update-overlay" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1000; color:white; text-align:center; padding-top:200px;">
-  <h3>Masowa aktualizacja systemu rozpoczęta...</h3>
+<!-- Overlay dla masowej aktualizacji systemu -->
+<div id="mass-system-update-overlay">
+  <h3>Aktualizacja systemu rozpoczęta...</h3>
   <div class="progress-container">
     <div id="mass-system-progress" class="progress-bar"></div>
   </div>
   <p id="mass-system-timer">300 sekund</p>
 </div>
 
-<!-- Overlay dla masowej aktualizacji firmware (2 minuty) -->
-<div id="mass-firmware-update-overlay" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1000; color:white; text-align:center; padding-top:200px;">
-  <h3>Masowa aktualizacja firmware (reboot) rozpoczęta...</h3>
+<!-- Overlay dla restartu po aktualizacji firmware -->
+<div id="mass-firmware-update-overlay">
+  <h3>Restart urządzeń po aktualizacji firmware...</h3>
   <div class="progress-container">
     <div id="mass-firmware-progress" class="progress-bar"></div>
   </div>