@windward/games 0.17.1 → 0.19.0

package/components/settings/SevenStrikesSettingsManager.vue

@@ -1,35 +1,10 @@
 <template>
     <div>
         <v-container class="pa-0">
-            <v-text-field
-                ref="title"
-                id="block-settings-title"
-                v-model="block.metadata.config.title"
-                :rules="$Validation.getRule('block.title')"
-                :counter="$Validation.getLimit('block.title')"
-                outlined
-                :autofocus="true"
-                :label="
-                    $t(
-                        'windward.games.components.settings.bucket_game.form.title'
-                    )
-                "
+            <BaseContentBlockSettings
+                v-model="block.metadata.config"
                 :disabled="render"
-            ></v-text-field>
-            <v-textarea
-                id="block-settings-instructions"
-                v-model="block.metadata.config.instructions"
-                :rules="$Validation.getRule('block.instructions')"
-                :counter="$Validation.getLimit('block.instructions')"
-                outlined
-                auto-grow
-                :label="
-                    $t(
-                        'windward.games.components.settings.bucket_game.form.instructions'
-                    )
-                "
-                :disabled="render"
-            ></v-textarea>
+            ></BaseContentBlockSettings>
         </v-container>
         <v-divider class="my-4 primary"></v-divider>
         <v-container class="pa-0">
@@ -146,12 +121,18 @@ import draggable from 'vuedraggable'
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import CrudTable from '../content/CrudTable.vue'
 import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
