From 5630c90dee647fedc6b937cc2fe46d0ddb2c24e4 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Tue, 29 Aug 2023 13:57:12 +0200
Subject: [PATCH] fix(task): show related tasks form with shortcut even when
 there are already other related tasks

Resolves https://github.com/go-vikunja/frontend/issues/122
---
 src/components/tasks/partials/relatedTasks.vue |  1 +
 src/views/tasks/TaskDetailView.vue             | 15 ++++++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/tasks/partials/relatedTasks.vue b/src/components/tasks/partials/relatedTasks.vue
index 40af34847d..bc3c1c9487 100644
--- a/src/components/tasks/partials/relatedTasks.vue
+++ b/src/components/tasks/partials/relatedTasks.vue
@@ -9,6 +9,7 @@
 			variant="secondary"
 			icon="plus"
 			:shadow="false"
+			id="showRelatedTasksFormButton"
 		/>
 		<transition-group name="fade">
 			<template v-if="editEnabled && showCreate">
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 90c526f464..ab681ec4d2 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -378,7 +378,7 @@
 							{{ $t('task.detail.actions.attachments') }}
 						</x-button>
 						<x-button
-							@click="setFieldActive('relatedTasks')"
+							@click="setRelatedTasksActive()"
 							variant="secondary"
 							icon="sitemap"
 							v-shortcut="'r'"
@@ -777,6 +777,19 @@ async function removeRepeatAfter() {
 	task.value.repeatMode = TASK_REPEAT_MODES.REPEAT_MODE_DEFAULT
 	await saveTask()
 }
+
+function setRelatedTasksActive() {
+	setFieldActive('relatedTasks')
+
+	// If the related tasks are already available, show the form again
+	const el = activeFieldElements['relatedTasks']
+	for (const child in el?.children) {
+		if (el?.children[child]?.id === 'showRelatedTasksFormButton') {
+			el?.children[child]?.click()
+			break
+		}
+	}
+}
 </script>
 
 <style lang="scss" scoped>