From 81e9eef154fb20d1c5754523d36496d6b1f64f24 Mon Sep 17 00:00:00 2001
From: konrad <konrad@kola-entertainments.de>
Date: Wed, 18 Dec 2019 18:55:28 +0000
Subject: [PATCH] Show parent tasks in task overview list (#41)

---
 src/components/tasks/ShowListTasks.vue | 7 +++++++
 src/styles/tasks.scss                  | 5 +++++
 2 files changed, 12 insertions(+)

diff --git a/src/components/tasks/ShowListTasks.vue b/src/components/tasks/ShowListTasks.vue
index 2dd50965..45bd5c34 100644
--- a/src/components/tasks/ShowListTasks.vue
+++ b/src/components/tasks/ShowListTasks.vue
@@ -34,6 +34,13 @@
 								</label>
 							</div>
 							<router-link :to="{ name: 'taskDetailView', params: { id: l.id } }" class="tasktext" :class="{ 'done': l.done}">
+								<!-- Show any parent tasks to make it clear this task is a sub task of something -->
+								<span class="parent-tasks" v-if="typeof l.related_tasks.parenttask !== 'undefined'">
+									<template v-for="(pt, i) in l.related_tasks.parenttask">
+										{{ pt.text }}<template v-if="(i + 1) < l.related_tasks.parenttask.length">,&nbsp;</template>
+									</template>
+									>
+								</span>
 								{{l.text}}
 								<span class="tag" v-for="label in l.labels" :style="{'background': label.hex_color, 'color': label.textColor}" :key="label.id">
 									<span>{{ label.title }}</span>
diff --git a/src/styles/tasks.scss b/src/styles/tasks.scss
index 1f372298..5cf9748c 100644
--- a/src/styles/tasks.scss
+++ b/src/styles/tasks.scss
@@ -77,6 +77,11 @@
       }
     }
 
+    span.parent-tasks {
+      color: lighten($dark, 50);
+      width: auto;
+    }
+
     .remove {
       color: $red;
     }