Show created/updated by for tasks

src/styles/components/task.scss

@@ -185,6 +185,12 @@
       justify-content: left;
     }
   }
+
+  .created {
+    font-size: .75rem;
+    color: $grey;
+    text-align: right;
+  }
 }
 
 .task-view-container {

src/views/tasks/TaskDetailView.vue

@@ -343,10 +343,18 @@
 						<span class="icon is-small"><icon icon="trash-alt"/></span>
 						Delete task
 					</a>
-				</div>
-			</div>
 
 					<!-- 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>
 		</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() {