From 31be9a66bc16c22b18dd3dc19fcc5f0eb32d3a93 Mon Sep 17 00:00:00 2001
From: Mashintime <awh@brainless.us>
Date: Tue, 4 Jul 2023 13:49:23 -0400
Subject: [PATCH] Add spinner for database maintenance

---
 gui/main.js         | 5 +++++
 gui/preload-chat.js | 1 +
 gui/preload-main.js | 5 +++++
 gui/src/index.html  | 3 ++-
 4 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/gui/main.js b/gui/main.js
index 1e937fb4..03ea87fd 100644
--- a/gui/main.js
+++ b/gui/main.js
@@ -416,6 +416,11 @@ ipcMain.on("request-clear-chat-connected", () => {
   chat.webContents.send("action-clear-reception-status");
 });
 
+ipcMain.on("request-update-dbclean-spinner", () => {
+  //Turn off dbclean spinner
+  win.webContents.send("action-update-dbclean-spinner");
+});
+
 // UPDATE TNC CONNECTION
 ipcMain.on("request-update-tnc-ip", (event, data) => {
   win.webContents.send("action-update-tnc-ip", data);
diff --git a/gui/preload-chat.js b/gui/preload-chat.js
index d653d6d4..553e4a92 100644
--- a/gui/preload-chat.js
+++ b/gui/preload-chat.js
@@ -2913,4 +2913,5 @@ async function dbClean() {
       itemCount +
       " items removed from database.  It's recommended you now restart the GUI."
   );
+  ipcRenderer.send("request-update-dbclean-spinner");
 }
diff --git a/gui/preload-main.js b/gui/preload-main.js
index ce00363b..bcf99f48 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -1657,6 +1657,7 @@ window.addEventListener("DOMContentLoaded", () => {
 
   // btnCleanDB button clicked
   document.getElementById("btnCleanDB").addEventListener("click", () => {
+    document.getElementById("divCleanDBSpinner").classList.remove("invisible");
     ipcRenderer.send("request-clean-db");
   });
 
@@ -1855,6 +1856,10 @@ function connectedStation(data) {
     prefix + data.dxcallsign;
 }
 
+//Called by chat to turn off db clean spinner
+ipcRenderer.on("action-update-dbclean-spinner",() =>{
+    document.getElementById("divCleanDBSpinner").classList.add("invisible");
+});
 //Listen for events caused by tnc 'tnc-message' rx
 ipcRenderer.on("action-update-reception-status", (event, arg) => {
   var data = arg["data"][0];
diff --git a/gui/src/index.html b/gui/src/index.html
index 55895522..52dee847 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -3830,7 +3830,8 @@
                       type="button"
                     >
                       Clean
-                    </button>
+                    </button>&nbsp;
+                    <div  class="spinner-border text-warning invisible" role="status" id="divCleanDBSpinner"></div>
                   </label>
                 </div>
                 <div class="center">