@windward/games 0.3.0 → 0.5.0

package/components/settings/SlideShowManager.vue

@@ -83,12 +83,35 @@
                                 "
                                 :disabled="render"
                             ></v-text-field>
-                            <v-text-field
+
+                            <ContentBlockAsset
+                                id="content-block-asset"
                                 v-model="
                                     block.metadata.config.slides[index]
-                                        .image_alt
+                                        .imageAsset
+                                "
+                                :assets.sync="block.assets"
+                                mimes="image/png,image/jpeg"
+                                :disabled="render"
+                            ></ContentBlockAsset>
+
+                            <v-text-field
+                                v-if="
+                                    block.metadata.config.slides[index]
+                                        .imageAsset
                                 "
+                                v-model="
+                                    block.metadata.config.slides[index].imageAlt
+                                "
+                                class="mt-4"
                                 outlined
+                                :placeholder="
+                                    getImageAlt(
+                                        block.metadata.config.slides[index]
+                                            .imageAsset
+                                    )
+                                "
+                                persistent-placeholder
                                 :label="
                                     $t(
                                         'windward.games.components.content.blocks.slideshow.slides.image_alt'
@@ -96,14 +119,6 @@
                                 "
                                 :disabled="render"
                             ></v-text-field>
-                            <ContentBlockAsset
-                                id="content-block-asset"
-                                v-model="
-                                    block.metadata.config.slides[index].image
-                                "
-                                mimes="image/png,image/jpeg"
-                                :disabled="render"
-                            ></ContentBlockAsset>
                         </v-container>
                     </template>
                 </SortableExpansionPanel>
@@ -111,6 +126,7 @@
                     <v-row justify="center" class="my-4">
                         <v-btn
                             color="primary"
+                            elevation="0"
                             :disabled="render"
                             @click="onAddSlide"
                         >
@@ -195,8 +211,8 @@ export default {
                 id: this.block.metadata.config.slides.length + 1,
                 header: '',
                 description: '',
-                image: null,
-                image_alt: '',
+                imageAsset: null,
+                imageAlt: '',
             }
             this.block.metadata.config.slides.push(defaultSlide)
             this.block.metadata.config.currentSlide =
@@ -226,6 +242,10 @@ export default {
             this.block.metadata.config.currentSlide =
                 this.block.metadata.config.slides.length - 1
         },
+        getImageAlt(file) {
+            file = this.resolveAsset(file)
+            return _.get(file, 'asset.metadata.props.alt', '')
+        },
     },
 }
 </script>

package/components/settings/SortingGameSettingsManager.vue

@@ -76,6 +76,7 @@
                 <v-row justify="center" class="my-4">
                     <v-btn
                         color="primary"
+                        elevation="0"
                         :disabled="render"
                         @click="onAddElement"
                     >

package/components/settings/WordJumbleSettingsManager.vue

@@ -94,6 +94,7 @@
                 <v-row justify="center" class="my-4">
                     <v-btn
                         color="primary"
+                        elevation="0"
                         :disabled="render"
                         @click="onAddWord"
                     >

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

@@ -3,11 +3,9 @@ export default {
         slide: 'Slide {0}: {1}',
         slide_header: 'Slide header',
         slide_description: 'Slide description',
-        image_alt: 'Enter text here if not uploading image',
+        image_alt: 'Image Alt Text',
     },
     add_slide: 'Add Slide',
     amount_of_slides: 'Amount of slides',
     slideshow_title: 'Slideshow title',
-    basic_instructions:
-        "Click on the 'next' and 'previous' buttons to move through the slideshow.",
 }

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

