Sidebar view: refresh ACL entries when fileInfo prop changes #1378

Details: in NC 21, the sidebar is not reloaded completely if a different
file is selected. Instead, just the props of an open sidebar view
are updated. So far, the ACL list not respond to a changed prop.
This is now changed, fixing the issue reported as #1378.

Signed-off-by: Jan Niklas Grieb (home) <jan.grieb@gmail.com>

1 files changed, 23 insertions, 13 deletions

diff --git a/src/components/SharingSidebarView.vue b/src/components/SharingSidebarView.vue
index 8d894470..cdef4c74 100644
--- a/src/components/SharingSidebarView.vue
+++ b/src/components/SharingSidebarView.vue
@@ -132,23 +132,18 @@
 	export default {
 		name: 'SharingSidebarView',
 		props: ['fileInfo'],
+		watch: {
+			fileInfo: function(/*newVal, oldVal*/) {
+				// reload ACL entries if file changes
+				this.loadAcls();
+			}
+		},
 		components: {
 			Avatar, Multiselect, AclStateButton
 		},
 		beforeMount () {
-			this.loading = true;
-			this.model = JSON.parse(JSON.stringify(this.fileInfo));
-			client.propFind(this.model).then((data) => {
-				if (data.acls) {
-					this.list = data.acls;
-				}
-				this.inheritedAclsById = data.inheritedAclsById;
-				this.aclEnabled = data.aclEnabled;
-				this.aclCanManage = data.aclCanManage;
-				this.groupFolderId = data.groupFolderId;
-				this.loading = false;
-				this.searchMappings('')
-			})
+			// load ACL entries for initial file
+			this.loadAcls();
 		},
 		data () {
 			return {
@@ -186,6 +181,21 @@
 			}
 		},
 		methods: {
+			loadAcls() {
+				this.loading = true;
+				this.model = JSON.parse(JSON.stringify(this.fileInfo));
+				client.propFind(this.model).then((data) => {
+					if (data.acls) {
+						this.list = data.acls;
+					}
+					this.inheritedAclsById = data.inheritedAclsById;
+					this.aclEnabled = data.aclEnabled;
+					this.aclCanManage = data.aclCanManage;
+					this.groupFolderId = data.groupFolderId;
+					this.loading = false;
+					this.searchMappings('')
+				})
+			},
 			getFullDisplayName (displayName, type) {
 				if (type === 'group') {
 					return t('groupfolders', '{displayName} (Group)', { displayName: displayName })