@windward/games 0.24.0 → 0.26.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## Release [0.26.0] - 2026-01-20
+
+* Merged in LE-2037-word-jumble-remove-feedback-se (pull request #278)
+* Merged in feature/LE-2155-consistent-ui-for-adding-new-blo (pull request #277)
+* Merged in LE-2037-word-jumble-remove-feedback-sectt (pull request #276)
+* Merged in feature/LE-2155-consistent-ui-for-adding-new-blo (pull request #275)
+* Merged release/0.26.0 into feature/LE-2155-consistent-ui-for-adding-new-blo
+* Merged in bugfix/LE-2187-blocks-with-slide-elements-updat (pull request #273)
+* Merged in LE-2038-seven-strikes-remove-feedback-se (pull request #272)
+* Merged in LE-2037-word-jumble-remove-feedback-sect (pull request #271)
+* Merged in feature/LE-2155-consistent-ui-for-adding-new-blo (pull request #270)
+
+
+## Release [0.25.0] - 2025-12-02
+
+* Merged in feature/LE-2156-block-settings-label (pull request #264)
+* Merged in LE-2184-feedback-text-placeholder (pull request #267)
+
+
 ## Release [0.24.0] - 2025-10-23
 
 * Merged in feature/LE-2034/generate-crossword (pull request #262)

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

@@ -18,14 +18,12 @@
                 {{ block.metadata.config.instructions }}
             </p>
         </div>
-        <v-alert v-if="wordMap.length === 0" type="info" class="text-center">
-            <p>
-                {{
-                    $t(
-                        'windward.games.components.content.blocks.crossword.initial_setup'
-                    )
-                }}
-            </p>
+        <v-alert v-if="wordMap.length === 0" type="warning">
+            {{
+                $t(
+                    'windward.games.components.content.blocks.crossword.initial_setup'
+                )
+            }}
         </v-alert>
         <v-alert
             v-if="wordMap.length > 0 && error"

package/components/content/blocks/dragDrop/BucketGame.vue

@@ -30,16 +30,20 @@
                     )
                 }}
             </h4>
-            <v-alert fluid :class="status">
+            <v-alert
+                v-if="block.metadata.config.bucket_titles.length === 0"
+                type="warning"
+            >
+                {{
+                    $t(
+                        'windward.games.components.content.blocks.bucket_game.no_buckets'
+                    )
+                }}
+            </v-alert>
+            <v-alert v-if="feedback" fluid :class="status">
                 <v-row class="pa-4 d-flex justify-center">
                     <p class="mb-0 p-text-override">
-                        {{
-                            feedback
-                                ? feedback
-                                : $t(
-                                      'windward.games.components.content.blocks.bucket_game.form.feedback.feedback_here'
-                                  )
-                        }}
+                        {{ feedback }}
                     </p>
                 </v-row>
                 <v-row class="d-flex justify-center mt-0 mb-1">

package/components/content/blocks/dragDrop/SortingGame.vue

@@ -12,8 +12,11 @@
         <p v-if="block.metadata.config.instructions" tabindex="0" class="pt-3">
             {{ block.metadata.config.instructions }}
         </p>
-        <v-container :class="feedbackClass()">
-            <v-row class="d-flex justify-center py-3">
+        <v-container
+            v-if="block.metadata.config.answer.length !== 0"
+            :class="feedbackClass()"
+        >
+            <v-row class="d-flex justify-center pa-3">
                 {{ feedback }}
             </v-row>
             <v-row v-if="onFail()" class="d-flex justify-center pb-3">
@@ -26,6 +29,16 @@
                 </v-btn>
             </v-row>
         </v-container>
+        <v-alert
+            v-if="block.metadata.config.answer.length === 0"
+            type="warning"
+        >
+            {{
+                $t(
+                    'windward.games.components.content.blocks.sorting_game.no_sortable_items'
+                )
+            }}
+        </v-alert>
         <v-container v-if="render" class="mt-2">
             <draggable
                 v-model="input"
@@ -176,7 +189,7 @@ export default {
             isDisabled: false,
             reload: false,
             input: [],
-            feedback: 'feedback here',
+            feedback: '',
             success: [],
             fail: [],
             seed: 123,

package/components/content/blocks/flashcards/FlashcardSlides.vue

@@ -13,8 +13,16 @@
         <p v-if="block.metadata.config.instructions" tabindex="0" class="pt-3">
             {{ block.metadata.config.instructions }}
         </p>
-        <br />
-        <v-carousel v-model="currentSlide" hide-delimiters>
+        <v-alert
+            v-if="block.metadata.config.cards.length === 0"
+            type="warning"
+            >{{
+                $t(
+                    'windward.games.components.content.blocks.flashcard.no_flashcard'
+                )
+            }}</v-alert
+        >
+        <v-carousel v-else v-model="currentSlide" hide-delimiters>
             <template #prev="{ on, attrs }">
                 <v-btn
                     variant="elevated"

package/components/content/blocks/matchingGame/MatchingGame.vue

@@ -23,14 +23,11 @@
             >
                 {{ block.metadata.config.instructions }}
             </p>
-            <v-container :class="status">
-                <v-row class="d-flex justify-center pa-2">{{
-                    feedback
-                        ? feedback
-                        : $t(
-                              'windward.games.components.content.blocks.bucket_game.form.feedback.feedback_here'
-                          )
-                }}</v-row>
+            <v-container
+                v-if="block.metadata.config.answerObjects.length !== 0"
+                :class="status"
+            >
+                <v-row class="d-flex justify-center pa-2">{{ feedback }}</v-row>
                 <v-row class="d-flex justify-center pa-2" v-if="!gameCompleted">
                     <v-btn
                         v-if="status === 'container-success-outline'"
@@ -48,7 +45,16 @@
                     </v-btn>
                 </v-row>
             </v-container>
-            <v-container class="pl-0 pr-0 mt-2">
+            <v-alert
+                v-if="block.metadata.config.answerObjects.length === 0"
+                type="warning"
+                >{{
+                    $t(
+                        'windward.games.components.content.blocks.matching_game.no_answer_objects'
+                    )
+                }}</v-alert
+            >
+            <v-container v-else class="pl-0 pr-0 mt-2">
                 <v-row v-if="render" class="d-flex justify-center">
                     <v-row
                         v-if="mainPrompt['textOrImage'] === 'text'"
@@ -392,9 +398,7 @@ export default {
     },
     data() {
         return {
-            feedback: this.$t(
-                'windward.games.components.content.blocks.matching_game.default_feedback'
-            ),
+            feedback: '',
             gameCompleted: false,
             shufflePrompts: [],
             solvedQuestions: [],
@@ -528,9 +532,7 @@ export default {
             this.status = 'default'
             this.allowDrag = true
             this.droppedElement = null
-            this.feedback = this.$t(
-                'windward.games.components.content.blocks.matching_game.default_feedback'
-            )
+            this.feedback = ''
         },
         onContinueGame() {
             if (!this.render) {
@@ -541,9 +543,7 @@ export default {
             this.mainPrompt = this.shufflePrompts.shift()
             this.allowDrag = true
             this.droppedElement = null
-            this.feedback = this.$t(
-                'windward.games.components.content.blocks.matching_game.default_feedback'
-            )
+            this.feedback = ''
         },
         onReset() {
             this.shufflePrompts = []
@@ -552,9 +552,7 @@ export default {
             this.solvedQuestions = []
             this.gameCompleted = false
             this.allowDrag = true
-            this.feedback = this.$t(
-                'windward.games.components.content.blocks.matching_game.default_feedback'
-            )
+            this.feedback = ''
             this.setMainPrompt()
         },
     },

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

@@ -20,7 +20,20 @@
                 </p>
             </v-col>
         </v-row>
-        <v-carousel height="auto" hide-delimiters>
+        <v-alert
+            v-if="
+                !block.metadata.config.questions ||
+                block.metadata.config.questions.length === 0
+            "
+            type="warning"
+        >
+            {{
+                $t(
+                    'windward.games.components.content.blocks.multiple_choice.no_questions'
+                )
+            }}
+        </v-alert>
+        <v-carousel v-else height="auto" hide-delimiters>
             <template #prev="{ on, attrs }">
                 <v-btn
                     variant="elevated"

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

@@ -18,7 +18,20 @@
             <p class="pb-0">{{ block.metadata.config.instructions }}</p>
         </v-col>
         <v-col class="pa-0">
-            <template>
+            <v-alert
+                v-if="
+                    !block.metadata.config.words ||
+                    block.metadata.config.words.length === 0
+                "
+                type="warning"
+            >
+                {{
+                    $t(
+                        'windward.games.components.content.blocks.seven_strikes.no_items'
+                    )
+                }}
+            </v-alert>
+            <template v-else>
                 <v-carousel
                     v-model="block.metadata.config.currentWord"
                     hide-delimiters
@@ -56,7 +69,7 @@
                     >
                         <v-sheet
                             height="90%"
-                            class="fill-height d-flex flex-column"
+                            class="fill-height d-flex flex-column mx-auto carousel-sheet-max-width"
                         >
                             <div class="d-flex justify-center mt-2">
                                 <p class="p-clue-jumble pb-0">

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

@@ -24,6 +24,17 @@
                 {{ block.metadata.config.instructions }}
             </p>
         </div>
+
+        <v-alert
+            v-if="block.metadata.config.slides.length === 0"
+            type="warning"
+        >
+            {{
+                $t(
+                    'windward.games.components.content.blocks.slideshow.no_slides_alert'
+                )
+            }}
+        </v-alert>
         <div>
             <template v-if="block.metadata.config.slides.length !== 0">
                 <v-carousel
@@ -62,7 +73,7 @@
                     >
                         <v-sheet
                             height="90%"
-                            class="fill-height d-flex flex-column"
+                            class="fill-height d-flex flex-column mx-auto carousel-sheet-max-width"
                         >
                             <div class="container-header">
                                 <h4>

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

@@ -17,7 +17,14 @@
             </h2>
             <p>{{ block.metadata.config.instructions }}</p>
         </v-col>
-        <v-col class="pa-0">
+        <v-alert v-if="block.metadata.config.words.length === 0" type="warning">
+            {{
+                $t(
+                    'windward.games.components.settings.word_jumble.no_word_jumble_items'
+                )
+            }}
+        </v-alert>
+        <v-col v-else class="pa-0">
             <template>
                 <v-carousel
                     v-model="block.metadata.config.currentWord"
@@ -55,8 +62,8 @@
                         :key="index"
                     >
                         <v-sheet
-                            height="90%"
-                            class="fill-height d-flex flex-column"
+                            height="80%"
+                            class="fill-height d-flex flex-column mx-auto carousel-sheet-max-width"
                         >
                             <v-row class="d-flex justify-center ma-2">
                                 <p class="pa-3 mb-0 p-clue-jumble">
@@ -84,91 +91,83 @@
                                     {{ word.value }}
                                 </p>
                             </v-row>
-                            <v-container
-                                v-if="showFeedback"
-                                fluid
-                                :key="'feedback'"
-                                :class="feedbackStatus"
-                                class="pa-0"
-                            >
-                                <br />
-                                <v-row>
-                                    <v-col></v-col>
-                                    <v-col class="d-flex justify-center">{{
-                                        feedback
-                                            ? feedback
-                                            : $t(
-                                                  'windward.games.components.content.blocks.bucket_game.form.feedback.feedback_here'
-                                              )
-                                    }}</v-col>
-                                    <v-col class="d-flex justify-end pl-4">
-                                        <v-btn
-                                            v-if="
-                                                feedbackStatus ===
-                                                'container-feedback-success'
-                                            "
-                                            class="mr-5"
-                                            elevation="0"
-                                            color="success"
-                                            @click="onSlideChanged(true)"
-                                            >{{ $t('shared.forms.continue') }}
-                                        </v-btn>
-                                        <v-container
-                                            v-if="
-                                                feedbackStatus ===
-                                                'container-feedback-error'
-                                            "
-                                            class="d-flex justify-end"
-                                            @click="onHideFeedback"
-                                            ><v-icon
-                                                class="icon--error"
-                                                color="error"
-                                                >mdi-close-circle</v-icon
-                                            >
-                                        </v-container>
-                                    </v-col>
+                            <v-alert v-if="showFeedback" fluid :class="feedbackStatus">
+                                <v-row class="pa-4 d-flex justify-center">
+                                    <p class="mb-0 p-text-override">
+                                        {{
+                                            feedback
+                                                ? feedback
+                                                : $t(
+                                                      'windward.games.components.content.blocks.bucket_game.form.feedback.feedback_here'
+                                                  )
+                                        }}
+                                    </p>
                                 </v-row>
-                                <br />
-                            </v-container>
-                            <v-row class="justify-center mt-4">
-                                <Jumble
-                                    :key="updateJumble"
-                                    :value="word"
-                                    :reveal="showAnswer"
-                                    :reset="resetValue"
-                                    @input="getResponse($event)"
-                                ></Jumble>
-                            </v-row>
-                            <v-row class="d-flex mt-8">
-                                <v-col class="d-flex justify-end">
+                                <v-row class="d-flex justify-center mt-0 mb-1">
                                     <v-btn
-                                        :disabled="disableButtons"
-                                        color="primary"
+                                        v-if="
+                                            feedbackStatus ===
+                                            'container-feedback-success'
+                                        "
+                                        color="success"
                                         elevation="0"
-                                        @click="onCheckAnswer(word)"
-                                        >{{
-                                            $t(
-                                                'windward.games.components.content.blocks.word_jumble.check'
-                                            )
-                                        }}
+                                        @click="onSlideChanged(true)"
+                                        >{{ $t('shared.forms.continue') }}
                                     </v-btn>
-                                </v-col>
-                                <v-col class="d-flex justify-start">
                                     <v-btn
-                                        :disabled="disableButtons"
-                                        color="primary"
-                                        elevation="0"
-                                        outlined
-                                        @click="onRevealAnswer"
+                                        v-if="
+                                            feedbackStatus ===
+                                            'container-feedback-error'
+                                        "
+                                        color="error"
+                                        @click="onHideFeedback"
                                         >{{
                                             $t(
-                                                'windward.games.components.content.blocks.word_jumble.reveal'
+                                                'windward.games.components.content.blocks.bucket_game.try_again'
                                             )
                                         }}
                                     </v-btn>
-                                </v-col>
+                                </v-row>
+                            </v-alert>
+                            <v-row class="justify-center mt-4">
+                                <Jumble
+                                    :key="updateJumble"
+                                    :value="word"
+                                    :reveal="showAnswer"
+                                    :reset="resetValue"
+                                    @input="getResponse($event)"
+                                ></Jumble>
                             </v-row>
                         </v-sheet>
+                        <v-row class="d-flex mt-8">
+                            <v-col class="d-flex justify-end">
+                                <v-btn
+                                    :disabled="disableButtons"
+                                    color="primary"
+                                    elevation="0"
+                                    @click="onCheckAnswer(word)"
+                                    >{{
+                                        $t(
+                                            'windward.games.components.content.blocks.word_jumble.check'
+                                        )
+                                    }}
+                                </v-btn>
+                            </v-col>
+                            <v-col class="d-flex justify-start">
+                                <v-btn
+                                    :disabled="disableButtons"
+                                    color="primary"
+                                    elevation="0"
+                                    outlined
+                                    @click="onRevealAnswer"
+                                    >{{
+                                        $t(
+                                            'windward.games.components.content.blocks.word_jumble.reveal'
+                                        )
+                                    }}
+                                </v-btn>
+                            </v-col>
+                        </v-row>
                         <v-container>
                             <v-row class="d-flex justify-end align-end">
                                 {{
@@ -380,11 +379,14 @@ export default {
     font-weight: 900;
 }
 .container-feedback-error {
-    border: solid 4px var(--v-error-base);
+    border: 4px solid var(--v-error-base);
     color: var(--v-error-base);
 }
 .container-feedback-success {
-    border: solid 4px var(--v-success-base);
+    border: 4px solid var(--v-success-base);
     color: var(--v-success-base);
 }
+.p-text-override {
+    color: var(--v-primary-base);
+}
 </style>

package/components/settings/BucketGameSettingsManager.vue

@@ -276,7 +276,6 @@ export default {
         }
         if (_.isEmpty(this.block.metadata.config.bucket_titles)) {
             this.block.metadata.config.bucket_titles = []
-            this.onAddBucket()
         }
         if (_.isEmpty(this.block.metadata.config.bucket_answers)) {
             this.block.metadata.config.bucket_answers = []

package/components/settings/CrosswordPuzzleSettingsManager.vue

@@ -83,7 +83,7 @@
                         <v-icon>mdi-plus</v-icon>
                         {{
                             $t(
-                                'windward.games.components.settings.bucket_game.form.add_answer'
+                                'windward.games.components.settings.crossword.add_element'
                             )
                         }}
                     </v-btn>

package/components/settings/MatchingGameManager.vue

@@ -332,7 +332,6 @@ export default {
         }
         if (_.isEmpty(this.block.metadata.config.answerObjects)) {
             this.block.metadata.config.answerObjects = []
-            this.onAddAnswer()
         }
         if (_.isEmpty(this.block.metadata.config.prompts)) {
             this.block.metadata.config.prompts = []
@@ -353,7 +352,7 @@ export default {
     computed: {
         ...mapGetters({
             course: 'course/get',
-            content: 'content/get',
+            currentContent: 'content/get',
         }),
     },
     mounted() {},

package/components/settings/SevenStrikesSettingsManager.vue

@@ -19,9 +19,9 @@
                 :disabled="render"
                 @click:close="onDelete($event)"
             >
-                <template #header="{ item, index }">
+                <template #header="{ index }">
                     {{
-                        item.value
+                        block.metadata.config.words[index].value
                             ? block.metadata.config.words[index].value
                             : $t(
                                   'windward.games.components.settings.bucket_game.form.enter_text'
@@ -81,37 +81,12 @@
                     <v-icon>mdi-plus</v-icon>
                     {{
                         $t(
-                            'windward.games.components.content.blocks.sorting_game.add_element'
+                            'windward.games.components.settings.seven_strikes.add_element'
                         )
                     }}
                 </v-btn>
             </v-row>
         </v-container>
-        <v-row class="mt-3">
-            <v-textarea
-                ref="title"
-                v-model="block.metadata.config.feedback_correct"
-                outlined
-                auto-grow
-                :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-row>
         <div v-if="loading" class="text-center">
             <v-progress-circular
                 :size="70"
@@ -200,13 +175,6 @@ export default {
         }
         if (_.isEmpty(this.block.metadata.config.words)) {
             this.block.metadata.config.words = []
-            const default_object = {
-                value: '',
-                expand: true,
-                hint: '',
-                splitWord: '',
-            }
-            this.block.metadata.config.words.push(default_object)
         }
     },
     data() {

package/components/settings/SortingGameSettingsManager.vue

@@ -15,6 +15,13 @@
                     )
                 }}
             </p>
+            <p>
+                {{
+                    $t(
+                        'windward.games.components.settings.sorting_game.ordering_alert'
+                    )
+                }}
+            </p>
             <SortableExpansionPanel
                 v-model="block.metadata.config.answer"
                 :disabled="render"
@@ -61,7 +68,7 @@
                     <v-icon>mdi-plus</v-icon>
                     {{
                         $t(
-                            'windward.games.components.settings.bucket_game.form.add_answer'
+                            'windward.games.components.settings.sorting_game.add_element'
                         )
                     }}
                 </v-btn>
@@ -159,12 +166,6 @@ export default {
         }
         if (_.isEmpty(this.block.metadata.config.answer)) {
             this.block.metadata.config.answer = []
-            const default_object = {
-                id: this.block.metadata.config.answer.length + 1,
-                value: '',
-                expand: true,
-            }
-            this.block.metadata.config.answer.push(default_object)
         }
     },
     data() {