@@ -2,6 +2,10 @@ export default {
     form: {
         title: 'Matching Game',
         instructions: 'Instructions',
+        prompt_body: 'Prompt Body',
+        correct_match: 'This match is correct.',
+        incorrect_match: 'That’s an incorrect match. Try again.',
+        correct_match_label: 'Explanation of the correct match',
         feedback: {
             correct: 'feedback when correct',
             incorrect: 'feedback when incorrect',

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

@@ -1,7 +1,7 @@
 export default {
     title: 'Seven Strikes',
     instructions:
-        'Read the clue below, and click on the letters to spell out the word the clue refers to. If you choose a letter that isnt in the word, an X will be illuminated. When you choose an incorrect letter 7 times, the game is over.Open a text-only version of this vocabulary game in a new windowSkip this vocabulary game',
+        'Read the clue below, and click on the letters to spell out the word the clue refers to. If you choose a letter that isnt in the word, an X will be illuminated. When you choose an incorrect letter 7 times, the game is over.',
     word: 'Word or Phrase',
     hint: 'Clue',
     items: 'Seven Strikes Items',

package/i18n/es-ES/components/content/blocks/slideshow.ts

@@ -8,6 +8,4 @@ export default {
     add_slide: 'Agregar diapositiva',
     amount_of_slides: 'Cantidad de diapositivas',
     slideshow_title: 'Título de la presentación de diapositivas',
-    basic_instructions:
-        "Haga clic en los botones 'siguiente' y 'anterior' para moverse por la presentación de diapositivas.",
 }

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

@@ -2,6 +2,10 @@ export default {
     form: {
         title: 'Juego de Correspondencias',
         instructions: 'Instrucciones',
+        prompt_body: 'Cuerpo rápido',
+        correct_match: 'Esta coincidencia es correcta.',
+        incorrect_match: 'Esa es una coincidencia incorrecta. Intentar otra vez.',
+        correct_match_label: 'Explicación de la coincidencia correcta.',
         feedback: {
             correct: 'comentarios cuando sea correcto',
             incorrect: 'comentarios cuando son incorrectos',

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

@@ -1,7 +1,7 @@
 export default {
     title: 'Siete golpes',
     instructions:
-        'Lea las pistas y haga clic en las letras para deletrear la palabra a la que se refiere. Si elige una letra que no está en la palabra, se iluminará una X. El juego se acaba si elijes una letra incorrecta 7 veces. Puedes tambien elejir la versión del juego en formato accesible.',
+        'Lea las pistas y haga clic en las letras para deletrear la palabra a la que se refiere. Si elige una letra que no está en la palabra, se iluminará una X. El juego se acaba si elijes una letra incorrecta 7 veces.',
     word: 'Palabra o frase',
     hint: 'Pista',
     items: 'Elementos del juego',

package/i18n/sv-SE/components/content/blocks/slideshow.ts

@@ -8,6 +8,4 @@ export default {
     add_slide: 'Lägg till bild',
     amount_of_slides: 'Antal bilder',
     slideshow_title: 'Slideshow title',
-    basic_instructions:
-        "Klicka på knapparna 'nästa' och 'föregående' för att gå igenom bildspelet.",
 }

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

@@ -2,6 +2,10 @@ export default {
     form: {
         title: 'Matchande Spel',
         instructions: 'Instruktioner',
+        prompt_body: 'Snabb kropp',
+        correct_match: 'Denna matchning är korrekt',
+        incorrect_match: 'Det är en felaktig matchning. Försök igen.',
+        correct_match_label: 'Förklaring av rätt matchning',
         feedback: {
             correct: 'feedback när korrekt',
             incorrect: 'feedback when incorrect',

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

@@ -1,7 +1,7 @@
 export default {
     title: 'Sju slag',
     instructions:
-        'Läs ledtråden nedan och klicka på bokstäverna för att stava ordet ledtråden refererar till. Om du väljer en bokstav som inte finns i ordet kommer ett X att lysa. När du väljer en felaktig bokstav 7 gånger är spelet över.Öppna en textversion av detta ordförrådsspel i ett nytt fönsterHoppa över detta ordförrådsspel',
+        'Läs ledtråden nedan och klicka på bokstäverna för att stava ordet ledtråden refererar till. Om du väljer en bokstav som inte finns i ordet kommer ett X att lysa. När du väljer en felaktig bokstav 7 gånger är spelet över.',
     word: 'Ord eller fras',
     hint: 'Clue',
     items: 'Sju Strejker Artiklar',

package/package.json

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

package/test/blocks/flashcards/CardFace.spec.js

@@ -13,6 +13,8 @@ describe('CardFace', () => {
             propsData: {
                 settings,
                 textColor: '',
+                side: 'front',
+                assets: [],
             },
             mocks: defaultMocks,
         })

package/test/blocks/flashcards/Flashcard.spec.js

@@ -16,6 +16,7 @@ describe('FlashCard', () => {
                 },
                 slide: 1,
                 data: {},
+                assets: [],
             },
             mocks: defaultMocks,
         })