stack add and remove

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

src/components/board/Board.vue

@@ -26,7 +26,10 @@
 		<div v-if="board" class="board">
 			<container lock-axix="y" orientation="horizontal" @drop="onDropStack">
 				<draggable v-for="stack in stacksByBoard" :key="stack.id" class="stack">
-					<h3>{{ stack.title }}</h3>
+					<h3>{{ stack.title }}
+						<button v-tooltip="t('deck', 'Delete')" class="icon-delete"
+							@click="deleteStack(stack)" />
+					</h3>
 					<container :get-child-payload="payloadForCard(stack.id)" group-name="stack" @drop="($event) => onDropCard(stack.id, $event)">
 						<draggable v-for="card in cardsByStack(stack.id)" :key="card.id">
 							<card-item v-if="card" :id="card.id" />
@@ -103,7 +106,6 @@ export default {
 					this.$store.dispatch('setCurrentBoard', board)
 					this.$store.dispatch('loadStacks', board)
 					this.loading = false
-					console.log(board)
 					this.$store.state.labels = board.labels
 				})
 		},
@@ -125,6 +127,9 @@ export default {
 				order: this.stacksByBoard().length
 			}
 			this.$store.dispatch('createStack', newStack)
+		},
+		deleteStack(stack) {
+			this.$store.dispatch('deleteStack', stack)
 		}
 	}
 }