From 7b5bda4ed352095622398c355dd1a5f749255040 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Sat, 23 May 2020 17:58:37 +0200
Subject: [PATCH] Hide UI elements that are not used when archived
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/components/Controls.vue                      | 2 +-
 src/components/board/Stack.vue                   | 7 ++++---
 src/components/board/TagsTabSidebar.vue          | 7 ++++---
 src/components/cards/CardItem.vue                | 3 ++-
 src/components/cards/CardMenu.vue                | 3 ++-
 src/components/navigation/AppNavigationBoard.vue | 4 ++--
 src/store/main.js                                | 3 +++
 7 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/components/Controls.vue b/src/components/Controls.vue
index a2dbcdbee..8d01996b6 100644
--- a/src/components/Controls.vue
+++ b/src/components/Controls.vue
@@ -31,7 +31,7 @@
 			</p>
 		</div>
 		<div v-if="board" class="board-actions">
-			<div v-if="canManage && !showArchived"
+			<div v-if="canManage && !showArchived && !board.archived"
 				id="stack-add"
 				v-click-outside="hideAddStack">
 				<Actions v-if="!isAddStackVisible" :title="t('deck', 'Add new list')">
diff --git a/src/components/board/Stack.vue b/src/components/board/Stack.vue
index 9c5a6a7bd..6e5dd9246 100644
--- a/src/components/board/Stack.vue
+++ b/src/components/board/Stack.vue
@@ -25,7 +25,7 @@
 	<div class="stack">
 		<div v-click-outside="stopCardCreation" class="stack--header">
 			<transition name="fade" mode="out-in">
-				<h3 v-if="!canManage">
+				<h3 v-if="!canManage || isArchived">
 					{{ stack.title }}
 				</h3>
 				<h3 v-else-if="!editing"
@@ -42,12 +42,12 @@
 						value="">
 				</form>
 			</transition>
-			<Actions v-if="canManage" :force-menu="true">
+			<Actions v-if="canManage && !isArchived" :force-menu="true">
 				<ActionButton icon="icon-delete" @click="deleteStack(stack)">
 					{{ t('deck', 'Delete list') }}
 				</ActionButton>
 			</Actions>
-			<Actions v-if="canEdit && !showArchived">
+			<Actions v-if="canEdit && !showArchived && !isArchived">
 				<ActionButton icon="icon-add" @click.stop="showAddCard=true">
 					{{ t('deck', 'Add card') }}
 				</ActionButton>
@@ -133,6 +133,7 @@ export default {
 		...mapGetters([
 			'canManage',
 			'canEdit',
+			'isArchived',
 		]),
 		...mapState({
 			showArchived: state => state.showArchived,
diff --git a/src/components/board/TagsTabSidebar.vue b/src/components/board/TagsTabSidebar.vue
index 08cb08c0a..770724ab0 100644
--- a/src/components/board/TagsTabSidebar.vue
+++ b/src/components/board/TagsTabSidebar.vue
@@ -24,11 +24,11 @@
 					<div :style="{ backgroundColor: `#${label.color}`, color:textColor(label.color) }" class="label-title">
 						<span>{{ label.title }}</span>
 					</div>
-					<button v-if="canManage"
+					<button v-if="canManage && !isArchived"
 						v-tooltip="t('deck', 'Edit')"
 						class="icon-rename"
 						@click="clickEdit(label)" />
-					<button v-if="canManage"
+					<button v-if="canManage && !isArchived"
 						v-tooltip="t('deck', 'Delete')"
 						class="icon-delete"
 						@click="deleteLabel(label.id)" />
@@ -55,7 +55,7 @@
 					</form>
 				</template>
 			</li>
-			<button v-if="canManage" @click="clickShowAddLabel()">
+			<button v-if="canManage && !isArchived" @click="clickShowAddLabel()">
 				<span class="icon-add" />{{ t('deck', 'Add a new tag') }}
 			</button>
 		</ul>
@@ -88,6 +88,7 @@ export default {
 		...mapGetters({
 			labels: 'currentBoardLabels',
 			canManage: 'canManage',
+			isArchived: 'isArchived',
 		}),
 		addLabelObjValidated() {
 			if (this.addLabelObj.title === '') {
diff --git a/src/components/cards/CardItem.vue b/src/components/cards/CardItem.vue
index 70ee8287e..ee62c3086 100644
--- a/src/components/cards/CardItem.vue
+++ b/src/components/cards/CardItem.vue
@@ -31,7 +31,7 @@
 			class="card"
 			@click="openCard">
 			<div class="card-upper">
-				<h3 v-if="showArchived || !canEdit">
+				<h3 v-if="isArchived || showArchived || !canEdit">
 					{{ card.title }}
 				</h3>
 				<h3 v-else-if="!editing">
@@ -109,6 +109,7 @@ export default {
 		}),
 		...mapGetters([
 			'canEdit',
+			'isArchived',
 		]),
 		card() {
 			return this.$store.getters.cardById(this.id)
diff --git a/src/components/cards/CardMenu.vue b/src/components/cards/CardMenu.vue
index 9b2222649..3f21aa625 100644
--- a/src/components/cards/CardMenu.vue
+++ b/src/components/cards/CardMenu.vue
@@ -23,7 +23,7 @@
 <template>
 	<div>
 		<div @click.stop.prevent>
-			<Actions v-if="canEdit">
+			<Actions v-if="canEdit && !isArchived">
 				<ActionButton v-if="showArchived === false" icon="icon-user" @click="assignCardToMe()">
 					{{ t('deck', 'Assign to me') }}
 				</ActionButton>
@@ -93,6 +93,7 @@ export default {
 	computed: {
 		...mapGetters([
 			'canEdit',
+			'isArchived',
 		]),
 		...mapState({
 			showArchived: state => state.showArchived,
diff --git a/src/components/navigation/AppNavigationBoard.vue b/src/components/navigation/AppNavigationBoard.vue
index a977a39cf..941866155 100644
--- a/src/components/navigation/AppNavigationBoard.vue
+++ b/src/components/navigation/AppNavigationBoard.vue
@@ -34,13 +34,13 @@
 			style="opacity: 0.5" />
 
 		<template v-if="!deleted" slot="actions">
-			<ActionButton v-if="canManage"
+			<ActionButton v-if="canManage && !board.archived"
 				icon="icon-rename"
 				:close-after-click="true"
 				@click="actionEdit">
 				{{ t('deck', 'Edit board') }}
 			</ActionButton>
-			<ActionButton v-if="canManage"
+			<ActionButton v-if="canManage && !board.archived"
 				icon="icon-clone"
 				:close-after-click="true"
 				@click="actionClone">
diff --git a/src/store/main.js b/src/store/main.js
index 05e67b480..0b7358cce 100644
--- a/src/store/main.js
+++ b/src/store/main.js
@@ -122,6 +122,9 @@ export default new Vuex.Store({
 		canShare: state => {
 			return state.currentBoard ? state.currentBoard.permissions.PERMISSION_SHARE : false
 		},
+		isArchived: state => {
+			return state.currentBoard && state.currentBoard.archived
+		}
 	},
 	mutations: {
 		setSearchQuery(state, searchQuery) {