Fix refresh

Resolves #302
mieweb · Sep 9, 2022 · 3a64088 · 3a64088
1 parent 75ab73f
commit 3a64088
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/apps/ui/assets/components/FilesTree.vue b/apps/ui/assets/components/FilesTree.vue
@@ -7,7 +7,7 @@
       </div>
     </li>
   </ul>
-  <FilesTreeLeaf folderPath="/" v-if="!notRegistered" @selected="$emit('selected', $event)" />
+  <FilesTreeLeaf folderPath="/" v-if="!notRegistered" @selected="$emit('selected', $event)" ref="rootLeaf" />
 </template>
 <script>
 import {UtilsMixin} from './UtilsMixin.mjs';
@@ -34,6 +34,9 @@ export default {
     }
   },
   methods: {
+    refresh() {
+      this.$refs.rootLeaf.fetchFolder();
+    }
   },
   emits: ['collapse', 'sync'],
   mounted() {

diff --git a/apps/ui/assets/components/FilesTreeLeaf.vue b/apps/ui/assets/components/FilesTreeLeaf.vue
@@ -63,19 +63,19 @@ export default {
     }
   },
   created() {
-    this.fetchFolder(this.driveId, this.folderPath);
+    this.fetchFolder();
   },
   watch: {
     $route() {
-      this.fetchFolder(this.driveId, this.folderPath);
+      this.fetchFolder();
     }
   },
   methods: {
     isExpanded(file) {
       return !!this.expanded[file.fileName];
     },
-    async fetchFolder(driveId, filePath) {
-      const pathContent = await this.FileClientService.getFile('/' + driveId + filePath);
+    async fetchFolder() {
+      const pathContent = await this.FileClientService.getFile('/' + this.driveId + this.folderPath);
       this.files = pathContent.files || [];
       this.expanded = {};
       for (const file of this.files) {

diff --git a/apps/ui/assets/pages/FolderView.vue b/apps/ui/assets/pages/FolderView.vue
@@ -9,7 +9,7 @@
     </template>
 
     <template v-slot:sidebar="{ collapse }">
-      <FilesTree :folder-path="folderPath" :not-registered="notRegistered" v-if="sidebar" @collapse="collapse" @sync="syncSingle"  />
+      <FilesTree :folder-path="folderPath" :not-registered="notRegistered" v-if="sidebar" @collapse="collapse" @sync="syncSingle" ref="filesTree" />
     </template>
 
     <template v-slot:default>
@@ -111,6 +111,7 @@ export default {
     async active_job() {
       if (this.active_job === '') {
         await this.fetch();
+        await this.$refs.filesTree.refresh();
       }
     }
   },