From 0f91f855be0961b465f2ce6c0c52a7e85cd61707 Mon Sep 17 00:00:00 2001
From: nienzu <ibqqz0602@gmail.com>
Date: Mon, 12 Oct 2020 16:02:22 +0800
Subject: [PATCH] Inform user if the form is anonymous

Signed-off-by: nienzu <ibqqz0602@gmail.com>
---
 src/views/Create.vue | 33 +++++++++++++++++++--------------
 src/views/Submit.vue | 33 +++++++++++++++++++--------------
 2 files changed, 38 insertions(+), 28 deletions(-)

diff --git a/src/views/Create.vue b/src/views/Create.vue
index 938bf2077..9bf3d977c 100644
--- a/src/views/Create.vue
+++ b/src/views/Create.vue
@@ -70,10 +70,8 @@
 				@change="autoSizeDescription"
 				@keydown="autoSizeDescription"
 				@keyup="onDescChange" />
-			<!-- Only visible if at least one question is marked as mandatory-->
-			<p v-if="mandatoryUsed" class="info-mandatory">
-				* {{ t('forms', 'Required questions') }}
-			</p>
+			<!-- Generate form information message-->
+			<p class="info-message" v-text="infoMessage" />
 		</header>
 
 		<section>
@@ -197,14 +195,21 @@ export default {
 			return this.form.questions && this.form.questions.length === 0
 		},
 
-		/**
-		 * Check if at least one question is mandatory
-		 * @returns {Boolean}
-		 */
-		mandatoryUsed() {
-			return this.form.questions.reduce(
-				(isUsed, question) => isUsed || question.mandatory
-				, false)
+		isMandatoryUsed() {
+			return this.form.questions.reduce((isUsed, question) => isUsed || question.mandatory, false)
+		},
+
+		infoMessage() {
+			let message = ''
+			if (this.form.isAnonymous) {
+				message += t('forms', 'Responses are anonymous.')
+			} else {
+				message += t('forms', 'Responses are connected to your Nextcloud account.')
+			}
+			if (this.isMandatoryUsed) {
+				message += ' ' + t('forms', ' An asterisk (*) indicates mandatory questions.')
+			}
+			return message
 		},
 	},
 
@@ -446,7 +451,7 @@ export default {
 
 		.form-title,
 		.form-desc,
-		.info-mandatory {
+		.info-message {
 			width: 100%;
 			padding: 0 16px;
 			border: none;
@@ -470,7 +475,7 @@ export default {
 			resize: none;
 		}
 
-		.info-mandatory {
+		.info-message {
 			font-size: 100%;
 			padding-bottom: 20px;
 			resize: none;
diff --git a/src/views/Submit.vue b/src/views/Submit.vue
index e7b0a0468..88f4540aa 100644
--- a/src/views/Submit.vue
+++ b/src/views/Submit.vue
@@ -31,10 +31,8 @@
 				<!-- Do not wrap the following line between tags! `white-space:pre-line` respects `\n` but would produce additional empty first line -->
 				<!-- eslint-disable-next-line -->
 				<p v-if="!loading && !success" class="form-desc">{{ form.description }}</p>
-				<!-- Only visible if at least one question is marked as mandatory-->
-				<p v-if="mandatoryUsed && !loading && !success" class="info-mandatory">
-					* {{ t('forms', 'Required questions') }}
-				</p>
+				<!-- Generate form information message-->
+				<p class="info-message" v-text="infoMessage" />
 			</header>
 
 			<!-- Questions list -->
@@ -143,14 +141,21 @@ export default {
 			})
 		},
 
-		/**
-		 * Check if at least one question is mandatory
-		 * @returns {Boolean}
-		 */
-		mandatoryUsed() {
-			return this.form.questions.reduce(
-				(isUsed, question) => isUsed || question.mandatory
-				, false)
+		isMandatoryUsed() {
+			return this.form.questions.reduce((isUsed, question) => isUsed || question.mandatory, false)
+		},
+
+		infoMessage() {
+			let message = ''
+			if (this.form.isAnonymous) {
+				message += t('forms', 'Responses are anonymous.')
+			} else {
+				message += t('forms', 'Responses are connected to your Nextcloud account.')
+			}
+			if (this.isMandatoryUsed) {
+				message += ' ' + t('forms', ' An asterisk (*) indicates mandatory questions.')
+			}
+			return message
 		},
 	},
 
@@ -231,7 +236,7 @@ export default {
 
 		.form-title,
 		.form-desc,
-		.info-mandatory {
+		.info-message {
 			width: 100%;
 			padding: 0 16px;
 			border: none;
@@ -255,7 +260,7 @@ export default {
 			white-space: pre-line;
 		}
 
-		.info-mandatory {
+		.info-message {
 			font-size: 100%;
 			padding-bottom: 20px;
 			resize: none;