From d9fe43361950e019c773cf845a1c336acd187ace Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 25 Oct 2020 12:25:08 +0100
Subject: [PATCH] Show created/updated by for tasks

---
 src/styles/components/task.scss    |  6 ++++++
 src/views/tasks/TaskDetailView.vue | 18 ++++++++++++++++--
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/styles/components/task.scss b/src/styles/components/task.scss
index 94ab96f3d..2bb6518d3 100644
--- a/src/styles/components/task.scss
+++ b/src/styles/components/task.scss
@@ -185,6 +185,12 @@
       justify-content: left;
     }
   }
+
+  .created {
+    font-size: .75rem;
+    color: $grey;
+    text-align: right;
+  }
 }
 
 .task-view-container {
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 9d30953c6..38f952f1c 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -343,10 +343,18 @@
 						<span class="icon is-small"><icon icon="trash-alt"/></span>
 						Delete task
 					</a>
+
+					<!-- Created / Updated [by] -->
+					<p class="created">
+						Created <span v-tooltip="formatDate(task.created)">{{ formatDateSince(task.created) }}</span> by {{ task.createdBy.username }}
+						<template v-if="+new Date(task.created) !== +new Date(task.updated)">
+							<br/>
+							<!-- Computed properties to show the actual date every time it gets updated -->
+							Updated <span v-tooltip="updatedFormatted">{{ updatedSince }}</span>
+						</template>
+					</p>
 				</div>
 			</div>
-
-			<!-- Created / Updated [by] -->
 		</div>
 
 		<modal
@@ -497,6 +505,12 @@ export default {
 		canWrite() {
 			return this.task && this.task.maxRight && this.task.maxRight > rights.READ
 		},
+		updatedSince() {
+			return this.formatDateSince(this.task.updated)
+		},
+		updatedFormatted() {
+			return this.formatDate(this.task.updated)
+		},
 	},
 	methods: {
 		loadTask() {