@windward/games 0.14.0 → 0.16.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+### Release [0.16.0] created - 2025-04-29
+
+
+### Release [0.15.0] created - 2025-04-09
+
+
 ### Release [0.14.0] created - 2025-03-25
 
 

package/components/content/blocks/crosswordPuzzle/CrosswordPuzzle.vue

@@ -33,7 +33,15 @@
                     )
                 }}
             </p>
-            <p>{{ error }}</p>
+            <p>
+                {{
+                    render
+                        ? $t(
+                              'windward.games.components.content.blocks.crossword.error.unable_to_load_student'
+                          )
+                        : error
+                }}
+            </p>
         </v-alert>
         <div
             v-if="!error"
@@ -284,7 +292,6 @@ export default {
                     )
                 }
             }
-
             // this is true if render is toggled back to true
             if (generate && this.error === '') {
                 this.generateGrid(this.wordMap)
@@ -443,7 +450,7 @@ export default {
 
             if (grid.length > MATRIX_LENGTH) {
                 this.error = this.$t(
-                    'windward.games.components.content.blocks.crossword.error.could_not_generate'
+                    'windward.games.components.content.blocks.crossword.error.unable_to_load_editor'
                 )
                 return false
             }

package/components/content/blocks/multipleChoice/MultipleChoice.vue

@@ -68,6 +68,7 @@
                                 outlined
                                 tile
                                 @click="onChooseAnswer(answer, question)"
+                                @keyup.enter="onChooseAnswer(answer, question)"
                             >
                                 <div class="d-flex justify-space-between">
                                     <p class="mb-0">
@@ -79,6 +80,12 @@
                                     </p>
                                     <div>
                                         <v-icon
+                                            v-if="
+                                                handleInformationOutline(
+                                                    question,
+                                                    answer
+                                                ) !== undefined
+                                            "
                                             :class="
                                                 handleInformationClass(
                                                     question,
@@ -240,14 +247,12 @@ export default {
     data() {
         return {
             updateKey: 0,
-            completedItems: [],
             dialog: false,
             hint: false,
             hintText: '',
             answerDescriptionModal: false,
             answerDescription: '',
             studentResponses: [],
-            mountCourseCounter: false,
         }
     },
     computed: {
@@ -257,8 +262,8 @@ export default {
             enrollment: 'enrollment/get',
         }),
         completedAmount() {
-            if (this.completedItems) {
-                return _.flatten(this.completedItems).length
+            if (this.studentResponses) {
+                return _.flatten(this.studentResponses).length
             }
         },
         totalAmountQuestions() {
@@ -269,7 +274,7 @@ export default {
         completedPercent() {
             if (
                 this.block.metadata.config.questions.length > 0 &&
-                this.completedItems.length > 0
+                this.studentResponses.length > 0
             ) {
                 return (this.completedAmount / this.totalAmountQuestions) * 100
             }
@@ -284,34 +289,33 @@ export default {
             this.answerDescription = question.answer_description
         },
         onChooseAnswer(answer, question) {
-            let studRep
-            this.studentResponses.find((obj) => {
-                if (obj.id === question.id) {
-                    studRep = obj
-                }
-            })
-            if (_.isEmpty(this.studentResponses) || _.isEmpty(studRep)) {
-                // lets html side know whish answer was chosen, this is important in determine css
-                answer.chosen = true
-                // clones question block into the correct index in the studentResponses araay
+            // check to see if student already answered this question
+            let studentResponse = this.studentResponses.find(
+                (obj) => obj.id === question.id
+            )
+            // if there is no student response for this question or there no student responses to any of the questions
+            if (
+                _.isEmpty(this.studentResponses) ||
+                _.isEmpty(studentResponse)
+            ) {
+                // get question and answer index to update the answer directly
+                // on block.metadata.config.questions to prevent buggy behavior
+                const questionIndex =
+                    this.block.metadata.config.questions.findIndex(
+                        (q) => q.id === question.id
+                    )
+                const answerIndex = this.block.metadata.config.questions[
+                    questionIndex
+                ].answer_options.findIndex((a) => a.id === answer.id)
+                // lets html side know which answer was chosen, this is important in determine css
+                this.block.metadata.config.questions[
+                    questionIndex
+                ].answer_options[answerIndex].chosen = true
+                // clones question block to break reference
                 const clonedQuestion = _.cloneDeep(question)
                 clonedQuestion.student_response = answer
 
-                if (answer.correctAnswer === true) {
-                    clonedQuestion.isStudentCorrect = true
-                } else {
-                    clonedQuestion.isStudentCorrect = false
-                }
-
                 this.studentResponses.push(clonedQuestion)
-                // ensure the object is not already in the completed items array if not push into the array
-                const questionDone = this.completedItems.find(
-                    (item) => item === question
-                )
-
-                if (!questionDone) {
-                    this.completedItems.push(question)
-                }
 
                 this.updateKey = Crypto.id()
             }
@@ -365,6 +369,7 @@ export default {
                     }
                 }
             )
+            // check if student already responded
             if (studentsQuestionResponse) {
                 // requirements for correct and chosen
                 if (
@@ -380,7 +385,12 @@ export default {
                     return 'mdi-check-circle-outline'
                 }
                 // requirements for wrong and chosen
-                if (answer.correctAnswer !== true && answer.chosen === true) {
+                if (
+                    answer.id ===
+                        studentsQuestionResponse.student_response.id &&
+                    answer.correctAnswer !== true &&
+                    answer.chosen === true
+                ) {
                     return 'mdi-close-circle'
                 }
             }
@@ -464,9 +474,8 @@ export default {
             // launches dialog modal
             this.dialog = true
             this.hint = true
-            // sets text for modal, cannot just reference question.hint in html because
-            // the carousel loads all elements regardless of if they are on a different slide or not
-            // when mountCourseCounter so it always shows the last question if referenced question.hint
+            // sets text for modal, cannot just reference question.hint in html because the carousel loads
+            //  all elements regardless of if they are on a different slide so it always shows the last question
             this.hintText = question.hint
         },
         onFifty(question) {

package/components/settings/FlashCardSlidesManager.vue

@@ -207,6 +207,7 @@
                                     hide-background
                                     hide-decorative
                                     hide-modal
+                                    :disabled="render"
                                 ></ImageAssetSettings>
                             </v-card-text>
                         </v-card>

package/components/settings/MatchingGameManager.vue

@@ -204,6 +204,7 @@
                                                 ][indexPrompt].fileConfig
                                             "
                                             :assets.sync="block.assets"
+                                            :disabled="render"
                                             hide-background
                                             hide-decorative
                                             hide-modal

package/components/settings/SlideShowManager.vue

@@ -89,11 +89,11 @@
                                 block.metadata.config.slides[index].fileConfig
                             "
                             :assets.sync="block.assets"
+                            :disabled="render"
                             hide-background
                             hide-decorative
                             hide-modal
                         ></ImageAssetSettings>
-
                     </v-container>
                 </template>
             </SortableExpansionPanel>

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

@@ -14,6 +14,10 @@ export default {
         could_not_generate:
             'Could not generate a {0} by {0} crossword with the supplied words',
         unknown: 'An unknown error occurred during the crossword creation',
+        unable_to_load_editor:
+            'Unable to generate crossword puzzle. Your current word list may have too many words, words that are too short/long, or insufficient shared letters for crossings. You can edit your word list and try again.',
+        unable_to_load_student:
+            'Unable to generate crossword puzzle with these words. Please try refreshing the page until it loads successfully or contact support if the issue persists.',
     },
 
     play_again: 'Randomize Crossword and Play Again',

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

@@ -17,6 +17,10 @@ export default {
             'No se pudo generar un crucigrama {0} por {0} con las palabras proporcionadas',
         unknown:
             'Se produjo un error desconocido durante la creación del crucigrama',
+        unable_to_load_editor:
+            'No se puede generar el crucigrama. Tu lista de palabras actual puede tener demasiadas palabras, palabras demasiado cortas o largas, o suficientes letras compartidas para los cruces. Puedes editar tu lista de palabras e intentarlo de nuevo.',
+        unable_to_load_student:
+            'No se puede generar un crucigrama con estas palabras. Actualice la página hasta que se cargue correctamente o contacte con el soporte si el problema persiste.',
     },
 
     play_again: 'Aleatorizar crucigramas y jugar de nuevo',

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

@@ -12,6 +12,10 @@ export default {
         could_not_generate:
             'Det gick inte att skapa ett {0} gånger {0} korsord med de angivna orden',
         unknown: 'Ett okänt fel inträffade under korsordsskapandet',
+        unable_to_load_editor:
+            'Det går inte att skapa korsord. Din nuvarande ordlista kan ha för många ord, ord som är för korta/långa eller otillräckliga delade bokstäver för korsningar. Du kan redigera din ordlista och försöka igen.',
+        unable_to_load_student:
+            'Det går inte att skapa korsord med dessa ord. Försök att uppdatera sidan tills den läses in eller kontakta supporten om problemet kvarstår.',
     },
 
     play_again: 'Randomisera korsord och spela igen',

package/package.json

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