Start starting/stopping indicator, reload indicator on status changes (…

…#168) * re-load unit status * lint
bitsy-ai · Jul 13, 2023 · b2842ef · b2842ef
1 parent 23edfef
commit b2842ef
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 12 deletions.
diff --git a/src/components/WidgetStatus.vue b/src/components/WidgetStatus.vue
@@ -12,6 +12,28 @@
       ></div>
       <span class="text-grey-600">Active</span>
     </div>
+    <div
+      class="flex items-center space-x-3 font-medium text-gray-600 justify-self-start"
+      v-else-if="store.unit?.active_state == SystemdUnitActiveState.ACTIVATING"
+    >
+      <div
+        class="bg-blue-500 flex-shrink-0 w-2.5 h-2.5 rounded-full"
+        aria-hidden="true"
+      ></div>
+      <span class="text-grey-600">Starting</span>
+    </div>
+    <div
+      class="flex items-center space-x-3 font-medium text-gray-600 justify-self-start"
+      v-else-if="
+        store.unit?.active_state == SystemdUnitActiveState.DEACTIVATING
+      "
+    >
+      <div
+        class="bg-blue-500 flex-shrink-0 w-2.5 h-2.5 rounded-full"
+        aria-hidden="true"
+      ></div>
+      <span class="text-grey-600">Stopping</span>
+    </div>
     <div
       class="flex items-center space-x-3 font-medium text-gray-600 justify-self-start"
       v-else-if="store.unit?.active_state == SystemdUnitActiveState.INACTIVE"

diff --git a/src/stores/systemdService.ts b/src/stores/systemdService.ts
@@ -127,6 +127,7 @@ export const useSystemdServiceStore = (
             );
           }
         }
+        await this.load();
       },
       async enableService() {
         // get nats connection (awaits until NATS server is available)
@@ -173,7 +174,6 @@ export const useSystemdServiceStore = (
               res.changes
             );
           }
-
           await this.startService();
         }
       },
@@ -225,6 +225,7 @@ export const useSystemdServiceStore = (
             console.log(`Started ${widget.service}, start job id:`, res.job);
           }
         }
+        await this.load();
       },
 
       async stopService(notify: boolean) {
@@ -274,9 +275,10 @@ export const useSystemdServiceStore = (
               );
             }
 
-            console.log(`Started ${widget.service}, start job id:`, res.job);
+            console.log(`Stopped ${widget.service}, start job id:`, res.job);
           }
         }
+        await this.load();
       },
 
       async restartService(notify: boolean) {

diff --git a/src/utils/browser.ts b/src/utils/browser.ts
@@ -1,20 +1,20 @@
-import { detect } from "detect-browser"
+import { detect } from "detect-browser";
 import { error } from "@/stores/alerts";
 
-const SUPPORTED_BROWSERS = [
-  "chrome",
-  "chromium-webview",
-]
+const SUPPORTED_BROWSERS = ["chrome", "chromium-webview"];
 
 function checkBrowserSupport(): boolean {
   const browser = detect();
   if (browser && SUPPORTED_BROWSERS.includes(browser.name)) {
-    return true
+    return true;
   }
-  error(`Your browser (${browser?.name}) is not supported`, `Please re-open this page using Google Chrome: https://www.google.com/chrome/
+  error(
+    `Your browser (${browser?.name}) is not supported`,
+    `Please re-open this page using Google Chrome: https://www.google.com/chrome/
 
-  Track support for other browsers by subscribing to this issue: https://github.com/bitsy-ai/printnanny-os/issues/281`)
-  return false
+  Track support for other browsers by subscribing to this issue: https://github.com/bitsy-ai/printnanny-os/issues/281`
+  );
+  return false;
 }
 
-export { checkBrowserSupport }
+export { checkBrowserSupport };