From b53163d208f3df24e9c1b3bd25b29705fbfea60b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakob=20R=C3=B6hrl?= <jakob.roehrl@web.de>
Date: Mon, 11 May 2020 10:51:29 +0200
Subject: [PATCH 1/3] archive all cards from stack
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>
---
 src/components/board/Stack.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/board/Stack.vue b/src/components/board/Stack.vue
index a23a38ae0..d07ba66ff 100644
--- a/src/components/board/Stack.vue
+++ b/src/components/board/Stack.vue
@@ -43,6 +43,9 @@
 				<ActionButton icon="icon-delete" @click="deleteStack(stack)">
 					{{ t('deck', 'Delete list') }}
 				</ActionButton>
+				<ActionButton icon="icon-archive" @click="archiveAllCardsFromStack(stack)">
+					{{ t('deck', 'Archive all cards in this list') }}
+				</ActionButton>
 			</Actions>
 			<Actions v-if="canEdit && !showArchived">
 				<ActionButton icon="icon-add" @click.stop="showAddCard=true">
@@ -178,6 +181,11 @@ export default {
 		deleteStack(stack) {
 			this.$store.dispatch('deleteStack', stack)
 		},
+		archiveAllCardsFromStack(stack) {
+			this.cardsByStack.forEach(card => {
+				this.$store.dispatch('archiveUnarchiveCard', { ...card, archived: true })
+			})
+		},
 		startEditing(stack) {
 			this.copiedStack = Object.assign({}, stack)
 			this.editing = true

From 1a917bb548580ed69d03ab3cab67ad22551b79cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakob=20R=C3=B6hrl?= <jakob.roehrl@web.de>
Date: Wed, 13 May 2020 12:12:25 +0200
Subject: [PATCH 2/3] now with a nice modal
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>
---
 src/components/board/Stack.vue | 52 ++++++++++++++++++++++++++++++----
 1 file changed, 47 insertions(+), 5 deletions(-)

diff --git a/src/components/board/Stack.vue b/src/components/board/Stack.vue
index d07ba66ff..ce500a06f 100644
--- a/src/components/board/Stack.vue
+++ b/src/components/board/Stack.vue
@@ -40,12 +40,12 @@
 				</form>
 			</transition>
 			<Actions v-if="canManage" :force-menu="true">
+				<ActionButton icon="icon-archive" @click="modalShow=true">
+					{{ t('deck', 'Archive all cards') }}
+				</ActionButton>
 				<ActionButton icon="icon-delete" @click="deleteStack(stack)">
 					{{ t('deck', 'Delete list') }}
 				</ActionButton>
-				<ActionButton icon="icon-archive" @click="archiveAllCardsFromStack(stack)">
-					{{ t('deck', 'Archive all cards in this list') }}
-				</ActionButton>
 			</Actions>
 			<Actions v-if="canEdit && !showArchived">
 				<ActionButton icon="icon-add" @click.stop="showAddCard=true">
@@ -54,6 +54,19 @@
 			</Actions>
 		</div>
 
+		<Modal v-if="modalShow" title="Archive all cards in this list" @close="modalShow=false">
+			<div class="modal__content">
+				<h3>Archive all cards in this list</h3>
+				<progress :value="archiveAllCardsProgress" :max="stackLen" />
+				<button class="primary" @click="archiveAllCardsFromStack(stack)">
+					{{ t('deck', 'Archive all cards') }}
+				</button>
+				<button @click="modalShow=false">
+					{{ t('deck', 'Cancel') }}
+				</button>
+			</div>
+		</Modal>
+
 		<transition name="slide-top" appear>
 			<div v-if="showAddCard" class="stack--card-add">
 				<form :class="{ 'icon-loading-small': stateCardCreating }"
@@ -99,7 +112,7 @@
 
 import { mapGetters, mapState } from 'vuex'
 import { Container, Draggable } from 'vue-smooth-dnd'
-import { Actions, ActionButton } from '@nextcloud/vue'
+import { Actions, ActionButton, Modal } from '@nextcloud/vue'
 import CardItem from '../cards/CardItem'
 
 export default {
@@ -110,6 +123,7 @@ export default {
 		CardItem,
 		Container,
 		Draggable,
+		Modal,
 	},
 
 	props: {
@@ -126,6 +140,9 @@ export default {
 			showAddCard: false,
 			stateCardCreating: false,
 			animate: false,
+			modalShow: false,
+			archiveAllCardsProgress: null,
+			stackLen: 0,
 		}
 	},
 	computed: {
@@ -182,9 +199,13 @@ export default {
 			this.$store.dispatch('deleteStack', stack)
 		},
 		archiveAllCardsFromStack(stack) {
-			this.cardsByStack.forEach(card => {
+
+			this.stackLen = this.cardsByStack.length
+			this.cardsByStack.forEach((card, index) => {
+				this.archiveAllCardsProgress = index
 				this.$store.dispatch('archiveUnarchiveCard', { ...card, archived: true })
 			})
+			this.modalShow = false
 		},
 		startEditing(stack) {
 			this.copiedStack = Object.assign({}, stack)
@@ -307,4 +328,25 @@ export default {
 		height: 0px;
 	}
 
+	.modal__content {
+		width: 25vw;
+		min-width: 250px;
+		min-height: 100px;
+		text-align: center;
+		margin: 20px 20px 20px 20px;
+
+		.multiselect {
+			margin-bottom: 10px;
+		}
+	}
+
+	.modal__content button {
+		float: right;
+	}
+
+	progress {
+		margin-top: 3px;
+		margin-bottom: 30px;
+	}
+
 </style>

From eda292215191f0a6099c21abff4a804e60eb3141 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakob=20R=C3=B6hrl?= <jakob.roehrl@web.de>
Date: Fri, 14 Aug 2020 10:14:49 +0200
Subject: [PATCH 3/3] small changes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>
---
 src/components/board/Stack.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/board/Stack.vue b/src/components/board/Stack.vue
index ce500a06f..b8fffd335 100644
--- a/src/components/board/Stack.vue
+++ b/src/components/board/Stack.vue
@@ -40,7 +40,7 @@
 				</form>
 			</transition>
 			<Actions v-if="canManage" :force-menu="true">
-				<ActionButton icon="icon-archive" @click="modalShow=true">
+				<ActionButton icon="icon-archive" @click="modalArchivAllCardsShow=true">
 					{{ t('deck', 'Archive all cards') }}
 				</ActionButton>
 				<ActionButton icon="icon-delete" @click="deleteStack(stack)">
@@ -54,14 +54,14 @@
 			</Actions>
 		</div>
 
-		<Modal v-if="modalShow" title="Archive all cards in this list" @close="modalShow=false">
+		<Modal v-if="modalArchivAllCardsShow" @close="modalArchivAllCardsShow=false">
 			<div class="modal__content">
-				<h3>Archive all cards in this list</h3>
+				<h3>{{ t('deck', 'Archive all cards in this list') }}</h3>
 				<progress :value="archiveAllCardsProgress" :max="stackLen" />
 				<button class="primary" @click="archiveAllCardsFromStack(stack)">
 					{{ t('deck', 'Archive all cards') }}
 				</button>
-				<button @click="modalShow=false">
+				<button @click="modalArchivAllCardsShow=false">
 					{{ t('deck', 'Cancel') }}
 				</button>
 			</div>
@@ -140,7 +140,7 @@ export default {
 			showAddCard: false,
 			stateCardCreating: false,
 			animate: false,
-			modalShow: false,
+			modalArchivAllCardsShow: false,
 			archiveAllCardsProgress: null,
 			stackLen: 0,
 		}
@@ -205,7 +205,7 @@ export default {
 				this.archiveAllCardsProgress = index
 				this.$store.dispatch('archiveUnarchiveCard', { ...card, archived: true })
 			})
-			this.modalShow = false
+			this.modalArchivAllCardsShow = false
 		},
 		startEditing(stack) {
 			this.copiedStack = Object.assign({}, stack)