From 6ed19bd2b01cc07722b0be4956ea1c95973de061 Mon Sep 17 00:00:00 2001
From: fschn <fschnabel007@gmail.com>
Date: Mon, 28 Nov 2022 17:40:02 +0100
Subject: [PATCH] #1472: Implement addLabelToBoardAndCard to also create Labels
 from the CardSidebar

Signed-off-by: Felix Schnabel <f.schnabel@tum.de>
---
 src/components/card/CardSidebarTabDetails.vue | 15 +++++++++++++--
 src/mixins/color.js                           |  4 +++-
 src/store/main.js                             | 11 ++++++++++-
 3 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/src/components/card/CardSidebarTabDetails.vue b/src/components/card/CardSidebarTabDetails.vue
index 6e457fada..2b4a401ea 100644
--- a/src/components/card/CardSidebarTabDetails.vue
+++ b/src/components/card/CardSidebarTabDetails.vue
@@ -36,7 +36,8 @@
 					label="title"
 					track-by="id"
 					@select="addLabelToCard"
-					@remove="removeLabelFromCard">
+					@remove="removeLabelFromCard"
+					@tag="addLabelToBoardAndCard">
 					<template #option="scope">
 						<div :style="{ backgroundColor: '#' + scope.option.color, color: textColor(scope.option.color)}" class="tag">
 							{{ scope.option.title }}
@@ -342,8 +343,18 @@ export default {
 			this.$store.dispatch('addLabel', data)
 		},
 
-		removeLabelFromCard(removedLabel) {
+		async addLabelToBoardAndCard(name) {
+			const newLabel = await this.$store.dispatch('addLabelToCurrentBoardAndCard', {
+				card: this.copiedCard,
+				newLabel: {
+					title: name,
+					color: this.randomColor(),
+				},
+			})
+			this.assignedLabels.push(newLabel)
+		},
 
+		removeLabelFromCard(removedLabel) {
 			const removeIndex = this.copiedCard.labels.findIndex((label) => {
 				return label.id === removedLabel.id
 			})
diff --git a/src/mixins/color.js b/src/mixins/color.js
index 392819e53..7ab48790c 100644
--- a/src/mixins/color.js
+++ b/src/mixins/color.js
@@ -91,6 +91,8 @@ export default {
 			return false
 
 		},
-
+		randomColor() {
+			return Math.floor(Math.random() * (0xffffff + 1)).toString(16).padStart(6, '0')
+		},
 	},
 }
diff --git a/src/store/main.js b/src/store/main.js
index 161d2163f..2fb44f069 100644
--- a/src/store/main.js
+++ b/src/store/main.js
@@ -273,7 +273,6 @@ export default new Vuex.Store({
 			labelToUpdate.color = newLabel.color
 		},
 		addLabelToCurrentBoard(state, newLabel) {
-
 			state.currentBoard.labels.push(newLabel)
 		},
 
@@ -465,6 +464,16 @@ export default new Vuex.Store({
 					commit('addLabelToCurrentBoard', newLabel)
 				})
 		},
+		async addLabelToCurrentBoardAndCard({ dispatch, commit }, { newLabel, card }) {
+			newLabel.boardId = this.state.currentBoard.id
+			const label = await apiClient.createLabel(newLabel)
+			commit('addLabelToCurrentBoard', label)
+			dispatch('addLabel', {
+				card,
+				labelId: label.id,
+			})
+			return label
+		},
 
 		// acl actions
 		async addAclToCurrentBoard({ dispatch, commit }, newAcl) {