@windward/games 0.0.8 → 0.0.10

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

@@ -20,7 +20,7 @@
                     "
                     tabindex="0"
                 >
-                    {{ block.metadata.config.title }}
+                    {{ title }}
                 </h3>
 
                 <p tabindex="0">
@@ -43,7 +43,7 @@
                             .categories"
                         :key="cat_index"
                         class="flex-fill"
-                        outlined
+                        elevation="0"
                         tile
                         :max-width="
                             block.metadata.config.responsive
@@ -73,32 +73,47 @@
                                     class="flex-fill ma-2 pa-5"
                                     @click="quizshow(cat_index, point_index)"
                                 >
-                                    <span class="text--primary">{{
-                                        point
-                                    }}</span>
-                                    <feedback-icons
-                                        v-if="!render"
-                                        :success="
-                                            editorFeedback(
-                                                cat_index,
-                                                point_index
-                                            )
-                                        "
-                                        :icons="editorFeedbackIcons"
-                                    />
-                                    <feedback-icons
-                                        v-if="
-                                            render &&
-                                            options.answers[cat_index][
-                                                point_index
-                                            ] !== null
-                                        "
-                                        :success="
-                                            options.answers[cat_index][
-                                                point_index
-                                            ]
-                                        "
-                                    />
+                                    <v-row justify="space-between">
+                                        <v-col
+                                            v-if="
+                                                !render ||
+                                                (render &&
+                                                    options.answers[cat_index][
+                                                        point_index
+                                                    ] !== null)
+                                            "
+                                            md="1"
+                                        >
+                                            <feedback-icons
+                                                v-if="!render"
+                                                :success="
+                                                    editorFeedback(
+                                                        cat_index,
+                                                        point_index
+                                                    )
+                                                "
+                                                :icons="editorFeedbackIcons"
+                                            />
+                                            <feedback-icons
+                                                v-if="
+                                                    render &&
+                                                    options.answers[cat_index][
+                                                        point_index
+                                                    ] !== null
+                                                "
+                                                :success="
+                                                    options.answers[cat_index][
+                                                        point_index
+                                                    ]
+                                                "
+                                            />
+                                        </v-col>
+                                        <v-col align-self="center"
+                                            ><span class="text--primary">{{
+                                                point
+                                            }}</span></v-col
+                                        ></v-row
+                                    >
                                 </v-btn>
                             </v-row>
                         </v-col>
@@ -127,8 +142,9 @@
             >
                 <v-btn
                     class="text-capitalize"
-                    color="secondary"
+                    color="primary"
                     @click="show = !show"
+                    outlined
                 >
                     <v-icon>mdi-chevron-left</v-icon>
                     {{
@@ -147,7 +163,7 @@
                 <v-btn
                     outlined
                     class="text-capitalize"
-                    color="secondary"
+                    color="primary"
                     @click="resetGame"
                 >
                     {{ $t('shared.forms.reset') }}
@@ -223,6 +239,13 @@ export default {
     mounted() {},
     updated() {},
     computed: {
+        title() {
+            return this.block.metadata.config.title
+                ? this.block.metadata.config.title
+                : this.$t(
+                      'plugin.games.components.settings.quizshow_game.title'
+                  )
+        },
         editorFeedbackIcons() {
             if (this.render) {
                 return {
@@ -506,7 +529,7 @@ export default {
                     return 'error'
                 }
             } else {
-                return 'secondary'
+                return 'primary'
             }
         },
     },

package/components/content/blocks/slideshow/SlideShow.vue

@@ -103,7 +103,9 @@ export default {
             this.block.metadata.config = {}
         }
         if (_.isEmpty(this.block.metadata.config.title)) {
-            this.block.metadata.config.title = ''
+            this.block.metadata.config.title = this.$t(
+                'plugin.games.components.settings.slideshow.form.slideshow_title'
+            )
         }
 
         if (_.isEmpty(this.block.metadata.config.instructions)) {

package/components/content/blocks/wordJumble/Jumble.vue

@@ -29,8 +29,10 @@ export default {
                 // reveals correct answer in input areas
                 if (newValue === true) {
                     for (let i = 0; i < this.value.value.length; i++) {
-                        const letter = this.answer.charAt(i)
-                        this.letterArray[i].value = letter
+                        if (this.answer.length > 0) {
+                            const letter = this.answer.charAt(i)
+                            this.letterArray[i].value = letter
+                        }
                     }
                 } else {
                     this.splitUpWord()

package/components/content/blocks/wordJumble/WordJumble.vue

@@ -1,7 +1,7 @@
 <template>
     <v-container>
         <v-col class="pa-0">
-            <h1>
+            <h3>
                 {{
                     block.metadata.config.title
                         ? block.metadata.config.title
@@ -9,7 +9,7 @@
                               'plugin.games.components.content.blocks.word_jumble.title'
                           )
                 }}
-            </h1>
+            </h3>
             <p>{{ block.metadata.config.instructions }}</p>
         </v-col>
         <v-col class="pa-0">
@@ -55,6 +55,7 @@
                         </v-container>
                         <v-row class="justify-center mt-4">
                             <Jumble
+                                :key="updateJumble"
                                 :value="word"
                                 :reveal="showAnswer"
                                 :reset="resetValue"
@@ -91,6 +92,7 @@
 import _ from 'lodash'
 import Jumble from './Jumble.vue'
 import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
+import Crypto from '~/helpers/Crypto'
 
 export default {
     name: 'WordJumble',
@@ -141,8 +143,14 @@ export default {
             resetValue: false,
             studentResponse: '',
             feedbackStatus: '',
+            updateJumble: 0,
         }
     },
+    watch: {
+        render(newValue) {
+            this.updateJumble = Crypto.id()
+        },
+    },
     mounted() {
         this.showAnswer = false
     },
@@ -224,6 +232,7 @@ export default {
             // that components do not remount on slides each time the slide is revisited
             // updates class
             this.feedbackStatus = ''
+            this.showFeedback = false
             this.feedback = this.$t(
                 'plugin.games.components.content.blocks.word_jumble.feedback'
             )