Frontend: Fix not showing permissions

riotkit-org · Apr 30, 2021 · 5d96070 · 5d96070
1 parent cb5194c
commit 5d96070
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 7 deletions.
diff --git a/frontend/src/components/Collections/PermissionsList.vue b/frontend/src/components/Collections/PermissionsList.vue
@@ -52,6 +52,9 @@ export default {
             showCreationForm: true
         }
     },
+    mounted() {
+        this.refreshPermissions()
+    },
     methods: {
         /**
          * Updates permissions of a user that already has access to the collection
@@ -139,11 +142,10 @@ export default {
             this.$backupCollectionBackend().findAuthorizedUsersAndRoles(this.collection).then(function (users) {
                 that.users = users
             })
-        }
-    },
-    watch: {
-        'collection.id': function () {
-            if (!this.collection.id) {
+        },
+
+        refreshPermissions() {
+            if (!this.collection.id || !this.collection) {
                 return
             }
 
@@ -156,6 +158,15 @@ export default {
 
             this.refreshAccessList()
         }
+    },
+    watch: {
+        'collection.id': function () {
+            this.refreshPermissions()
+        },
+
+        'collection': function () {
+            this.refreshPermissions()
+        }
     }
 }
 </script>
diff --git a/frontend/src/pages/BackupCollectionDetails.vue b/frontend/src/pages/BackupCollectionDetails.vue
@@ -2,7 +2,7 @@
     <div class="content">
         <div class="container-fluid">
             <div class="row">
-                <div class="col-7" v-if="isEditing && collection">
+                <div class="col-7" v-if="isEditing && collection && collection.id">
                     <permissions-list :collection="collection"/>
                 </div>
 
@@ -167,7 +167,7 @@ export default {
                     }
                 })
             }
-        }
+        },
     },
     mounted() {
         let collectionId = this.$route.params.pathMatch