+import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
 import Uuid from '~/helpers/Uuid'
 
 export default {
     name: 'SevenStrikesSettingsManager',
     extends: BaseContentSettings,
-    components: { CrudTable, draggable, SortableExpansionPanel },
+    components: {
+        CrudTable,
+        draggable,
+        SortableExpansionPanel,
+        BaseContentBlockSettings,
+    },
     beforeMount() {
         if (_.isEmpty(this.block)) {
             this.block = {}
@@ -170,6 +151,9 @@ export default {
                 'windward.games.components.settings.seven_strikes.title'
             )
         }
+        if (!_.isBoolean(this.block.metadata.config.display_title)) {
+            this.$set(this.block.metadata.config, 'display_title', true)
+        }
         if (
             _.isEmpty(this.block.metadata.config.instructions) &&
             this.block.id &&

package/components/settings/SlideShowManager.vue

@@ -1,33 +1,10 @@
 <template>
     <div>
         <v-container class="pa-0">
-            <v-text-field
-                id="block-settings-title"
-                v-model="block.metadata.config.title"
-                outlined
-                :rules="$Validation.getRule('block.title')"
-                :counter="$Validation.getLimit('block.title')"
-                :label="
-                    $t(
-                        'windward.games.components.settings.slideshow.form.title'
-                    )
-                "
-                :disabled="render"
-            ></v-text-field>
-            <v-textarea
-                id="block-settings-instructions"
-                v-model="block.metadata.config.instructions"
-                outlined
-                auto-grow
-                :rules="$Validation.getRule('block.instructions')"
-                :counter="$Validation.getLimit('block.instructions')"
-                :label="
-                    $t(
-                        'windward.games.components.settings.slideshow.form.instructions'
-                    )
-                "
+            <BaseContentBlockSettings
+                v-model="block.metadata.config"
                 :disabled="render"
-            ></v-textarea>
+            ></BaseContentBlockSettings>
         </v-container>
         <v-divider class="my-4 primary"></v-divider>
         <v-container class="pa-0">
@@ -128,6 +105,7 @@
 <script>
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import _ from 'lodash'
+import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
 import ImageAssetSettings from '~/components/Content/Settings/ImageAssetSettings.vue'
 import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
 import Uuid from '~/helpers/Uuid'
@@ -138,6 +116,7 @@ export default {
     components: {
         ImageAssetSettings,
         SortableExpansionPanel,
+        BaseContentBlockSettings,
     },
     beforeMount() {
         if (_.isEmpty(this.block)) {
@@ -152,6 +131,9 @@ export default {
         if (_.isEmpty(this.block.metadata.config)) {
             this.block.metadata.config = {}
         }
+        if (!_.isBoolean(this.block.metadata.config.display_title)) {
+            this.$set(this.block.metadata.config, 'display_title', true)
+        }
         if (_.isEmpty(this.block.metadata.config.currentSlide)) {
             this.block.metadata.config.currentSlide = 0
         }

package/components/settings/SortingGameSettingsManager.vue

@@ -1,35 +1,10 @@
 <template>
     <div>
         <v-container class="pa-0">
-            <v-text-field
-                ref="title"
-                id="block-settings-title"
-                v-model="block.metadata.config.title"
-                outlined
-                :autofocus="true"
-                :rules="$Validation.getRule('block.title')"
-                :counter="$Validation.getLimit('block.title')"
-                :label="
-                    $t(
-                        'windward.games.components.settings.bucket_game.form.title'
-                    )
-                "
+            <BaseContentBlockSettings
+                v-model="block.metadata.config"
                 :disabled="render"
-            ></v-text-field>
-            <v-textarea
-                id="block-settings-instructions"
-                v-model="block.metadata.config.instructions"
-                outlined
-                auto-grow
-                :rules="$Validation.getRule('block.instructions')"
-                :counter="$Validation.getLimit('block.instructions')"
-                :label="
-                    $t(
-                        'windward.games.components.settings.bucket_game.form.instructions'
-                    )
-                "
-                :disabled="render"
-            ></v-textarea>
+            ></BaseContentBlockSettings>
         </v-container>
         <v-divider class="my-4 primary"></v-divider>
         <v-container class="pa-0">
@@ -118,13 +93,14 @@
 <script>
 import _ from 'lodash'
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
+import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
 import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
 import Uuid from '~/helpers/Uuid'
 
 export default {
     name: 'SortingGameSettingsManager',
     extends: BaseContentSettings,
-    components: { SortableExpansionPanel },
+    components: { SortableExpansionPanel, BaseContentBlockSettings },
     beforeMount() {
         if (_.isEmpty(this.block)) {
             this.block = {}
@@ -140,6 +116,9 @@ export default {
                 'windward.games.components.settings.sorting_game.sortable_game'
             )
         }
+        if (!_.isBoolean(this.block.metadata.config.display_title)) {
+            this.$set(this.block.metadata.config, 'display_title', true)
+        }
         if (
             _.isEmpty(this.block.metadata.config.instructions) &&
             this.block.id &&

package/components/settings/WordJumbleSettingsManager.vue

@@ -1,35 +1,10 @@
 <template>
     <div>
         <v-container class="pa-0">
-            <v-text-field
-                ref="title"
-                id="block-settings-title"
-                v-model="block.metadata.config.title"
-                :rules="$Validation.getRule('block.title')"
-                :counter="$Validation.getLimit('block.title')"
-                outlined
-                :autofocus="true"
-                :label="
-                    $t(
-                        'windward.games.components.settings.word_jumble.title_input'
-                    )
-                "
-                :disabled="render"
-            ></v-text-field>
-            <v-textarea
-                id="block-settings-instructions"
-                v-model="block.metadata.config.instructions"
-                :rules="$Validation.getRule('block.instructions')"
-                :counter="$Validation.getLimit('block.instructions')"
-                outlined
-                auto-grow
-                :label="
-                    $t(
-                        'windward.games.components.settings.word_jumble.instructions'
-                    )
-                "
+            <BaseContentBlockSettings
+                v-model="block.metadata.config"
                 :disabled="render"
-            ></v-textarea>
+            ></BaseContentBlockSettings>
         </v-container>
         <v-divider class="my-4 primary"></v-divider>
         <v-container class="pa-0">
@@ -150,12 +125,14 @@
 import _ from 'lodash'
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
+import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
 
 export default {
     name: 'WordJumbleSettings',
     extends: BaseContentSettings,
     components: {
         SortableExpansionPanel,
+        BaseContentBlockSettings,
     },
     beforeMount() {
         if (_.isEmpty(this.block)) {
@@ -175,6 +152,9 @@ export default {
                 'windward.games.components.settings.word_jumble.title'
             )
         }
+        if (!_.isBoolean(this.block.metadata.config.display_title)) {
+            this.$set(this.block.metadata.config, 'display_title', true)
+        }
         if (_.isEmpty(this.block.metadata.config.instructions)) {
             this.block.metadata.config.instructions = ''
         }

package/i18n/en-US/components/content/blocks/flashcard.ts

@@ -5,4 +5,5 @@ export default {
     flip_card: 'Click to flip card',
     click_to_show_front: 'Click to show Front',
     click_to_show_back: 'Click to show Back',
+    replace_existing: 'Replace existing flashcards',
 }

package/i18n/en-US/components/settings/bucket_game.ts

@@ -36,5 +36,10 @@ export default {
         click_here: 'Click here to enter text',
         add_answer: 'Add Answer',
         color: 'Bucket Color',
+        replace_existing: 'Replace existing buckets',
+        replaced_successfully: 'Buckets replaced successfully',
+        added_successfully: 'New buckets added successfully',
+        invalid_response: 'Invalid response from bucket game generation',
+        failed_to_process: 'Failed to process generated buckets'
     },
 }

package/i18n/en-US/components/settings/multiple_choice.ts

@@ -2,7 +2,8 @@ export default {
     game_title: 'Multiple Choice Game',
     title_placeholder: 'Title',
     instructions: 'Instructions',
-    default_instructions: 'Read the question and click the correct answer below. Use the arrows to move between questions.',
+    default_instructions:
+        'Read the question and click the correct answer below. Use the arrows to move between questions.',
     questions: 'Questions',
     modal_title: 'Multiple Choice Question',
     question_hint: 'Question Hint',
@@ -11,7 +12,7 @@ export default {
     answer_options: 'Answer Options',
     answer_option: 'Answer Option',
     correct: 'Correct',
-    correct_answer: 'Click an answer to set it as the correct answer',
-    add_answer: 'Add Answer',
+    add_answer: 'Add Answer Option',
     add_question: 'Add Question',
+    answer: 'Answers',
 }

package/i18n/es-ES/components/settings/bucket_game.ts

@@ -37,5 +37,10 @@ export default {
         click_here: 'Haga clic aquí para ingresar texto',
         add_answer: 'Agregar respuesta',
         color: 'Color del cubo',
+        replace_existing: 'Reemplazar cubos existentes',
+        replaced_successfully: 'Cubos reemplazados exitosamente',
+        added_successfully: 'Nuevos cubos añadidos exitosamente',
+        invalid_response: 'Respuesta inválida de la generación del juego de cubos',
+        failed_to_process: 'Error al procesar los cubos generados'
     },
 }

package/i18n/es-ES/components/settings/multiple_choice.ts

@@ -12,8 +12,7 @@ export default {
     answer_options: 'Opciones de respuesta',
     answer_option: 'Opción de respuesta',
     correct: 'Correcto',
-    correct_answer:
-        'Haga clic en una respuesta para establecerla como la respuesta correcta',
-    add_answer: 'Agregar respuesta',
+    add_answer: 'Agregar opción de respuesta',
     add_question: 'Agregar pregunta',
+    answer: 'Respuestas',
 }

package/i18n/sv-SE/components/settings/bucket_game.ts

@@ -36,5 +36,10 @@ export default {
         click_here: 'Klicka här för att skriva in text',
         add_answer: 'Lägg till svar',
         color: 'Bucket Color',
+        replace_existing: 'Ersätt befintliga hinkar',
+        replaced_successfully: 'Hinkar ersatta',
+        added_successfully: 'Nya hinkar tillagda',
+        invalid_response: 'Ogiltig svar från hinkspel',
+        failed_to_process: 'Misslyckades att bearbeta hinkar'
     },
 }

package/i18n/sv-SE/components/settings/multiple_choice.ts

@@ -11,7 +11,7 @@ export default {
     answer_options: 'Svarsalternativ',
     answer_option: 'Svarsalternativ',
     correct: 'Korrekt',
-    correct_answer: 'Klicka på ett svar för att ställa in det som rätt svar',
-    add_answer: 'Lägg till svar',
+    add_answer: 'Lägg till svarsalternativ',
     add_question: 'Lägg till fråga',
+    answer: 'Svar',
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/games",
-    "version": "0.17.1",
+    "version": "0.19.0",
     "description": "Windward UI Plugin Games",
     "main": "plugin.js",
     "scripts": {

package/test/blocks/crossword/CrosswordPuzzle.spec.js

@@ -6,27 +6,6 @@ import Vuetify from 'vuetify'
 import Vue from 'vue'
 Vue.use(Vuetify)
 
-//override default mock
-jest.mock(
-    'lodash',
-    () => {
-        return {
-            cloneDeep: () => {
-                return []
-            },
-            isEmpty: () => {
-                return jest.fn()
-            },
-            flatten: () => {
-                return jest.fn()
-            },
-            get: () => {
-                return jest.fn()
-            },
-        }
-    },
-    { virtual: true }
-)
 describe('CrosswordPuzzle', () => {
     test('is a Vue instance', () => {
         const wrapper = shallowMount(CrosswordPuzzle, {

package/test/blocks/dragDrop/SortingGame.spec.js

@@ -6,27 +6,6 @@ import Vuetify from 'vuetify'
 import Vue from 'vue'
 Vue.use(Vuetify)
 
-//override default mock
-jest.mock(
-    'lodash',
-    () => {
-        return {
-            cloneDeep: () => {
-                return []
-            },
-            isEmpty: () => {
-                return jest.fn()
-            },
-            flatten: () => {
-                return jest.fn()
-            },
-            get: () => {
-                return jest.fn()
-            },
-        }
-    },
-    { virtual: true }
-)
 describe('SortingGame', () => {
     test('is a Vue instance', () => {
         const wrapper = shallowMount(SortingGame, {