From 84f4e7cc2963dea9cc9882aff3d40533542131e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Tue, 28 Apr 2020 17:17:10 +0200
Subject: [PATCH] Submit states
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 src/views/Submit.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/views/Submit.vue b/src/views/Submit.vue
index 0505b27..7b81cef 100644
--- a/src/views/Submit.vue
+++ b/src/views/Submit.vue
@@ -28,13 +28,13 @@
 				<h3 id="form-title">
 					{{ form.title }}
 				</h3>
-				<p id="form-desc">
+				<p v-if="!loading && !success" id="form-desc">
 					{{ form.description }}
 				</p>
 			</header>
 
 			<!-- Questions list -->
-			<form @submit.prevent="onSubmit">
+			<form v-if="!loading && !success" @submit.prevent="onSubmit">
 				<ul>
 					<Questions
 						:is="answerTypes[question.type].component"
@@ -53,6 +53,14 @@
 					:disabled="loading"
 					:aria-label="t('forms', 'Submit form')">
 			</form>
+
+			<EmptyContent v-else-if="loading" icon="icon-loading">
+				{{ t('forms', 'Submitting form …') }}
+			</EmptyContent>
+
+			<EmptyContent v-else-if="success" icon="icon-checkmark">
+				{{ t('forms', 'Thank you for completing the survey!') }}
+			</EmptyContent>
 		</AppContent>
 	</Content>
 </template>
@@ -67,6 +75,7 @@ import Content from '@nextcloud/vue/dist/Components/Content'
 
 import answerTypes from '../models/AnswerTypes'
 
+import EmptyContent from '../components/EmptyContent'
 import Question from '../components/Questions/Question'
 import QuestionLong from '../components/Questions/QuestionLong'
 import QuestionShort from '../components/Questions/QuestionShort'
@@ -78,6 +87,7 @@ export default {
 	components: {
 		AppContent,
 		Content,
+		EmptyContent,
 		Question,
 		QuestionLong,
 		QuestionShort,