@windward/games 0.0.9 → 0.1.0

package/components/content/blocks/quizshowGame/AnswerPanel.vue

@@ -9,39 +9,45 @@
             <div v-if="result">
                 {{
                     $t(
-                        'plugin.games.components.content.blocks.quizshow_game.feedback.correct'
+                        'windward.games.components.content.blocks.quizshow_game.feedback.correct'
                     )
                 }}
             </div>
             <div v-if="!result">
                 {{
                     $t(
-                        'plugin.games.components.content.blocks.quizshow_game.feedback.incorrect'
+                        'windward.games.components.content.blocks.quizshow_game.feedback.incorrect'
                     )
                 }}
             </div>
         </v-row>
         <br />
+        <v-row v-if="editMode">
+            <v-icon>mdi-help</v-icon>
+            <div>
+                {{
+                    $t(
+                        'windward.games.components.content.blocks.quizshow_game.form.question'
+                    )
+                }}
+            </div></v-row
+        >
         <v-row
             align="center"
             justify="center"
             class="pa-4 mb-4 font-weight-bold text-capitalize"
         >
-            <v-textarea
+            <TextEditor
                 v-if="editMode"
                 v-model="question.text"
-                :counter="255"
-                :label="
-                    $t(
-                        'plugin.games.components.content.blocks.quizshow_game.form.question'
-                    )
-                "
-                @input=""
-                prepend-inner-icon="mdi-help"
-                :autofocus="true"
-                rows="2"
-            ></v-textarea>
-            <v-card flat v-if="!editMode" v-html="question.text"></v-card>
+                class="col-md-12"
+                menubar="edit insert format"
+                toolbar="undo redo | italic underline strikethrough removeformat | mathButton "
+                :height="250"
+                lazy-load
+                auto-grow
+            ></TextEditor>
+            <TextViewer v-if="!editMode" v-model="question.text"></TextViewer>
         </v-row>
         <v-row
             align="center"
@@ -54,7 +60,7 @@
                 :counter="255"
                 :label="
                     $t(
-                        'plugin.games.components.content.blocks.quizshow_game.feedback.answer'
+                        'windward.games.components.content.blocks.quizshow_game.feedback.answer'
                     )
                 "
                 rows="2"
@@ -129,7 +135,7 @@
                         v-model="question.choices[choice_index].text"
                         :label="
                             $t(
-                                'plugin.games.components.content.blocks.quizshow_game.form.choice'
+                                'windward.games.components.content.blocks.quizshow_game.form.choice'
                             )
                         "
                         outlined
@@ -156,7 +162,7 @@
             >
                 {{
                     $tc(
-                        'plugin.games.components.content.blocks.quizshow_game.add_choice'
+                        'windward.games.components.content.blocks.quizshow_game.add_choice'
                     )
                 }}
             </v-btn>
