From 10b7d8b335ad2f80ea451a43a9259d6edf1068ba Mon Sep 17 00:00:00 2001
From: Jakob <jakob.roehrl@web.de>
Date: Fri, 12 Jul 2019 10:50:31 +0200
Subject: [PATCH] deleted items

Signed-off-by: Jakob <jakob.roehrl@web.de>
---
 src/components/board/DeletedTabSidebard.vue | 30 +++++++++++++++++++--
 src/components/board/SharingTabSidebard.vue | 18 +++----------
 src/components/cards/CardItem.vue           |  2 +-
 src/services/CardApi.js                     |  2 +-
 src/services/StackApi.js                    | 30 +++++++++++++++++++++
 src/store/card.js                           |  6 ++++-
 src/store/stack.js                          | 20 +++++++++++++-
 7 files changed, 88 insertions(+), 20 deletions(-)

diff --git a/src/components/board/DeletedTabSidebard.vue b/src/components/board/DeletedTabSidebard.vue
index 8f9e84dad..ac40c6940 100644
--- a/src/components/board/DeletedTabSidebard.vue
+++ b/src/components/board/DeletedTabSidebard.vue
@@ -1,6 +1,7 @@
 <template>
 	<div>
 		<h3>{{ t('deck', 'Deleted stacks') }}</h3>
+
 		<ul>
 			<!-- <li ng-repeat="deletedStack in stackservice.deleted">
 				<span class="icon icon-deck"></span>
@@ -11,6 +12,7 @@
 		</ul>
 
 		<h3>{{ t('deck', 'Deleted cards') }}</h3>
+		{{ deletedCards }}
 		<ul>
 			<!-- <li ng-repeat="deletedCard in cardservice.deleted">
 				<span class="icon icon-deck"></span>
@@ -25,7 +27,7 @@
 </template>
 
 <script>
-
+import { mapState } from 'vuex'
 export default {
 	name: 'DeletedTabSidebard',
 	components: {
@@ -39,9 +41,33 @@ export default {
 	},
 	data() {
 		return {
+			isLoading: false
+		}
+	},
+	computed: {
+		...mapState({
+			deletedStacks: state => state.deletedStacks
+			// deletedCards: state => state.deletedCards
+		}),
+
+		deletedCards() {
+			console.log(store.state.deletedCards)
+			return store.state.deletedCards
+		}
+
+	},
+	created() {
+		this.getData()
+	},
+	methods: {
+		getData() {
+			this.isLoading = true
+
+			this.$store.dispatch('deletedItems', 1).then(response => {
+				this.isLoading = false
+			})
 		}
 	}
-
 }
 </script>
 
diff --git a/src/components/board/SharingTabSidebard.vue b/src/components/board/SharingTabSidebard.vue
index be9555615..b9c56683a 100644
--- a/src/components/board/SharingTabSidebard.vue
+++ b/src/components/board/SharingTabSidebard.vue
@@ -71,22 +71,12 @@ export default {
 			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 this.sharees.filter((sharee) => {
+				return Object.values(this.board.acl).findIndex((acl) => {
+					return acl.participant.uid === sharee.value.shareWith
+				})
 			})
-
-			return ret
 		}
-
 	},
 	methods: {
 		asyncFind(query) {
diff --git a/src/components/cards/CardItem.vue b/src/components/cards/CardItem.vue
index 67173f388..d717b956e 100644
--- a/src/components/cards/CardItem.vue
+++ b/src/components/cards/CardItem.vue
@@ -159,7 +159,7 @@ export default {
 		},
 		assignCardToMe() {
 			this.copiedCard = Object.assign({}, this.card)
-			this.copiedCard.assignUser = this.card.owner.uid
+			this.copiedCard.newUserUid = this.card.owner.uid
 			this.$store.dispatch('assignCardToMe', this.copiedCard)
 		},
 		setCurrentCard() {
diff --git a/src/services/CardApi.js b/src/services/CardApi.js
index 99ed2f252..acd71f4ff 100644
--- a/src/services/CardApi.js
+++ b/src/services/CardApi.js
@@ -75,7 +75,7 @@ export class CardApi {
 	}
 
 	assignUser(card) {
-		return axios.put(this.url(`/cards/${card.id}/assignUser`), card.assignUser)
+		return axios.post(this.url(`/cards/${card.id}/assignUser`), card.newUserUid)
 			.then(
 				(response) => {
 					return Promise.resolve(response.data)
diff --git a/src/services/StackApi.js b/src/services/StackApi.js
index b871297ef..a1315fd2f 100644
--- a/src/services/StackApi.js
+++ b/src/services/StackApi.js
@@ -44,6 +44,36 @@ export class StackApi {
 			})
 	}
 
+	deletedStacks(boardId) {
+		return axios.get(this.url(`/${boardId}/stacks/deleted`))
+			.then(
+				(response) => {
+					return Promise.resolve(response.data)
+				},
+				(err) => {
+					return Promise.reject(err)
+				}
+			)
+			.catch((err) => {
+				return Promise.reject(err)
+			})
+	}
+
+	deletedCards(boardId) {
+		return axios.get(this.url(`/${boardId}/cards/deleted`))
+			.then(
+				(response) => {
+					return Promise.resolve(response.data)
+				},
+				(err) => {
+					return Promise.reject(err)
+				}
+			)
+			.catch((err) => {
+				return Promise.reject(err)
+			})
+	}
+
 	loadArchivedStacks(boardId) {
 		return axios.get(this.url(`/stacks/${boardId}/archived`))
 			.then(
diff --git a/src/store/card.js b/src/store/card.js
index f5fe63062..64fa31713 100644
--- a/src/store/card.js
+++ b/src/store/card.js
@@ -63,7 +63,11 @@ export default {
 			}
 		},
 		assignCardToMe(state, card) {
-			// let existingIndex = state.cards.findIndex(_card => _card.id === card.id)
+			console.log(card)
+			let existingIndex = state.cards.findIndex(_card => _card.id === card.id)
+			if (existingIndex !== -1) {
+
+			}
 		}
 	},
 	actions: {
diff --git a/src/store/stack.js b/src/store/stack.js
index b5ca0f658..560afc5e4 100644
--- a/src/store/stack.js
+++ b/src/store/stack.js
@@ -28,7 +28,9 @@ const apiClient = new StackApi()
 
 export default {
 	state: {
-		stacks: []
+		stacks: [],
+		deletedStacks: [],
+		deletedCards: []
 	},
 	getters: {
 		stacksByBoard: state => (id) => {
@@ -64,6 +66,12 @@ export default {
 			if (existingIndex !== -1) {
 				state.stacks[existingIndex].title = stack.title
 			}
+		},
+		setDeletedStacks(state, delStacks) {
+			state.deletedStacks.push(delStacks)
+		},
+		setDeletedCards(state, delCards) {
+			state.deletedCards.push(delCards)
 		}
 	},
 	actions: {
@@ -112,6 +120,16 @@ export default {
 				.then((stack) => {
 					commit('updateStack', stack)
 				})
+		},
+		deletedItems({ commit }, boardId) {
+			apiClient.deletedStacks(boardId)
+				.then((deletedStacks) => {
+					commit('setDeletedStacks', deletedStacks)
+				})
+			apiClient.deletedCards(boardId)
+				.then((deletedCards) => {
+					commit('setDeletedCards', deletedCards)
+				})
 		}
 	}
 }