From 664df234686fc09c6d7d5f1f431695835c0990b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laura=20Kl=C3=BCnder?= <laura@codingcatgirl.de>
Date: Sat, 2 Dec 2023 02:03:05 +0100
Subject: [PATCH] hide progress when we're done or failed

---
 src/c3nav/mesh/templates/mesh/fragment_mesh_websocket.html | 1 +
 src/c3nav/mesh/templates/mesh/ota_detail.html              | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/c3nav/mesh/templates/mesh/fragment_mesh_websocket.html b/src/c3nav/mesh/templates/mesh/fragment_mesh_websocket.html
index 087c7968..03e72eb0 100644
--- a/src/c3nav/mesh/templates/mesh/fragment_mesh_websocket.html
+++ b/src/c3nav/mesh/templates/mesh/fragment_mesh_websocket.html
@@ -148,6 +148,7 @@ function connect() {
                         row.querySelectorAll('.auto-apply').forEach(x => x.remove());
                         row.querySelectorALL('.auto-reboot').forEach(x => x.remove());
                         row.querySelectorAll('button').forEach(x => x.remove());
+                        row.querySelectorAll('.progress').forEach(x => x.remove());
                     }
                     if (data.status === 'canceled') {
                         row.querySelectorAll('.device_status').forEach(x => x.remove());
diff --git a/src/c3nav/mesh/templates/mesh/ota_detail.html b/src/c3nav/mesh/templates/mesh/ota_detail.html
index cae3ef49..23b1134c 100644
--- a/src/c3nav/mesh/templates/mesh/ota_detail.html
+++ b/src/c3nav/mesh/templates/mesh/ota_detail.html
@@ -33,10 +33,11 @@
                         <span class="auto-reboot"><strong>auto reboot:</strong> <a href="#"></a><br></span>
                     </td>
                     <td>
+                        <span class="progress">
                         <span class="received_bytes">??</span> of <span class="total_bytes">{{ update.build.binary.size }}</span> bytes
                         <br>
                         <progress id="file" max="{{ update.build.binary.size }}" value="0"></progress>
-                        <br>
+                        <br></span>
                         <button name="cancel">cancel</button> <button name="apply">apply</button> <button name="reboot"><span class="apply_and">apply &amp; </span>reboot</button>
                     </td>
                 </tr>