@windward/games 0.5.1 → 0.7.0

package/components/settings/WordJumbleSettingsManager.vue

@@ -1,137 +1,139 @@
 <template>
     <div>
-        <v-form ref="form" v-model="valid" v-if="!loading">
-            <v-container class="pa-0">
-                <v-text-field
-                    ref="title"
-                    v-model="block.metadata.config.title"
-                    :counter="50"
-                    outlined
-                    :autofocus="true"
-                    :label="
-                        $t(
-                            'windward.games.components.settings.word_jumble.title_input'
-                        )
-                    "
-                    :disabled="render"
-                ></v-text-field>
-                <v-textarea
-                    v-model="block.metadata.config.instructions"
-                    outlined
-                    auto-grow
-                    :label="
-                        $t(
-                            'windward.games.components.settings.word_jumble.instructions'
-                        )
-                    "
-                    :disabled="render"
-                ></v-textarea>
-            </v-container>
-            <v-divider class="my-4 primary"></v-divider>
-            <v-container class="pa-0">
-                <p>
+        <v-container class="pa-0">
+            <v-text-field
+                ref="title"
+                v-model="block.metadata.config.title"
+                :counter="50"
+                :rules="validation.shortInputRules"
+                outlined
+                :autofocus="true"
+                :label="
+                    $t(
+                        'windward.games.components.settings.word_jumble.title_input'
+                    )
+                "
+                :disabled="render"
+            ></v-text-field>
+            <v-textarea
+                v-model="block.metadata.config.instructions"
+                :rules="validation.instructionRule"
+                :counter="255"
+                outlined
+                auto-grow
+                :label="
+                    $t(
+                        'windward.games.components.settings.word_jumble.instructions'
+                    )
+                "
+                :disabled="render"
+            ></v-textarea>
+        </v-container>
+        <v-divider class="my-4 primary"></v-divider>
+        <v-container class="pa-0">
+            <p>
+                {{
+                    $t(
+                        'windward.games.components.settings.word_jumble.word_jumble'
+                    )
+                }}
+            </p>
+            <SortableExpansionPanel
+                v-model="block.metadata.config.words"
+                v-bind:currentPanel.sync="block.metadata.config.currentWord"
+                :disabled="render"
+                @click:close="onDelete($event)"
+            >
+                <template #header="{ item, index }">
                     {{
-                        $t(
-                            'windward.games.components.settings.word_jumble.word_jumble'
-                        )
+                        item.value
+                            ? item.value
+                            : $t(
+                                  'windward.games.components.settings.word_jumble.click'
+                              )
                     }}
-                </p>
-                <SortableExpansionPanel
-                    v-model="block.metadata.config.words"
-                    v-bind:currentPanel.sync="block.metadata.config.currentWord"
+                </template>
+                <template #body="{ item, index }">
+                    <v-container>
+                        <v-flex xs12>
+                            <p class="p-label">
+                                {{
+                                    $t(
+                                        'windward.games.components.settings.word_jumble.word_jumble'
+                                    )
+                                }}
+                            </p>
+                            <v-text-field
+                                v-model="
+                                    block.metadata.config.words[index].value
+                                "
+                                :rules="validation.shortInputRules"
+                                :counter="50"
+                                outlined
+                                :disabled="render"
+                            ></v-text-field>
+                        </v-flex>
+                        <v-flex xs12>
+                            <p class="p-label">
+                                {{
+                                    $t(
+                                        'windward.games.components.settings.word_jumble.hint'
+                                    )
+                                }}
+                            </p>
+                            <v-textarea
+                                v-model="
+                                    block.metadata.config.words[index].hint
+                                "
+                                :rules="validation.hintRule"
+                                :counter="155"
+                                outlined
+                                :disabled="render"
+                            ></v-textarea>
+                        </v-flex>
+                    </v-container>
+                </template>
+            </SortableExpansionPanel>
+        </v-container>
+        <v-container class="pa-0">
+            <v-row justify="center" class="my-4">
+                <v-btn
+                    color="primary"
+                    elevation="0"
                     :disabled="render"
-                    @click:close="onDelete($event)"
+                    @click="onAddWord"
                 >
