Merge branch 'main' into prevent-invalid-year-input

Author: bahman026

.github/workflows/appstore-build-publish.yml

@@ -173,7 +173,7 @@ jobs:
           tar -zcvf ${{ env.APP_NAME }}.tar.gz ${{ env.APP_NAME }}
 
       - name: Attach tarball to github release
-        uses: svenstaro/upload-release-action@81c65b7cd4de9b2570615ce3aad67a41de5b1a13 # v2
+        uses: svenstaro/upload-release-action@6b7fa9f267e90b50a19fef07b3596790bb941741 # v2
         id: attach_to_release
         with:
           repo_token: ${{ secrets.GITHUB_TOKEN }}

src/components/board/TagsTabSidebar.vue

@@ -9,11 +9,11 @@
 				<!-- Edit Tag -->
 				<template v-if="editingLabelId === label.id">
 					<form class="label-form" @submit.prevent="updateLabel(label)">
-						<NcColorPicker class="color-picker-wrapper"
-							:value="'#' + editingLabel.color"
+						<NcColorPicker v-model="editingLabelColor"
+							class="color-picker-wrapper"
 							:advanced-fields="true"
-							@input="updateColor">
-							<div :style="{ backgroundColor: '#' + editingLabel.color }" class="color0 icon-colorpicker" />
+							@submit="updateColor">
+							<div :style="{ backgroundColor: editingLabelColor }" class="color0 icon-colorpicker" />
 						</NcColorPicker>
 						<input v-model="editingLabel.title" type="text">
 						<input :disabled="!editLabelObjValidated"
@@ -56,11 +56,11 @@
 			<li v-if="addLabel" class="editing">
 				<!-- New Tag -->
 				<form class="label-form" @submit.prevent="clickAddLabel">
-					<NcColorPicker class="color-picker-wrapper"
-						:value="'#' + addLabelObj.color"
+					<NcColorPicker v-model="addLabelColor"
+						class="color-picker-wrapper"
 						:advanced-fields="true"
 						@input="updateColor">
-						<div :style="{ backgroundColor: '#' + addLabelObj.color }" class="color0 icon-colorpicker" />
+						<div :style="{ backgroundColor: addLabelColor }" class="color0 icon-colorpicker" />
 					</NcColorPicker>
 					<input v-model="addLabelObj.title" type="text">
 					<input :disabled="!addLabelObjValidated"
@@ -102,8 +102,10 @@ export default {
 		return {
 			editingLabelId: null,
 			editingLabel: null,
+			editingLabelColor: null,
 			addLabelObj: null,
 			addLabel: false,
+			addLabelColor: null,
 			missingDataLabel: t('deck', 'title and color value must be provided'),
 			defaultColors: ['31CC7C', '17CCC', 'FF7A66', 'F1DB50', '7C31CC', 'CC317C', '3A3B3D', 'CACBCD'],
 		}
@@ -152,6 +154,7 @@ export default {
 		clickEdit(label) {
 			this.editingLabelId = label.id
 			this.editingLabel = Object.assign({}, label)
+			this.editingLabelColor = '#' + label.color
 		},
 		deleteLabel(id) {
 			this.$store.dispatch('removeLabelFromCurrentBoard', id)
@@ -162,12 +165,14 @@ export default {
 		},
 		clickShowAddLabel() {
 			this.addLabelObj = { cardId: null, color: this.defaultColors[Math.floor(Math.random() * this.defaultColors.length)], title: '' }
+			this.addLabelColor = '#' + this.addLabelObj.color
 			this.addLabel = true
 		},
 		clickAddLabel() {
 			this.$store.dispatch('addLabelToCurrentBoard', this.addLabelObj)
 			this.addLabel = false
 			this.addLabelObj = null
+			this.addLabelColor = null
 		},
 	},
 }

src/components/navigation/AppNavigationBoard.vue

@@ -130,7 +130,7 @@
 			</template>
 		</NcAppNavigationItem>
 		<div v-else-if="editing" class="board-edit">
-			<NcColorPicker class="app-navigation-entry-bullet-wrapper" :value="`#${board.color}`" @input="updateColor">
+			<NcColorPicker v-model="editColor" class="app-navigation-entry-bullet-wrapper">
 				<div :style="{ backgroundColor: getColor }" class="color0 icon-colorpicker app-navigation-entry-bullet" />
 			</NcColorPicker>
 			<form @submit.prevent.stop="applyEdit">
@@ -289,9 +289,6 @@ export default {
 					this.deleted = false
 				})
 		},
-		updateColor(newColor) {
-			this.editColor = newColor
-		},
 		actionEdit() {
 			this.editTitle = this.board.title
 			this.editColor = '#' + this.board.color