@windward/games 0.25.0 → 0.26.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # 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)

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,6 +30,16 @@
                     )
                 }}
             </h4>
+            <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">

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"

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,10 +23,11 @@
             >
                 {{ block.metadata.config.instructions }}
             </p>
-            <v-container :class="status">
-                <v-row class="d-flex justify-center pa-2">{{
-                    feedback
-                }}</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'"
@@ -44,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'"

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() {

package/components/settings/WordJumbleSettingsManager.vue

@@ -11,7 +11,7 @@
             <p>
                 {{
                     $t(
-                        'windward.games.components.settings.word_jumble.word_jumble'
+                        'windward.games.components.settings.word_jumble.word_jumble_items_header'
                     )
                 }}
             </p>
@@ -86,30 +86,6 @@
                     }}
                 </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
@@ -187,7 +163,6 @@ export default {
         }
         if (_.isEmpty(this.block.metadata.config.words)) {
             this.block.metadata.config.words = []
-            this.onAddWord()
         }
     },
     data() {

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

@@ -39,4 +39,5 @@ export default {
         },
     },
     try_again: 'Try again',
+    no_buckets: 'Add a bucket item to get started.',
 }

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

@@ -1,8 +1,8 @@
 export default {
-    crossword: 'Crossword Game',
+    crossword: 'Crossword',
     add_element: 'Add Element',
     initial_setup:
-        'Enter at least two words with clues to generate a crossword',
+        'Add at least two crossword items with a word and a clue to get started.',
     validation_error:
         'The crossword could not be loaded because of the below error.',
     error: {

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

@@ -6,4 +6,5 @@ export default {
     click_to_show_front: 'Click to show Front',
     click_to_show_back: 'Click to show Back',
     replace_existing: 'Replace existing flashcards',
+    no_flashcard: 'Add a flashcard item to get started.',
 }