From 918e3599e61d10ca512efe821fe4c6b5a7c50213 Mon Sep 17 00:00:00 2001
From: jkl <sagitta1618@gmail.com>
Date: Tue, 28 Nov 2023 20:57:03 +0100
Subject: [PATCH] Add warning for 'Clear data' in HTML interface

---
 index.html | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index cc08146b..5077a266 100755
--- a/index.html
+++ b/index.html
@@ -30,7 +30,8 @@ mosquitto_sub -h raspberrypi.local -t ohmpi_0001/ctrl
         <button id='runBtn' type="button" class="btn btn-primary">&#9654</button>
         <button id='stopBtn' type="button" class="btn btn-warning">&#9724</button>
         <!-- upload button for csv which display the table ABMN -->
-        <button id="removeDataBtn" type="button" class="btn btn-danger">Clear data</button>
+        <!-- <button id="removeDataBtn" type="button" class="btn btn-danger">Clear data</button> -->
+        <button id="rmDataModal" type="button" class="btn btn-danger" data-toggle="modal" data-target="#rmModal">Clear data</button>
         <button id="getDataBtn" type="button" class="btn btn-info">Get data</button>
         <div class="form-check">
             <input id="dataRetrievalCheck" class="form-check-input" type="checkbox" value="">
@@ -149,6 +150,28 @@ mosquitto_sub -h raspberrypi.local -t ohmpi_0001/ctrl
             </div>
             </div>
         </div>
+
+        <!-- Modal for removing data -->
+        <div class="modal fade" id="rmModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+            <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Data clearing</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+                </div>
+                <div class="modal-body">
+                    <p>Are you sure you want to remove all data?</p>
+                    <p>Data can be downloaded as .zip at the bottom of the page.</p>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
+                    <button id="removeDataBtn" type="button" class="btn btn-danger">Clear data</button>
+                </div>
+            </div>
+            </div>
+        </div>
         <footer>v0.3.0</footer>
     </div>
 
-- 
GitLab