-                    <template #header="{ item, index }">
-                        {{
-                            item.value
-                                ? item.value
-                                : $t(
-                                      'windward.games.components.settings.word_jumble.click'
-                                  )
-                        }}
-                    </template>
-                    <template #body="{ item, index }">
-                        <v-container>
-                            <v-flex xs12>
-                                <p class="p-label">
-                                    {{
-                                        $t(
-                                            'windward.games.components.settings.word_jumble.word_jumble'
-                                        )
-                                    }}
-                                </p>
-                                <v-textarea
-                                    v-model="
-                                        block.metadata.config.words[index].value
-                                    "
-                                    outlined
-                                    :autofocus="true"
-                                    :disabled="render"
-                                ></v-textarea>
-                            </v-flex>
-                            <v-flex xs12>
-                                <p class="p-label">
-                                    {{
-                                        $t(
-                                            'windward.games.components.settings.word_jumble.hint'
-                                        )
-                                    }}
-                                </p>
-                                <v-textarea
-                                    v-model="
-                                        block.metadata.config.words[index].hint
-                                    "
-                                    outlined
-                                    :disabled="render"
-                                ></v-textarea>
-                            </v-flex>
-                        </v-container>
-                    </template>
-                </SortableExpansionPanel>
-            </v-container>
-            <v-container class="pa-0">
-                <v-row justify="center" class="my-4">
-                    <v-btn
-                        color="primary"
-                        elevation="0"
-                        :disabled="render"
-                        @click="onAddWord"
-                    >
-                        <v-icon>mdi-plus</v-icon>
-                        {{
-                            $t(
-                                'windward.games.components.settings.word_jumble.add'
-                            )
-                        }}
-                    </v-btn>
-                </v-row>
-                <v-textarea
-                    ref="title"
-                    v-model="block.metadata.config.feedback_correct"
-                    outlined
-                    auto-grow
-                    :counter="50"
-                    :label="
-                        $t(
-                            'windward.games.components.settings.word_jumble.feedback_correct'
-                        )
-                    "
-                    :disabled="render"
-                ></v-textarea>
-                <v-textarea
-                    v-model="block.metadata.config.feedback_incorrect"
-                    outlined
-                    auto-grow
-                    :label="
-                        $t(
-                            'windward.games.components.settings.word_jumble.feedback_incorrect'
-                        )
-                    "
-                    :disabled="render"
-                ></v-textarea>
-            </v-container>
-        </v-form>
+                    <v-icon>mdi-plus</v-icon>
+                    {{
+                        $t('windward.games.components.settings.word_jumble.add')
+                    }}
+                </v-btn>
+            </v-row>
+            <v-textarea
+                ref="title"
+                v-model="block.metadata.config.feedback_correct"
+                outlined
+                auto-grow
+                :counter="50"
+                :label="
+                    $t(
+                        'windward.games.components.settings.word_jumble.feedback_correct'
+                    )
+                "
+                :disabled="render"
+            ></v-textarea>
+            <v-textarea
+                v-model="block.metadata.config.feedback_incorrect"
+                outlined
+                auto-grow
+                :label="
+                    $t(
+                        'windward.games.components.settings.word_jumble.feedback_incorrect'
+                    )
+                "
+                :disabled="render"
+            ></v-textarea>
+        </v-container>
         <div v-if="loading" class="text-center">
             <v-progress-circular
                 :size="70"
