Merge pull request #259 from ditdot-dev/feature/opinion-scale-question

Feature/opinion scale question

Author: phre1

examples/questionnaire/Example.vue

@@ -111,7 +111,7 @@
             title: 'Tell us what is your favorite social network hangout.',
             helpTextShow: false,
             type: QuestionType.MultiplePictureChoice,
-            multiple: false,
+            multiple: true,
             required: true,
             options: [
               new ChoiceOption({
@@ -150,6 +150,24 @@
             required: true,
             placeholder: 'Start typing here...'
           }),
+          new QuestionModel({
+            id: 'icon_rate',
+            tagline: "Thanks for that. Now, let's give it some ⭐ rating",
+            title: 'How good was the last movie you watched?',
+            type: QuestionType.IconRate,
+            required: true,
+            max: 5
+          }),
+          new QuestionModel({
+            id: 'opinion_scale',
+            title: 'Choose a number to express your opinion 👇',
+            subtitle: 'You can also use ⌨️ numbers to select an option',
+            type: QuestionType.OpinionScale,
+            required: true,
+            max: 5,
+            labelLeft: 'Dissapointing',
+            labelRight: 'Exceptional'
+          }),
           new QuestionModel({
             id: 'multiple_choice',
             tagline: 'FYI, You can always go back 👈, use the up arrow on the bottom.',
@@ -193,6 +211,7 @@
               })
             ]
           }),
+ 
           new QuestionModel({
             id: 'break_1',
             title: 'Awesome, thank you. 🙏',

examples/support-page/Example.vue

@@ -152,7 +152,16 @@
             required: true,
             placeholder: 'Start typing here...',
             model: ''
-          }
+          },
+          {
+            type: 'iconrate',
+            id: 'icon_rate',
+            tagline: "One more thing before you go",
+            title: 'How would you rate our service?',
+            required: false,
+            max: 5,
+            model: ''
+          },
         ]
       }
     },