From 9cebf5305a4658fe2d7b4d19e2c96c5b8541b29f Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 21 Jul 2022 15:10:48 +0200
Subject: [PATCH] feat: allow for easy reset of a repeating amount

Resolves https://kolaente.dev/vikunja/frontend/issues/2179
---
 src/views/tasks/TaskDetailView.vue | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index f08135a5c..62e22374c 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -154,9 +154,19 @@
 						<transition name="flash-background" appear>
 							<div class="column" v-if="activeFields.repeatAfter">
 								<!-- Repeat after -->
-								<div class="detail-title">
-									<icon icon="history"/>
-									{{ $t('task.attributes.repeat') }}
+								<div class="is-flex is-justify-content-space-between">
+									<div class="detail-title">
+										<icon icon="history"/>
+										{{ $t('task.attributes.repeat') }}
+									</div>
+									<BaseButton
+										@click="() => {task.repeatAfter.amount = 0;saveTask()}"
+										v-if="canWrite"
+										class="remove">
+										<span class="icon is-small">
+											<icon icon="times"></icon>
+										</span>
+									</BaseButton>
 								</div>
 								<repeat-after
 									:disabled="!canWrite"
@@ -770,13 +780,13 @@ $flash-background-duration: 750ms;
   .date-input {
     display: flex;
     align-items: center;
+  }
 
-    .remove {
-      color: var(--danger);
-      vertical-align: middle;
-      padding-left: .5rem;
-      line-height: 1;
-    }
+  .remove {
+	color: var(--danger);
+	vertical-align: middle;
+	padding-left: .5rem;
+	line-height: 1;
   }
 
   :deep(.datepicker) {