@@ -168,21 +170,17 @@ export default {
         }
         if (_.isEmpty(this.block.metadata.config.title)) {
             this.block.metadata.config.title = this.$t(
-                'windward.games.components.content.blocks.word_jumble.title'
+                'windward.games.components.settings.word_jumble.title'
             )
         }
         if (_.isEmpty(this.block.metadata.config.instructions)) {
             this.block.metadata.config.instructions = ''
         }
         if (_.isEmpty(this.block.metadata.config.feedback_correct)) {
-            this.block.metadata.config.feedback_correct = this.$t(
-                'windward.games.components.settings.bucket_game.form.feedback.correct_default'
-            )
+            this.block.metadata.config.feedback_correct = ''
         }
         if (_.isEmpty(this.block.metadata.config.feedback_incorrect)) {
-            this.block.metadata.config.feedback_incorrect = this.$t(
-                'windward.games.components.settings.bucket_game.form.feedback.incorrect_default'
-            )
+            this.block.metadata.config.feedback_incorrect = ''
         }
         if (_.isEmpty(this.block.metadata.config.words)) {
             this.block.metadata.config.words = []
@@ -193,6 +191,44 @@ export default {
         return {
             valid: true,
             loading: false,
+            validation: {
+                shortInputRules: [
+                    (v) => {
+                        if (v && v.length >= 50) {
+                            return this.$t(
+                                'windward.games.shared.settings.errors.input_limitations',
+                                [50]
+                            )
+                        } else {
+                            return true
+                        }
+                    },
+                ],
+                instructionRule: [
+                    (v) => {
+                        if (v && v.length >= 255) {
+                            return this.$t(
+                                'windward.games.shared.settings.errors.input_limitations',
+                                [255]
+                            )
+                        } else {
+                            return true
+                        }
+                    },
+                ],
+                hintRule: [
+                    (v) => {
+                        if (v && v.length >= 155) {
+                            return this.$t(
+                                'windward.games.shared.settings.errors.input_limitations',
+                                [155]
+                            )
+                        } else {
+                            return true
+                        }
+                    },
+                ],
+            },
         }
     },
     methods: {

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

@@ -14,6 +14,7 @@ export default {
         title: 'Title',
         instructions: 'Instructions',
         feedback: {
+            explanation: 'Explanation of the Correct Match',
             feedback: 'Feedback',
             feedback_here: 'Feedback here!',
             default: 'Default feedback',

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

@@ -1,6 +1,6 @@
 export default {
-    title: 'FlashCards',
-    items: 'FlashCard Items',
+    title: 'Flashcards',
+    items: 'Flashcard Items',
     img_alt: 'card image',
     flip_card: 'Click to flip card',
     click_to_show_front: 'Click to show Front',

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

@@ -18,7 +18,7 @@ export default {
         incorrect: 'Incorrect',
         answer: 'Answer Feedback',
         answer_description: 'Answer Description',
-        placeholder: 'This is the correct choice!'
+        placeholder: 'This is the correct choice!',
     },
     add_choice: 'add choice',
     success: 'success',

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

@@ -4,6 +4,7 @@ export default {
         mass_entry: 'Mass data entry',
         title: 'Title',
         instructions: 'Instructions',
+        default_instructions: 'Match the correct descriptor to the prompt. To make a match, drag the descriptor and release it over the prompt. Incorrect answers will flash red. Correct answers will flash green and reveal a Continue button so you can move on to the next prompt.',
         buckets: 'Bucket Items',
         feedback: {
             feedback: 'Feedback',
@@ -12,7 +13,7 @@ export default {
             incorrect: 'feedback when incorrect',
             correct_default: 'That is correct.',
             incorrect_default:
-                'That is incorrect. Try again or select reveal answer.',
+                'That is incorrect.',
         },
         image: {
             title: 'Flash Card Image File',

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

@@ -4,4 +4,5 @@ export default {
     clue: 'Clue',
     min_length: 'Cannot have less than two words',
     alert: 'Alert',
+    instructions: 'Complete the crossword by clicking on each square to type the appropriate letter. Use the tab key to move left to right across the grid. Click on the clue to highlight the corresponding word in the puzzle.',
 }

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

@@ -9,7 +9,7 @@ export default {
         header: 'Header',
         text: 'Text',
         image: {
-            title: 'Flash Card Image File',
+            title: 'Flashcard Image File',
             configure_blurb:
                 'Upload an image file (.png or .jpg), pick one from the file manager, or add via the public URL. This is the image that appears in the middle of the flashcard.',
             alt_text: 'Alt Text',
@@ -25,5 +25,6 @@ export default {
             char_count_less_then:
                 'The character count for this field must be less than',
         },
+        instructions:"Click on each card to reveal the term's definition. Use the arrows to move through the deck.",
     },
 }

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

@@ -2,6 +2,7 @@ export default {
     form: {
         title: 'Matching Game',
         instructions: 'Instructions',
+        default_instructions: 'Match the following scenario with the appropriate descriptor. Drag the descriptor and release it over the scenario. Incorrect answers will flash red. Correct answers will flash green and reveal a Continue button so you can move on to the next scenario.',
         prompt_body: 'Prompt Body',
         correct_match: 'This match is correct.',
         incorrect_match: 'That’s an incorrect match. Try again.',

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

@@ -2,6 +2,7 @@ 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.',
     questions: 'Questions',
     modal_title: 'Multiple Choice Question',
     question_hint: 'Question Hint',

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

@@ -15,6 +15,6 @@ export default {
         responsive: 'Responsive Columns',
         confirm_change_text: 'Are you sure you want to change this?',
         default_instructions:
-            'Drag and drop the correct word, statement, or image presented into the prompt container and watch for feedback. ',
+            'To begin, choose a question box on the quiz board to view a question worth the specified number of points. Click your selected response to receive immediate feedback.',
     },
 }

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.',
+        "Read the clue below, and click on the letters to spell out the word the clue refers to. If you choose a letter that isn't 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/en-US/components/settings/slideshow.ts

@@ -2,12 +2,13 @@ export default {
     form: {
         title: 'Title',
         instructions: 'Instructions',
+        default_instructions: 'Use the arrows to move through the slideshow.',
         rules: {
             field_required: 'This field is required',
             char_count_less_then:
                 'The character count for this field must be less than',
         },
-        items: 'SlideShow Items',
-        slideshow_title: 'SlideShow Title',
+        items: 'Slideshow Items',
+        slideshow_title: 'Slideshow Title',
     },
 }

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

@@ -2,4 +2,5 @@ export default {
     sortable_game: 'Sortable Game',
     sortable_items: 'Sortable Items',
     word: 'Sortable Word',
+    instructions: 'Drag each statement into the correct order. When you are finished, click the Check Your Answers button. Statements in the correct order will appear green, while statements not in the correct order will appear red.',
 }

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

@@ -1,6 +1,7 @@
 export default {
     word_jumble: 'Word Jumble Items',
     title_input: 'Title',
+    title: 'Word Jumble',
     instructions: 'Instructions',
     click: 'Click to enter text',
     label: 'Word for jumbling',

package/i18n/en-US/shared/settings.ts

@@ -11,4 +11,7 @@ export default {
         seven_strikes_manager: 'Seven Strikes Manager',
         crossword_puzzle_manager: 'Crossword Puzzle Manager',
     },
+    errors: {
+        input_limitations: 'Must be less than {0} characters.'
+    },
 }

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

@@ -14,6 +14,7 @@ export default {
         title: 'Título',
         instructions: 'Instrucciones',
         feedback: {
+            explanation: 'Explicación de la coincidencia correcta',
             feedback: 'Comentarios',
             feedback_here: '¡Comentarios aquí!',
             default: 'Comentarios predeterminados',

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

@@ -4,6 +4,8 @@ export default {
         mass_entry: 'Entrada masiva de datos',
         title: 'Título',
         instructions: 'Instrucciones',
+        default_instructions:
+            'Haga coincidir el descriptor correcto con el mensaje. Para hacer una coincidencia, arrastre el descriptor y suéltelo sobre el mensaje. Las respuestas incorrectas parpadearán en rojo. Las respuestas correctas parpadearán en verde y revelarán un botón Continuar para que pueda pasar al siguiente mensaje.',
         buckets: 'Elementos del depósito',
         feedback: {
             feedback: 'Comentarios',
@@ -12,7 +14,7 @@ export default {
             incorrect: 'comentarios cuando son incorrectos',
             correct_default: 'Eso es correcto.',
             incorrect_default:
-                'Eso no es correcto. Por favor intente de nuevo o seleccione la opcion de revelar la respuesta',
+                'Eso no es correcto.',
         },
         image: {
             title: 'Archivo de imagen de tarjeta flash',

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

@@ -4,4 +4,6 @@ export default {
     clue: 'Pista',
     min_length: 'No puede tener menos de dos palabras',
     alert: 'Alerta',
+    instructions:
+        'Complete el crucigrama haciendo clic en cada cuadrado para escribir la letra correspondiente. Utilice la tecla de tabulación para moverse de izquierda a derecha a través de la cuadrícula. Haga clic en la pista para resaltar la palabra correspondiente en el rompecabezas.',
 }

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

@@ -25,5 +25,6 @@ export default {
             char_count_less_then:
                 'El número de caracteres para este campo debe ser menor que',
         },
+        instructions:"Haga clic en cada tarjeta para revelar la definición del término. Usa las flechas para moverte por el mazo.",
     },
 }

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

@@ -2,6 +2,7 @@ export default {
     form: {
         title: 'Juego de Correspondencias',
         instructions: 'Instrucciones',
+        default_instructions: 'Relacione el siguiente escenario con el descriptor apropiado. Arrastra el descriptor y suéltalo sobre el escenario. Las respuestas incorrectas parpadearán en rojo. Las respuestas correctas parpadearán en verde y revelarán un botón Continuar para que puedas pasar al siguiente escenario.',
         prompt_body: 'Cuerpo rápido',
         correct_match: 'Esta coincidencia es correcta.',
         incorrect_match: 'Esa es una coincidencia incorrecta. Intentar otra vez.',

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

@@ -2,6 +2,8 @@ export default {
     game_title: 'Juego de opción múltiple',
     title_placeholder: 'Título',
     instructions: 'Instrucciones',
+    default_instructions:
+        'Lea la pregunta y haga clic en la respuesta correcta a continuación. Utilice las flechas para moverse entre las preguntas.',
     questions: 'Preguntas',
     modal_title: 'Pregunta de opción múltiple',
     question_hint: 'Pista de pregunta',

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

@@ -15,6 +15,6 @@ export default {
         responsive: 'Columnas receptivas',
         confirm_change_text: '¿Estás seguro de que quieres cambiar esto?',
         default_instructions:
-            'Arrastre y suelte la palabra, declaración o imagen correcta presentada en el contenedor de mensajes y observe los comentarios. Para comenzar, elija un cuadro de preguntas en el tablero de preguntas para ver una pregunta que valga la cantidad especificada de puntos. Seleccione su respuesta para recibir comentarios inmediatos. ',
+            'Para comenzar, elija un cuadro de preguntas en el tablero de preguntas para ver una pregunta que valga la cantidad especificada de puntos. Haga clic en la respuesta seleccionada para recibir comentarios inmediatos.',
     },
 }

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

@@ -2,6 +2,7 @@ export default {
     form: {
         title: 'Título',
         instructions: 'Instrucciones',
+        default_instructions: 'Utilice las flechas para moverse por la presentación de diapositivas.',
         rules: {
             field_required: 'Este campo es obligatorio',
             char_count_less_then:

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

@@ -2,4 +2,5 @@ export default {
     sortable_game: 'Juego clasificable',
     sortable_items: 'Elementos clasificables',
     word: 'Palabra ordenable',
+    instructions: 'Arrastre cada declaración al orden correcto. Cuando haya terminado, haga clic en el botón Verifique sus respuestas. Las declaraciones en el orden correcto aparecerán en verde, mientras que las declaraciones que no estén en el orden correcto aparecerán en rojo.',
 }

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

@@ -1,6 +1,7 @@
 export default {
     word_jumble: 'Elementos de revoltijo de palabras',
     title_input: 'Título',
+    title: 'Revoltijo de palabras',
     instructions: 'Instrucciones',
     click: 'Haga clic para ingresar texto',
     label: 'Palabra para mezclar',

package/i18n/es-ES/shared/settings.ts

@@ -11,4 +11,7 @@ export default {
         seven_strikes_manager: 'Gerente de los Siete Golpes',
         crossword_puzzle_manager: 'Administrador de crucigramas',
     },
+    errors: {
+        input_limitations: 'Måste vara mindre än {0} tecken.',
+    },
 }

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

@@ -14,6 +14,7 @@ export default {
         title: 'Titel',
         instructions: 'Instruktioner',
         feedback: {
+            explanation: 'Förklaring av den korrekta matchningen',
             feedback: 'Feedback',
             feedback_here: 'Feedback här!',
             default: 'Default feedback',

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

@@ -1,7 +1,7 @@
 export default {
     basic_instructions:
         'Börja med att välja en frågeruta på frågesportstavlan för att se en fråga värd det angivna antalet poäng. Klicka på ditt valda svar för att få omedelbar feedback. (Rätta svar kommer att visas i grönt, medan felaktiga svar kommer att markeras i rött.) ',
-    title: 'Slideshow title',
+    title: 'Bildspelets titel',
     total_score: 'totalpoäng',
     return_to_questions: 'återgå till frågor',
     spreadsheet_mode: 'Kalkylarksläge',

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

@@ -4,6 +4,8 @@ export default {
         mass_entry: 'Massdatainmatning',
         title: 'Titel',
         instructions: 'Instruktioner',
+        default_instructions:
+            'Matcha rätt beskrivning med prompten. För att göra en matchning, dra deskriptorn och släpp den över prompten. Felaktiga svar blinkar rött. Rätta svar blinkar grönt och visar en Fortsätt-knapp så att du kan gå vidare till nästa uppmaning.',
         buckets: 'Bucket Items',
         feedback: {
             feedback: 'Feedback',

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

@@ -4,4 +4,5 @@ export default {
     clue: 'Clue',
     min_length: 'Kan inte ha mindre än två ord',
     alert: 'Alert',
+    instructions: 'Fyll i korsordet genom att klicka på varje ruta för att skriva rätt bokstav. Använd tabbtangenten för att flytta från vänster till höger över rutnätet. Klicka på ledtråden för att markera motsvarande ord i pusslet.',
 }

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

@@ -25,5 +25,6 @@ export default {
             char_count_less_then:
                 'Teckenantalet för detta fält måste vara mindre än',
         },
+        instructions:"Klicka på varje kort för att avslöja termens definition. Använd pilarna för att flytta genom däcket.",
     },
 }