gru/routeros_update
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix css w masowej aktualizacji firmware

Browse Source
This commit is contained in:
Mateusz Gruszczyński 2025-02-27 11:51:17 +01:00
parent 79e9dbd5d2
commit 913fb4e2a3
1 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
templates/devices.html
View File

@ -3,20 +3,36 @@
{% block extra_head %} {% block extra_head %}
<style> <style>
#system-update-overlay h3, #reboot-progress-overlay h3 { /* Stylizacja progress bara zgodnie z device_detail.html */
margin-bottom: 20px;
}
.progress-container { .progress-container {
width: 50%; width: 50%;
max-width: 400px;
margin: 20px auto; margin: 20px auto;
background: #444; background: #444;
border-radius: 5px; border-radius: 5px;
overflow: hidden;
} }
.progress-bar { .progress-bar {
width: 0%; width: 0%;
height: 30px; height: 30px;
background: #4caf50; background: #4caf50;
border-radius: 5px; 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> </style>
{% endblock %} {% endblock %}
@ -100,18 +116,18 @@
</table> </table>
</form> </form>
<!-- Overlay dla masowej aktualizacji systemu (5 minut) --> <!-- Overlay dla masowej aktualizacji systemu -->
<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;"> <div id="mass-system-update-overlay">
<h3>Masowa aktualizacja systemu rozpoczęta...</h3> <h3>Aktualizacja systemu rozpoczęta...</h3>
<div class="progress-container"> <div class="progress-container">
<div id="mass-system-progress" class="progress-bar"></div> <div id="mass-system-progress" class="progress-bar"></div>
</div> </div>
<p id="mass-system-timer">300 sekund</p> <p id="mass-system-timer">300 sekund</p>
</div> </div>
<!-- Overlay dla masowej aktualizacji firmware (2 minuty) --> <!-- Overlay dla restartu po aktualizacji firmware -->
<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;"> <div id="mass-firmware-update-overlay">
<h3>Masowa aktualizacja firmware (reboot) rozpoczęta...</h3> <h3>Restart urządzeń po aktualizacji firmware...</h3>
<div class="progress-container"> <div class="progress-container">
<div id="mass-firmware-progress" class="progress-bar"></div> <div id="mass-firmware-progress" class="progress-bar"></div>
</div> </div>