Merge pull request #104 from ditdot-dev/help-text-fix

Help text option for single choice field

Author: phre1

examples/questionnaire/Example.vue

@@ -121,6 +121,7 @@
             title: 'Multiple choice question:',
             type: QuestionType.MultipleChoice,
             multiple: false,
+            helpText: ' ',
             allowOther: true,
             required: true,
             options: [

src/components/Question.vue

@@ -28,12 +28,13 @@
             </span>
           </template>
 
-          <span class="f-sub" v-if="question.subtitle || question.type === QuestionType.LongText || question.multiple">
+          <span class="f-sub" v-if="question.subtitle || question.type === QuestionType.LongText || question.type === QuestionType.MultipleChoice">
             <span v-if="question.subtitle">{{ question.subtitle }}</span>
 
             <span class="f-help" v-if="question.type === QuestionType.LongText && !isMobile">{{ question.helpText || language.longTextHelpText }}</span>
 
-            <span class="f-help" v-if="question.multiple">{{ question.helpText || language.multipleChoiceHelpText }}</span>
+            <span class="f-help" v-if="question.type === QuestionType.MultipleChoice && question.multiple">{{ question.helpText || language.multipleChoiceHelpText }}</span>
+            <span class="f-help" v-else-if="question.type === QuestionType.MultipleChoice">{{ question.helpText || language.multipleChoiceHelpTextSingle }}</span>
           </span>
 
           <div v-if="!question.inline" class="f-answer full-width">

src/models/LanguageModel.js

@@ -12,6 +12,7 @@ export default class LanguageModel {
     this.continue = 'Continue'
     this.pressEnter = 'Press ENTER'
     this.multipleChoiceHelpText = 'Choose as many as you like'
+    this.multipleChoiceHelpTextSingle = 'Choose only one answer'
     this.otherPrompt = 'Other'
     this.placeholder = 'Type your answer here...'
     this.submitText = 'Submit'