From 9f35ac372b8e936b6d2f4021b0bd64ed479968d8 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 20 Jan 2021 22:33:11 +0100
Subject: [PATCH] Show call to action for task description if there is none

---
 src/components/input/editor.vue               | 11 ++++++++++-
 src/components/tasks/partials/description.vue |  1 +
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/input/editor.vue b/src/components/input/editor.vue
index 546deba6b..d5ccf95b2 100644
--- a/src/components/input/editor.vue
+++ b/src/components/input/editor.vue
@@ -29,9 +29,14 @@
 			v-if="isEditActive"
 			v-model="text"/>
 
-		<div class="preview content" v-html="preview" v-if="isPreviewActive">
+		<div class="preview content" v-html="preview" v-if="isPreviewActive && text !== ''">
 		</div>
 
+		<p class="has-text-centered has-text-grey is-italic" v-if="isPreviewActive && text === '' && emptyText !== ''">
+			{{ emptyText }}
+			<a @click="toggleEdit">Edit</a>.
+		</p>
+
 		<ul class="actions">
 			<template v-if="hasEditBottom">
 				<li>
@@ -96,6 +101,10 @@ export default {
 		bottomActions: {
 			default: () => [],
 		},
+		emptyText: {
+			type: String,
+			default: () => '',
+		},
 	},
 	data() {
 		return {
diff --git a/src/components/tasks/partials/description.vue b/src/components/tasks/partials/description.vue
index 8116b4cbb..738973f72 100644
--- a/src/components/tasks/partials/description.vue
+++ b/src/components/tasks/partials/description.vue
@@ -22,6 +22,7 @@
 			:upload-enabled="true"
 			@change="save"
 			placeholder="Click here to enter a description..."
+			empty-text="No description available yet."
 			v-model="task.description"/>
 	</div>
 </template>