From f2cfa9faf88da58607ff369ba3e4f18e81f234ba Mon Sep 17 00:00:00 2001
From: Joe Knapper <jaknapper@hotmail.com>
Date: Wed, 21 Feb 2024 17:45:39 +0000
Subject: [PATCH] Working delete all and auto reload when deleting or opening
 tab

---
 .../tabContentComponents/scanListContent.vue         | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/webapp/src/components/tabContentComponents/scanListContent.vue b/webapp/src/components/tabContentComponents/scanListContent.vue
index 917f0c26..efd52abc 100644
--- a/webapp/src/components/tabContentComponents/scanListContent.vue
+++ b/webapp/src/components/tabContentComponents/scanListContent.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="galleryDisplay uk-padding uk-padding-remove-top">
+  <div 
+    v-observe-visibility="visibilityChanged"
+    class="galleryDisplay uk-padding uk-padding-remove-top"
+    >
     <!-- Gallery nav bar -->
     <nav
       class="gallery-navbar uk-navbar-container uk-navbar-transparent"
@@ -152,10 +155,15 @@ export default {
   },
 
   methods: {
+    visibilityChanged(isVisible) {
+      if (isVisible) {
+        this.updateScans();
+      }
+    },
     async updateScans() {
       let scans = await this.readThingProperty("smart_scan", "scans");
       if (!scans | scans.length == 0) {
-        return;
+        this.scans = scans;
       }
       scans.forEach(scan => {
         scan.modified = Date.parse(scan.modified);