move collaections to own sidebar tab

Signed-off-by: dartcafe <github@dartcafe.de>

2 files changed, 58 insertions, 6 deletions

diff --git a/src/js/components/SideBar/SideBarTabCollaboration.vue b/src/js/components/SideBar/SideBarTabCollaboration.vue
new file mode 100644
index 00000000..d2fb6313
--- /dev/null
+++ b/src/js/components/SideBar/SideBarTabCollaboration.vue
@@ -0,0 +1,58 @@
+<!--
+  - @copyright Copyright (c) 2018 René Gieling <github@dartcafe.de>
+  -
+  - @author René Gieling <github@dartcafe.de>
+  -
+  - @license GNU AGPL version 3 or any later version
+  -
+  - This program is free software: you can redistribute it and/or modify
+  - it under the terms of the GNU Affero General Public License as
+  - published by the Free Software Foundation, either version 3 of the
+  - License, or (at your option) any later version.
+  -
+  - This program is distributed in the hope that it will be useful,
+  - but WITHOUT ANY WARRANTY; without even the implied warranty of
+  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  - GNU Affero General Public License for more details.
+  -
+  - You should have received a copy of the GNU Affero General Public License
+  - along with this program.  If not, see <http://www.gnu.org/licenses/>.
+  -
+  -->
+
+<template>
+	<div class="sidebar-collaboration">
+		<CollectionList v-if="pollId"
+			:id="`${pollId}`"
+			:name="pollTitle"
+			type="poll" />
+	</div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import { CollectionList } from 'nextcloud-vue-collections'
+
+export default {
+	name: 'SideBarTabCollaboration',
+
+	components: {
+		CollectionList,
+	},
+
+	computed: {
+		...mapState({
+			pollId: (state) => state.poll.id,
+			pollTitle: (state) => state.poll.title,
+		}),
+
+	},
+}
+</script>
+
+<style lang="scss">
+	.sidebar-collaboration {
+		display: flex;
+		flex-direction: column;
+	}
+</style>
diff --git a/src/js/components/SideBar/SideBarTabShare.vue b/src/js/components/SideBar/SideBarTabShare.vue
index 64c91e24..12f1ad9d 100644
--- a/src/js/components/SideBar/SideBarTabShare.vue
+++ b/src/js/components/SideBar/SideBarTabShare.vue
@@ -22,10 +22,6 @@
 
 <template>
 	<div class="sidebar-share">
-		<CollectionList v-if="pollId"
-			:id="`${pollId}`"
-			:name="pollTitle"
-			type="poll" />
 		<SharesListUnsent class="shares unsent" />
 		<SharesList class="shares effective" />
 	</div>
@@ -35,7 +31,6 @@
 import { mapState } from 'vuex'
 import SharesList from '../Shares/SharesList'
 import SharesListUnsent from '../Shares/SharesListUnsent'
-import { CollectionList } from 'nextcloud-vue-collections'
 
 export default {
 	name: 'SideBarTabShare',
@@ -43,7 +38,6 @@ export default {
 	components: {
 		SharesList,
 		SharesListUnsent,
-		CollectionList,
 	},
 
 	computed: {