Show call to action for task description if there is none

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 {

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>