@@ -168,7 +174,7 @@
         >
             {{
                 $tc(
-                    'plugin.games.components.content.blocks.quizshow_game.form.for_points',
+                    'windward.games.components.content.blocks.quizshow_game.form.for_points',
                     Number(points),
                     {
                         points: Number(points),
@@ -186,7 +192,7 @@
             <template #title>
                 {{
                     $t(
-                        'plugin.games.components.content.blocks.quizshow_game.feedback.answer_description'
+                        'windward.games.components.content.blocks.quizshow_game.feedback.answer_description'
                     )
                 }}
             </template>
@@ -196,7 +202,7 @@
                         question.feedback
                             ? question.feedback
                             : $t(
-                                  'plugin.games.components.content.blocks.quizshow_game.feedback.placeholder'
+                                  'windward.games.components.content.blocks.quizshow_game.feedback.placeholder'
                               )
                     }}
                 </div>
@@ -208,10 +214,11 @@
 <script>
 import Dialog from '~/components/Dialog.vue'
 import { MathHelper } from '@windward/core/utils'
-
+import TextEditor from '~/components/Text/TextEditor.vue'
+import TextViewer from '~/components/Text/TextViewer.vue'
 export default {
     name: 'AnswerPanel',
-    components: { Dialog },
+    components: { Dialog, TextEditor, TextViewer },
     props: {
         editMode: { type: Boolean, required: false, default: false },
         value: { type: Object, required: true, default: () => {} },
@@ -239,7 +246,7 @@ export default {
             deep: true,
         },
     },
-    mounted() {
+    beforeMount() {
         if (!_.isEmpty(this.value)) {
             this.question = _.cloneDeep(this.value)
         }

package/components/content/blocks/quizshowGame/Gridview.vue

@@ -4,7 +4,7 @@
             <v-app-bar-nav-icon></v-app-bar-nav-icon>
             <v-toolbar-title class="text-capitalize">{{
                 $t(
-                    'plugin.games.components.content.blocks.quizshow_game.spreadsheet_mode'
+                    'windward.games.components.content.blocks.quizshow_game.spreadsheet_mode'
                 )
             }}</v-toolbar-title>
             <v-spacer></v-spacer>
@@ -12,7 +12,7 @@
                 icon
                 :aria-label="
                     $t(
-                        'plugin.games.components.content.blocks.quizshow_game.expand_button'
+                        'windward.games.components.content.blocks.quizshow_game.expand_button'
                     )
                 "
                 @click="expand"
@@ -20,16 +20,12 @@
                 <v-icon>mdi-arrow-expand-all</v-icon>
             </v-btn>
         </v-toolbar>
-        <vue-excel-editor
-            v-model="jsondata"
-            @update="emitData"
-            filter-row
-        >
+        <vue-excel-editor v-model="jsondata" @update="emitData" filter-row>
             <vue-excel-column
                 field="category"
                 :label="
                     $t(
-                        'plugin.games.components.content.blocks.quizshow_game.category'
+                        'windward.games.components.content.blocks.quizshow_game.category'
                     )
                 "
                 type="string"
@@ -40,7 +36,7 @@
                 field="points"
                 :label="
                     $t(
-                        'plugin.games.components.content.blocks.quizshow_game.points'
+                        'windward.games.components.content.blocks.quizshow_game.points'
                     )
                 "
                 width="60px"
@@ -50,7 +46,7 @@
                 field="question"
                 :label="
                     $t(
-                        'plugin.games.components.content.blocks.quizshow_game.question'
+                        'windward.games.components.content.blocks.quizshow_game.question'
                     )
                 "
                 type="string"
@@ -60,7 +56,7 @@
                 field="answer"
                 :label="
                     $t(
-                        'plugin.games.components.content.blocks.quizshow_game.answer'
+                        'windward.games.components.content.blocks.quizshow_game.answer'
                     )
                 "
                 width="60px"
@@ -71,7 +67,7 @@
                 field="choice_1"
                 :label="
                     $t(
-                        'plugin.games.components.content.blocks.quizshow_game.choice_1'
+                        'windward.games.components.content.blocks.quizshow_game.choice_1'
                     )
                 "
                 type="string"
@@ -81,7 +77,7 @@
                 field="choice_2"
                 :label="
                     $t(
-                        'plugin.games.components.content.blocks.quizshow_game.choice_2'
+                        'windward.games.components.content.blocks.quizshow_game.choice_2'
                     )
                 "
                 type="string"
@@ -91,7 +87,7 @@
                 field="choice_3"
                 :label="
                     $t(
-                        'plugin.games.components.content.blocks.quizshow_game.choice_3'
+                        'windward.games.components.content.blocks.quizshow_game.choice_3'
                     )
                 "
                 type="string"
@@ -101,7 +97,7 @@
                 field="choice_4"
                 :label="
                     $t(
-                        'plugin.games.components.content.blocks.quizshow_game.choice_4'
+                        'windward.games.components.content.blocks.quizshow_game.choice_4'
                     )
                 "
                 type="string"
@@ -119,7 +115,7 @@
             <template #title
                 ><span class="text-capitalize">{{
                     $t(
-                        'plugin.games.components.content.blocks.quizshow_game.spreadsheet_mode'
+                        'windward.games.components.content.blocks.quizshow_game.spreadsheet_mode'
                     )
                 }}</span></template
             >
@@ -136,7 +132,7 @@
                         field="category"
                         :label="
                             $t(
-                                'plugin.games.components.content.blocks.quizshow_game.category'
+                                'windward.games.components.content.blocks.quizshow_game.category'
                             )
                         "
                         type="string"
@@ -147,7 +143,7 @@
                         field="points"
                         :label="
                             $t(
-                                'plugin.games.components.content.blocks.quizshow_game.points'
+                                'windward.games.components.content.blocks.quizshow_game.points'
                             )
                         "
                         width="60px"
@@ -157,7 +153,7 @@
                         field="question"
                         :label="
                             $t(
-                                'plugin.games.components.content.blocks.quizshow_game.question'
+                                'windward.games.components.content.blocks.quizshow_game.question'
                             )
                         "
                         type="string"
@@ -167,7 +163,7 @@
                         field="answer"
                         :label="
                             $t(
-                                'plugin.games.components.content.blocks.quizshow_game.answer'
+                                'windward.games.components.content.blocks.quizshow_game.answer'
                             )
                         "
                         width="60px"
@@ -178,7 +174,7 @@
                         field="choice_1"
                         :label="
                             $t(
-                                'plugin.games.components.content.blocks.quizshow_game.choice_1'
+                                'windward.games.components.content.blocks.quizshow_game.choice_1'
                             )
                         "
                         type="string"
@@ -188,7 +184,7 @@
                         field="choice_2"
                         :label="
                             $t(
-                                'plugin.games.components.content.blocks.quizshow_game.choice_2'
+                                'windward.games.components.content.blocks.quizshow_game.choice_2'
                             )
                         "
                         type="string"
@@ -198,7 +194,7 @@
                         field="choice_3"
                         :label="
                             $t(
-                                'plugin.games.components.content.blocks.quizshow_game.choice_3'
+                                'windward.games.components.content.blocks.quizshow_game.choice_3'
                             )
                         "
                         type="string"
@@ -208,7 +204,7 @@
                         field="choice_4"
                         :label="
                             $t(
-                                'plugin.games.components.content.blocks.quizshow_game.choice_4'
+                                'windward.games.components.content.blocks.quizshow_game.choice_4'
                             )
                         "
                         type="string"

package/components/content/blocks/quizshowGame/QuizShow.vue

@@ -6,7 +6,7 @@
             class="text-capitalize"
             :label="
                 $t(
-                    'plugin.games.components.content.blocks.quizshow_game.spreadsheet_mode'
+                    'windward.games.components.content.blocks.quizshow_game.spreadsheet_mode'
                 )
             "
         ></v-switch>
@@ -15,12 +15,12 @@
                 <h3
                     :aria-label="
                         $t(
-                            'plugin.games.components.content.blocks.quizshow_game.title'
+                            'windward.games.components.content.blocks.quizshow_game.title'
                         )
                     "
                     tabindex="0"
                 >
-                    {{ block.metadata.config.title }}
+                    {{ title }}
                 </h3>
 
                 <p tabindex="0">
@@ -29,7 +29,7 @@
                 <p tabindex="0">
                     {{
                         $t(
-                            'plugin.games.components.content.blocks.quizshow_game.basic_instructions'
+                            'windward.games.components.content.blocks.quizshow_game.basic_instructions'
                         )
                     }}
                 </p>
@@ -43,7 +43,7 @@
                             .categories"
                         :key="cat_index"
                         class="flex-fill"
-                    elevation="0"
+                        elevation="0"
                         tile
                         :max-width="
                             block.metadata.config.responsive
@@ -74,10 +74,16 @@
                                     @click="quizshow(cat_index, point_index)"
                                 >
                                     <v-row justify="space-between">
-                                        <v-col  md="1"    v-if="!render || (     render &&
+                                        <v-col
+                                            v-if="
+                                                !render ||
+                                                (render &&
                                                     options.answers[cat_index][
                                                         point_index
-                                                    ] !== null)">
+                                                    ] !== null)
+                                            "
+                                            md="1"
+                                        >
                                             <feedback-icons
                                                 v-if="!render"
                                                 :success="
@@ -143,7 +149,7 @@
                     <v-icon>mdi-chevron-left</v-icon>
                     {{
                         $t(
-                            'plugin.games.components.content.blocks.quizshow_game.return_to_questions'
+                            'windward.games.components.content.blocks.quizshow_game.return_to_questions'
                         )
                     }}
                 </v-btn>
@@ -171,7 +177,7 @@
             >
                 {{
                     $t(
-                        'plugin.games.components.content.blocks.quizshow_game.total_score'
+                        'windward.games.components.content.blocks.quizshow_game.total_score'
                     ) +
                     ' ' +
                     totalScore()
@@ -233,6 +239,13 @@ export default {
     mounted() {},
     updated() {},
     computed: {
+        title() {
+            return this.block.metadata.config.title
+                ? this.block.metadata.config.title
+                : this.$t(
+                      'windward.games.components.settings.quizshow_game.title'
+                  )
+        },
         editorFeedbackIcons() {
             if (this.render) {
                 return {

package/components/content/blocks/quizshowGame/feedbackIcons.vue

@@ -3,7 +3,7 @@
         <span class="sr-only">
             {{
                 $t(
-                    'plugin.games.components.content.blocks.quizshow_game.success'
+                    'windward.games.components.content.blocks.quizshow_game.success'
                 )
             }}</span
         >
@@ -12,7 +12,9 @@
         </v-icon>
         <span class="sr-only">
             {{
-                $t('plugin.games.components.content.blocks.quizshow_game.error')
+                $t(
+                    'windward.games.components.content.blocks.quizshow_game.error'
+                )
             }}</span
         >
         <v-icon color="error" v-if="!success">