@windward/games 0.1.0 → 0.1.1

package/components/content/blocks/sevenStrikes/SevenStikes.vue

@@ -15,7 +15,7 @@
         <v-col class="pa-0">
             <template>
                 <v-carousel
-                    v-model="carouselIndex"
+                    v-model="block.metadata.config.currentWord"
                     @change="onSlideChanged($event)"
                 >
                     <v-carousel-item
@@ -184,6 +184,9 @@ export default {
         if (_.isEmpty(this.block.metadata.config)) {
             this.block.metadata.config = {}
         }
+        if (_.isEmpty(this.block.metadata.config.currentWord)) {
+            this.block.metadata.config.currentWord = 0
+        }
         if (_.isEmpty(this.block.metadata.config.title)) {
             this.block.metadata.config.title = this.$t(
                 'windward.games.components.settings.seven_strikes.title'
@@ -226,16 +229,22 @@ export default {
             keyBoardClass: 'simple-keyboard',
             onSlide: 0,
             onStrike: 0,
-            carouselIndex: 0,
         }
     },
+    watch: {
+        render(newValue) {
+            if (newValue) {
+                this.block.metadata.config.currentWord = 0
+            }
+        },
+    },
     mounted() {},
     methods: {
         onChangeSlide(newIndex) {
             if (newIndex >= this.block.metadata.config.words.length) {
                 newIndex = 0
             }
-            this.carouselIndex = newIndex
+            this.block.metadata.config.currentWord = newIndex
             this.onSlideChanged(newIndex)
         },
         onChange(input) {

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

@@ -25,7 +25,7 @@
         </div>
         <div>
             <template v-if="block.metadata.config.slides.length !== 0">
-                <v-carousel v-model="model">
+                <v-carousel v-model="block.metadata.config.currentSlide">
                     <template #prev="{ on, attrs }">
                         <v-btn
                             variant="elevated"
@@ -120,7 +120,11 @@ export default {
         return {
             next: {},
             prev: {},
-            model: null,
+        }
+    },
+    watch: {
+        render(newValue) {
+            this.block.metadata.config.currentSlide = 0
         }
     },
     methods: {},

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

@@ -16,7 +16,7 @@
             <template>
                 <v-carousel
                     hide-delimiters
-                    v-model="selectedPage"
+                    v-model="block.metadata.config.currentWord"
                     @change="onSlideChanged()"
                 >
                     <v-carousel-item
@@ -184,7 +184,6 @@ export default {
             showAnswer: false,
             showFeedback: false,
             resetValue: false,
-            selectedPage: 0,
             studentResponse: '',
             feedbackStatus: '',
             updateJumble: 0,
@@ -195,6 +194,7 @@ export default {
     watch: {
         render(newValue) {
             this.updateJumble = Crypto.id()
+            this.block.metadata.config.currentWord = 0
         },
     },
     mounted() {
@@ -282,12 +282,16 @@ export default {
             // this function is called when the slide is changed
             // reset the game each time this occurs via props due to fact
             // that components do not remount on slides each time the slide is revisited
-            this.block.metadata.config.words[this.selectedPage].shuffledWord =
-                this.shuffle(
-                    this.block.metadata.config.words[this.selectedPage].value
-                )
+            this.block.metadata.config.words[
+                this.block.metadata.config.currentWord
+            ].shuffledWord = this.shuffle(
+                this.block.metadata.config.words[
+                    this.block.metadata.config.currentWord
+                ].value
+            )
             if (changeSlide) {
-                this.selectedPage = this.selectedPage + 1
+                this.block.metadata.config.currentWord =
+                    this.block.metadata.config.currentWord + 1
             }
             // updates class
             this.feedbackStatus = ''

package/components/settings/SevenStrikesSettingsManager.vue

@@ -36,6 +36,7 @@
                 </p>
                 <SortableExpansionPanel
                     v-model="block.metadata.config.words"
+                    v-bind:currentPanel.sync="block.metadata.config.currentWord"
                     @click:close="onDelete($event)"
                 >
                     <template #header="{ item, index }">
@@ -144,6 +145,9 @@ export default {
         if (_.isEmpty(this.block.metadata.config)) {
             this.block.metadata.config = {}
         }
+        if (_.isEmpty(this.block.metadata.config.currentWord)) {
+            this.block.metadata.config.currentWord = 0
+        }
         if (_.isEmpty(this.block.metadata.config.title)) {
             this.block.metadata.config.title = this.$t(
                 'windward.games.components.settings.seven_strikes.title'
@@ -214,9 +218,13 @@ export default {
                 splitWord: '',
             }
             this.block.metadata.config.words.push(default_object)
+            this.block.metadata.config.currentWord =
+                this.block.metadata.config.words.length - 1
         },
         onDelete(index) {
             this.block.metadata.config.words.splice(index, 1)
+            this.block.metadata.config.currentWord =
+                this.block.metadata.config.words.length - 1
         },
     },
 }

package/components/settings/SlideShowManager.vue

@@ -37,6 +37,7 @@
                 </p>
                 <SortableExpansionPanel
                     v-model="block.metadata.config.slides"
+                    v-bind:currentPanel.sync="block.metadata.config.currentSlide"
                     @click:close="onDeleteSlide($event)"
                 >
                     <template #header="{ item, index }">
@@ -139,6 +140,9 @@ export default {
         if (_.isEmpty(this.block.metadata.config)) {
             this.block.metadata.config = {}
         }
+        if (_.isEmpty(this.block.metadata.config.currentSlide)) {
+            this.block.metadata.config.currentSlide = 0
+        }
         if (_.isEmpty(this.block.metadata.config.title)) {
             this.block.metadata.config.title = this.$t(
                 'windward.games.components.settings.slideshow.form.slideshow_title'
@@ -174,6 +178,8 @@ export default {
                 image_alt: '',
             }
             this.block.metadata.config.slides.push(defaultSlide)
+            this.block.metadata.config.currentSlide =
+                this.block.metadata.config.slides.length - 1
         },
         onDeleteSlide(index) {
             this.$toast.info(this.$t('shared.forms.confirm_delete_text'), {
@@ -196,6 +202,8 @@ export default {
                     },
                 ],
             })
+            this.block.metadata.config.currentSlide =
+                this.block.metadata.config.slides.length - 1
         },
     },
 }

package/components/settings/WordJumbleSettingsManager.vue

@@ -36,6 +36,7 @@
                 </p>
                 <SortableExpansionPanel
                     v-model="block.metadata.config.words"
+                    v-bind:currentPanel.sync="block.metadata.config.currentWord"
                     @click:close="onDelete($event)"
                 >
                     <template #header="{ item, index }">
@@ -150,6 +151,9 @@ export default {
         if (_.isEmpty(this.block.metadata.config)) {
             this.block.metadata.config = {}
         }
+        if (_.isEmpty(this.block.metadata.config.currentWord)) {
+            this.block.metadata.config.currentWord = 0
+        }
         if (_.isEmpty(this.block.metadata.config.title)) {
             this.block.metadata.config.title = this.$t(
                 'windward.games.components.content.blocks.word_jumble.title'
@@ -215,6 +219,8 @@ export default {
                 shuffledWord: '',
             }
             this.block.metadata.config.words.push(defaultWord)
+            this.block.metadata.config.currentWord =
+                this.block.metadata.config.words.length - 1
         },
         onDelete(index) {
             let startingIndex = 0
@@ -223,6 +229,8 @@ export default {
                 startingIndex = startingIndex + 1
                 return (element.id = startingIndex)
             })
+            this.block.metadata.config.currentWord =
+                this.block.metadata.config.words.length - 1
         },
     },
 }

package/package.json

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