Question-specific title-placeholders

Signed-off-by: Jonas Rittershofer <jotoeri@users.noreply.github.com>

src/components/Questions/Question.vue

@@ -35,7 +35,7 @@
 		<!-- Header -->
 		<div class="question__header">
 			<input v-if="edit || !text"
-				:placeholder="t('forms', 'Question title')"
+				:placeholder="titlePlaceholder"
 				:aria-label="t('forms', 'Title of question number {index}', {index})"
 				:value="text"
 				class="question__header-title"
@@ -89,6 +89,10 @@ export default {
 			type: String,
 			required: true,
 		},
+		titlePlaceholder: {
+			type: String,
+			required: true,
+		},
 		mandatory: {
 			type: Boolean,
 			required: true,

src/components/Questions/QuestionLong.vue

@@ -27,6 +27,7 @@
 		:mandatory="mandatory"
 		:edit.sync="edit"
 		:max-question-length="maxStringLengths.questionText"
+		:title-placeholder="answerType.titlePlaceholder"
 		@update:text="onTitleChange"
 		@update:mandatory="onMandatoryChange"
 		@delete="onDelete">

src/components/Questions/QuestionMultiple.vue

@@ -27,6 +27,7 @@
 		:mandatory="mandatory"
 		:edit.sync="edit"
 		:max-question-length="maxStringLengths.questionText"
+		:title-placeholder="answerType.titlePlaceholder"
 		@update:text="onTitleChange"
 		@update:mandatory="onMandatoryChange"
 		@delete="onDelete">
@@ -104,7 +105,7 @@ export default {
 		},
 
 		isUnique() {
-			return this.model.unique === true
+			return this.answerType.unique === true
 		},
 
 		hasNoAnswer() {

src/components/Questions/QuestionShort.vue

@@ -27,6 +27,7 @@
 		:mandatory="mandatory"
 		:edit.sync="edit"
 		:max-question-length="maxStringLengths.questionText"
+		:title-placeholder="answerType.titlePlaceholder"
 		@update:text="onTitleChange"
 		@update:mandatory="onMandatoryChange"
 		@delete="onDelete">

src/mixins/QuestionMixin.js

@@ -74,7 +74,7 @@ export default {
 		/**
 		 * Answer type model object
 		 */
-		model: {
+		answerType: {
 			type: Object,
 			required: true,
 		},

src/models/AnswerTypes.js

@@ -37,6 +37,7 @@ export default {
 		component: QuestionMultiple,
 		icon: 'icon-answer-multiple',
 		label: t('forms', 'Multiple choice'),
+		titlePlaceholder: t('forms', 'MultiUniqueTitlePlaceholder'),
 		unique: true,
 		// Define conditions where this questions is not ok
 		validate: question => question.options.length > 0,
@@ -46,6 +47,7 @@ export default {
 		component: QuestionMultiple,
 		icon: 'icon-answer-checkbox',
 		label: t('forms', 'Checkboxes'),
+		titlePlaceholder: t('forms', 'MultiTitlePlaceholder'),
 		// Define conditions where this questions is not ok
 		validate: question => question.options.length > 0,
 	},
@@ -54,12 +56,14 @@ export default {
 		component: QuestionShort,
 		icon: 'icon-answer-short',
 		label: t('forms', 'Short answer'),
+		titlePlaceholder: t('forms', 'ShortTitlePlaceholder'),
 	},
 
 	long: {
 		component: QuestionLong,
 		icon: 'icon-answer-long',
 		label: t('forms', 'Long text'),
+		titlePlaceholder: t('forms', 'LongTitlePlaceholder'),
 	},
 
 }

src/views/Create.vue

@@ -87,7 +87,7 @@
 					v-for="(question, index) in form.questions"
 					ref="questions"
 					:key="question.id"
-					:model="answerTypes[question.type]"
+					:answer-type="answerTypes[question.type]"
 					:index="index + 1"
 					:max-string-lengths="maxStringLengths"
 					v-bind.sync="question"

src/views/Submit.vue

@@ -46,7 +46,7 @@
 						ref="questions"
 						:key="question.id"
 						:read-only="true"
-						:model="answerTypes[question.type]"
+						:answer-type="answerTypes[question.type]"
 						:index="index + 1"
 						:max-string-lengths="maxStringLengths"
 						v-bind="question"