sharing extensions

Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>

src/components/board/SharingTabSidebard.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<multiselect v-model="addAcl" :options="sharees" label="label"
+		<multiselect v-model="addAcl" :options="unallocatedSharees" label="label"
 			@input="clickAddAcl" @search-change="asyncFind">
 			<template #option="scope">
 				{{ scope.option.label }}
@@ -33,16 +33,17 @@
 				<label for="checkbox">{{ t('deck', 'Manage') }}</label>
 
 				<button v-tooltip="t('deck', 'Delete')" class="icon-delete" @click="clickDeleteAcl(acl)" />
-
 			</li>
 		</ul>
-		<CollaborationView />
+
+		<collection-list v-if="board.id" :id="board.id"
+			:name="board.title" type="deck" />
 	</div>
 </template>
 
 <script>
 import { Avatar, Multiselect } from 'nextcloud-vue'
-import CollaborationView from '../CollaborationView'
+import { CollectionList } from 'nextcloud-vue-collections'
 import { mapGetters } from 'vuex'
 
 export default {
@@ -50,7 +51,7 @@ export default {
 	components: {
 		Avatar,
 		Multiselect,
-		CollaborationView
+		CollectionList
 	},
 	props: {
 		board: {
@@ -68,7 +69,24 @@ export default {
 	computed: {
 		...mapGetters({
 			sharees: 'sharees'
-		})
+		}),
+		unallocatedSharees() {
+			let ret = []
+
+			let allocatedSharees = []
+			for (var user in this.board.acl) {
+				allocatedSharees.push(this.board.acl[user].participant.uid)
+			}
+
+			this.sharees.forEach(function(sharee) {
+				if (allocatedSharees.indexOf(sharee.value.shareWith) === -1) {
+					ret.push(sharee)
+				}
+			})
+
+			return ret
+		}
+
 	},
 	methods: {
 		asyncFind(query) {