@windward/core 0.26.0 → 0.27.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # Changelog
 
+## Release [0.27.0] - 2026-01-15
+
+* Merged in feature/LE-2155-consistent-ui-for-adding-new-blo (pull request #476)
+* Merged release/0.27.0 into feature/LE-2155-consistent-ui-for-adding-new-blo
+* Merged in feature/LE-2155-consistent-ui-for-adding-new-blo (pull request #474)
+* Merged release/0.27.0 into feature/LE-2155-consistent-ui-for-adding-new-blo
+* Merged in feature/LE-2155-consistent-ui-for-adding-new-blo (pull request #473)
+* Merged release/0.27.0 into feature/LE-2155-consistent-ui-for-adding-new-blo
+* Merged in LE-1915-block-quote-design-updates (pull request #468)
+* Merge remote-tracking branch 'origin/release/0.27.0' into LE-1915-block-quote-design-updates
+* Merged in LE-2185-feedback-block-add-container-bac (pull request #469)
+* Merge remote-tracking branch 'origin/release/0.27.0' into LE-2185-feedback-block-add-container-bac
+* Merged in feature/LE-2236-bar-charts-for-non-open-ended-it (pull request #472)
+* Merged in feature/LE-1788-transcript-generation (pull request #465)
+* Merged release/0.27.0 into feature/LE-2236-bar-charts-for-non-open-ended-it
+* Merged in LE-2186-file-upload-block-add-container- (pull request #470)
+* Merged in feature/LE-2236-bar-charts-for-non-open-ended-it (pull request #471)
+* Merged in LE-1897-glossary-pop-up-displayy (pull request #467)
+* Add localized "item header" message for ClickableIconsSettings and update "initial setup" text for OpenResponse block
+* Merged in feature/LE-2155-consistent-ui-for-adding-new-blo (pull request #466)
+* Merged release/0.27.0 into feature/LE-2155-consistent-ui-for-adding-new-blo
+* Merged in feature/LE-2155-consistent-ui-for-adding-new-blo (pull request #464)
+* Merge remote-tracking branch 'origin/feature/LE-2155-consistent-ui-for-adding-new-blo' into feature/LE-2155-consistent-ui-for-adding-new-blo
+* Merged release/0.27.0 into feature/LE-2155-consistent-ui-for-adding-new-blo
+* add localized messages for OpenResponseCollate and update default settings handling
+* Merged in release/0.26.0 (pull request #455)
+* Merged in hotfix/0.25.1 (pull request #457)
+
+
 ## Release [0.26.0] - 2025-12-05
 
 * Merged in feature/LE-2154-open-response-download-add-a-tit (pull request #461)

package/components/Content/Blocks/Accordion.vue

@@ -25,7 +25,15 @@
                 {{ block.metadata.config.instructions }}
             </p>
         </v-container>
+        <v-alert v-if="block.metadata.config.items.length === 0" type="warning">
+            {{
+                $t(
+                    'windward.core.components.content.blocks.accordion.no_accordion_items'
+                )
+            }}
+        </v-alert>
         <v-expansion-panels
+            v-else
             :value="selectedPanels"
             flat
             accordion
@@ -174,21 +182,7 @@ export default {
             this.$set(this.block.metadata.config, 'display_title', true)
         }
         if (_.isEmpty(this.block.metadata.config.items)) {
-            const defaultObject = {
-                header: '',
-                expand: false,
-                content: '',
-                fileConfig: {
-                    display: {
-                        width: 100,
-                        margin: '',
-                        padding: '',
-                    },
-                    hideBackground: true,
-                },
-            }
             this.block.metadata.config.items = []
-            this.block.metadata.config.items.push(defaultObject)
         }
         this.block.body = this.$t(
             'windward.core.shared.content_blocks.title.accordion'

package/components/Content/Blocks/BlockQuote.vue

@@ -1,5 +1,5 @@
 <template>
-    <v-container class="container-left-border">
+    <v-container :class="containerClasses">
         <v-row
             v-if="
                 block.metadata.config.title ||
@@ -25,7 +25,16 @@
                 </p>
             </v-col>
         </v-row>
-        <v-row>
+        <v-row v-if="!block.metadata.config.block_quote.quote" class="pa-2">
+            <v-alert type="warning" width="100%">
+                {{
+                    $t(
+                        'windward.core.components.content.blocks.block_quote.no_items'
+                    )
+                }}
+            </v-alert>
+        </v-row>
+        <v-row v-else>
             <v-col cols="1">
                 <v-icon color="primary">mdi-format-quote-open</v-icon>
             </v-col>
@@ -67,6 +76,19 @@ export default {
         return {}
     },
     computed: {
+        containerClasses() {
+            const classes = ['container-left-border']
+
+            // Add surface class when highlight is applied
+            if (
+                !_.isEmpty(this.block.metadata.display) &&
+                !_.isEmpty(this.block.metadata.display.highlight)
+            ) {
+                classes.push('surface')
+            }
+
+            return classes.join(' ')
+        },
         citation() {
             const parts = []
 
@@ -152,7 +174,9 @@ export default {
             this.block.metadata.config = {}
         }
         if (_.isEmpty(this.block.metadata.config.title)) {
-            this.block.metadata.config.title = ''
+            this.block.metadata.config.title = this.$t(
+                'windward.core.components.content.blocks.block_quote.title'
+            )
         }
         if (!_.isBoolean(this.block.metadata.config.display_title)) {
             this.$set(this.block.metadata.config, 'display_title', true)
@@ -183,10 +207,11 @@ export default {
 <style scoped>
 .container-left-border {
     border-style: solid;
-    border-color: var(--v-secondary-base);
     border-width: 2px 2px 2px 16px;
     border-radius: 4px;
+    border-color: var(--v-primary-base);
 }
+
 .span-title {
     font-style: italic;
 }

package/components/Content/Blocks/ClickableIcons.vue

@@ -18,7 +18,14 @@
                 {{ block.metadata.config.instructions }}
             </p>
         </v-container>
-        <v-container class="pa-0">
+        <v-alert v-if="block.metadata.config.items.length === 0" type="warning">
+            {{
+                $t(
+                    'windward.core.components.settings.clickable_icon.no_clickable_items'
+                )
+            }}
+        </v-alert>
+        <v-container class="pa-0" v-else>
             <v-container
                 v-for="(item, itemIndex) in block.metadata.config.items"
                 :key="itemIndex"
@@ -57,9 +64,11 @@
                                 class="clickable--icon dark-text--text"
                                 >{{ item.icon }}
                             </v-icon>
-                            <span v-else :class="iconClass + ' dark-text--text'">{{
-                                decode(item.icon)
-                            }}</span>
+                            <span
+                                v-else
+                                :class="iconClass + ' dark-text--text'"
+                                >{{ decode(item.icon) }}</span
+                            >
                         </button>
                     </v-col>
                     <v-col style="min-width: 0" class="ma-3 mt-5">
@@ -142,7 +151,8 @@ export default {
                     ) &&
                     this.itemColor(itemIndex)
                 ) {
-                    classes += ' ' + this.itemColor(itemIndex) + ' dark-text--text'
+                    classes +=
+                        ' ' + this.itemColor(itemIndex) + ' dark-text--text'
                 }
                 return classes
             }
@@ -232,7 +242,9 @@ export default {
             )
         }
         if (_.isEmpty(this.block.metadata.config.title)) {
-            this.block.metadata.config.title = ''
+            this.block.metadata.config.title = this.$t(
+                'windward.core.components.settings.clickable_icon.clickable_icon_title'
+            )
         }
         if (!_.isBoolean(this.block.metadata.config.display_title)) {
             this.$set(this.block.metadata.config, 'display_title', true)

package/components/Content/Blocks/Email.vue

@@ -25,10 +25,15 @@
                 </p>
             </v-col>
         </v-row>
-        <v-row>
+        <v-row v-if="block.metadata.config.emails.length === 0">
+            <v-alert type="warning" width="100%">
+                {{ $t('windward.core.components.settings.email.no_emails') }}
+            </v-alert>
+        </v-row>
+        <v-row v-else>
             <v-expansion-panels
-                v-model="selectedPanels"
                 :key="expansionPanelKey"
+                v-model="selectedPanels"
                 accordion
             >
                 <v-container
@@ -256,7 +261,9 @@ export default {
             this.block.metadata.config = {}
         }
         if (_.isEmpty(this.block.metadata.config.title)) {
-            this.block.metadata.config.title = ''
+            this.block.metadata.config.title = this.$t(
+                'windward.core.components.content.blocks.email.email'
+            )
         }
         if (!_.isBoolean(this.block.metadata.config.display_title)) {
             this.$set(this.block.metadata.config, 'display_title', true)

package/components/Content/Blocks/Feedback/FeedbackAnalytics.vue

@@ -0,0 +1,179 @@
+<template>
+    <div>
+        <div v-if="questionCharts.length === 0">No Responses Available</div>
+        <div v-else>
+            <v-row dense>
+                <v-col
+                    v-for="(opts, idx) in questionCharts"
+                    :key="idx"
+                    cols="12"
+                    sm="12"
+                    md="6"
+                    lg="4"
+                    class="mb-6"
+                >
+                    <highcharts :options="opts"></highcharts>
+                </v-col>
+            </v-row>
+        </div>
+    </div>
+</template>
+
+<script>
+import SurveyResultMetric from '../../../../models/SurveyResultMetric'
+import Course from '~/models/Course'
+import ContentBlock from '~/models/ContentBlock'
+export default {
+    name: 'FeedbackAnalytics',
+    components: {},
+    props: {
+        loading: { type: Boolean, required: false, default: false },
+        filters: {
+            type: Object,
+            required: false,
+            default() {
+                return { sections: [], roles: [], enrollments: [] }
+            },
+        },
+        courseContent: {
+            type: Object,
+            required: false,
+            default() {
+                return {}
+            },
+        },
+        block: {
+            type: Object,
+            required: true,
+            default() {
+                return {}
+            },
+        },
+    },
+    data() {
+        return {
+            metrics: [],
+            questionCharts: [],
+        }
+    },
+    async fetch() {
+        await this.loadMetrics()
+    },
+    watch: {
+        filters: {
+            deep: true,
+            handler() {
+                // Reload the metrics if this filter changes
+                this.loadMetrics()
+            },
+        },
+    },
+    methods: {
+        async loadMetrics() {
+            this.metrics = await SurveyResultMetric.custom(
+                new Course({ id: this.courseContent.course_id }),
+                new ContentBlock({ id: this.block.id }),
+                new SurveyResultMetric()
+            )
+                .whereIn('course_user_id', this.filters.enrollments)
+                .whereIn('course_section_id', this.filters.sections)
+                .whereIn('user.role_id', this.filters.roles)
+                .get()
+            this.createTables(this.metrics)
+        },
+        createTables(metrics) {
+            const charts = []
+
+            for (const m of metrics) {
+                if (this.isLikertMetric(m)) {
+                    const categories = [
+                        'strongly agree',
+                        'agree',
+                        'neutral',
+                        'disagree',
+                        'strongly disagree',
+                    ]
+                    const counts = { 5: 0, 4: 0, 3: 0, 2: 0, 1: 0 }
+                    for (const r of m.responses || []) {
+                        const v =
+                            typeof r.response_text === 'string'
+                                ? parseInt(r.response_text, 10)
+                                : r.response_text
+                        if (Number.isInteger(v) && v >= 1 && v <= 5) {
+                            counts[v] =
+                                (counts[v] || 0) + (r.response_count || 0)
+                        }
+                    }
+                    charts.push({
+                        chart: { type: 'column' },
+                        title: { text: m.survey_question_body || 'Question' },
+                        xAxis: { categories },
+                        yAxis: { min: 0 },
+                        plotOptions: {
+                            column: { pointPadding: 0.2, borderWidth: 0 },
+                        },
+                        series: [
+                            {
+                                name: 'Responses',
+                                data: [
+                                    counts[5],
+                                    counts[4],
+                                    counts[3],
+                                    counts[2],
+                                    counts[1],
+                                ],
+                            },
+                        ],
+                    })
+                } else if (this.isBooleanMetric(m)) {
+                    const categories = ['true', 'false']
+                    let trueCount = 0
+                    let falseCount = 0
+                    for (const r of m.responses || []) {
+                        if (r.response_text === 'true') {
+                            trueCount += r.response_count || 0
+                        } else if (r.response_text === 'false') {
+                            falseCount += r.response_count || 0
+                        }
+                    }
+                    charts.push({
+                        chart: { type: 'column' },
+                        title: { text: m.survey_question_body || 'Question' },
+                        xAxis: { categories },
+                        yAxis: { min: 0 },
+                        plotOptions: {
+                            column: { pointPadding: 0.2, borderWidth: 0 },
+                        },
+                        series: [
+                            {
+                                name: 'Responses',
+                                data: [trueCount, falseCount],
+                            },
+                        ],
+                    })
+                } else {
+                    // Unsupported (e.g., open-text); skip for now
+                }
+            }
+
+            this.questionCharts = charts
+        },
+        isLikertMetric(metric) {
+            if (!metric || !Array.isArray(metric.responses)) return false
+
+            return metric.responses.every((r) => {
+                const v = r && r.response_text
+                const n = typeof v === 'string' ? parseInt(v, 10) : v
+                return Number.isInteger(n) && n >= 1 && n <= 5
+            })
+        },
+        isBooleanMetric(metric) {
+            if (!metric || !Array.isArray(metric.responses)) return false
+            return metric.responses.every((r) => {
+                const v = r && r.response_text
+                return v === 'true' || v === 'false'
+            })
+        },
+    },
+}
+</script>

package/components/Content/Blocks/Feedback.vue

@@ -1,15 +1,12 @@
 <template>
-    <v-container>
-        <v-container v-if="!doesFeedbackExist" class="pa-0">
+    <div>
+        <v-alert v-if="!chosenPreset" type="warning">{{
+            $t('windward.core.components.content.blocks.feedback.no_feedback')
+        }}</v-alert>
+        <v-container v-if="!doesFeedbackExist && chosenPreset" class="pa-0">
             <v-row>
                 <h2>
-                    {{
-                        block.metadata.config.definition.name
-                            ? block.metadata.config.definition.name
-                            : $t(
-                                  'windward.core.components.content.blocks.feedback.feedback'
-                              )
-                    }}
+                    {{ block.metadata.config.definition.name }}
                 </h2>
             </v-row>
             <v-row class="pt-2">
@@ -45,126 +42,133 @@
                 </p>
             </v-row>
         </v-container>
-        <v-divider class="mt-4 mb-6"></v-divider>
-        <v-form
-            ref="form"
-            v-model="valid"
-            lazy-validation
-            v-if="!doesFeedbackExist"
-        >
-            <div v-if="block.metadata.config.definition.metadata">
+        <v-divider v-if="chosenPreset" class="mt-4 mb-6"></v-divider>
+        <!-- Survey Container with theme-based background -->
+        <v-card v-if="chosenPreset" class="pa-6 surface" flat>
+            <v-form
+                ref="form"
+                v-model="valid"
+                lazy-validation
+                v-if="!doesFeedbackExist"
+            >
+                <div v-if="block.metadata.config.definition.metadata">
+                    <v-container
+                        v-for="(question, questionIndex) in chosenPreset"
+                        :key="questionIndex"
+                        fluid
+                    >
+                        <v-container
+                            v-if="question.type === 'likert'"
+                            class="pa-0 ma-0"
+                        >
+                            <FeedbackQuestionLikert
+                                v-model="chosenPreset[questionIndex]"
+                            ></FeedbackQuestionLikert>
+                        </v-container>
+                        <v-container
+                            v-if="question.type === 'true_false'"
+                            class="pa-0 ma-0"
+                        >
+                            <FeedbackQuestionTrueFalse
+                                v-model="chosenPreset[questionIndex]"
+                            ></FeedbackQuestionTrueFalse>
+                        </v-container>
+                        <v-container
+                            v-if="question.type === 'open_response'"
+                            class="pa-0 ma-0"
+                        >
+                            <FeedbackQuestionOpenResponse
+                                v-model="chosenPreset[questionIndex]"
+                            ></FeedbackQuestionOpenResponse>
+                        </v-container>
+                    </v-container>
+                </div>
+            </v-form>
+            <v-row
+                class="d-flex justify-end align-center"
+                v-if="render && !doesFeedbackExist"
+            >
+                <v-btn
+                    color="primary"
+                    outlined
+                    elevation="0"
+                    class="text-center mt-4 mr-2"
+                    @click="onReset()"
+                    >{{
+                        $t(
+                            'windward.core.components.content.blocks.feedback.reset'
+                        )
+                    }}</v-btn
+                >
+                <v-btn
+                    elevation="0"
+                    color="success"
+                    class="text-center mt-4"
+                    @click="validate"
+                    >{{
+                        $t(
+                            'windward.core.components.content.blocks.feedback.save'
+                        )
+                    }}</v-btn
+                >
+            </v-row>
+            <v-form
+                ref="form"
+                v-model="valid"
+                disabled
+                lazy-validation
+                v-if="doesFeedbackExist"
+            >
                 <v-container
-                    v-for="(question, questionIndex) in chosenPreset"
+                    v-for="(
+                        question, questionIndex
+                    ) in existingFeedback.survey_question_answers"
                     :key="questionIndex"
                     fluid
                 >
-                    <v-container
-                        v-if="question.type === 'likert'"
-                        class="pa-0 ma-0"
-                    >
+                    <div v-if="question.type === 'likert'">
                         <FeedbackQuestionLikert
-                            v-model="chosenPreset[questionIndex]"
+                            v-model="
+                                existingFeedback.survey_question_answers[
+                                    questionIndex
+                                ]
+                            "
                         ></FeedbackQuestionLikert>
-                    </v-container>
-                    <v-container
-                        v-if="question.type === 'true_false'"
-                        class="pa-0 ma-0"
-                    >
+                    </div>
+                    <div v-if="question.type === 'true_false'">
                         <FeedbackQuestionTrueFalse
-                            v-model="chosenPreset[questionIndex]"
+                            v-model="
+                                existingFeedback.survey_question_answers[
+                                    questionIndex
+                                ]
+                            "
                         ></FeedbackQuestionTrueFalse>
-                    </v-container>
-                    <v-container
-                        v-if="question.type === 'open_response'"
-                        class="pa-0 ma-0"
-                    >
+                    </div>
+                    <div v-if="question.type === 'open_response'">
                         <FeedbackQuestionOpenResponse
-                            v-model="chosenPreset[questionIndex]"
+                            v-model="
+                                existingFeedback.survey_question_answers[
+                                    questionIndex
+                                ]
+                            "
+                            :feedbackExist="true"
                         ></FeedbackQuestionOpenResponse>
-                    </v-container>
+                    </div>
                 </v-container>
-            </div>
-        </v-form>
-        <v-row
-            class="d-flex justify-end align-center"
-            v-if="render && !doesFeedbackExist"
-        >
-            <v-btn
-                color="primary"
-                outlined
-                elevation="0"
-                class="text-center mt-4 mr-2"
-                @click="onReset()"
-                >{{
-                    $t('windward.core.components.content.blocks.feedback.reset')
-                }}</v-btn
-            >
-            <v-btn
-                elevation="0"
-                color="success"
-                class="text-center mt-4"
-                @click="validate"
-                >{{
-                    $t('windward.core.components.content.blocks.feedback.save')
-                }}</v-btn
-            >
-        </v-row>
-        <v-form
-            ref="form"
-            v-model="valid"
-            disabled
-            lazy-validation
-            v-if="doesFeedbackExist"
-        >
-            <v-container
-                v-for="(
-                    question, questionIndex
-                ) in existingFeedback.survey_question_answers"
-                :key="questionIndex"
-                fluid
-            >
-                <div v-if="question.type === 'likert'">
-                    <FeedbackQuestionLikert
-                        v-model="
-                            existingFeedback.survey_question_answers[
-                                questionIndex
-                            ]
-                        "
-                    ></FeedbackQuestionLikert>
-                </div>
-                <div v-if="question.type === 'true_false'">
-                    <FeedbackQuestionTrueFalse
-                        v-model="
-                            existingFeedback.survey_question_answers[
-                                questionIndex
-                            ]
-                        "
-                    ></FeedbackQuestionTrueFalse>
-                </div>
-                <div v-if="question.type === 'open_response'">
-                    <FeedbackQuestionOpenResponse
-                        v-model="
-                            existingFeedback.survey_question_answers[
-                                questionIndex
-                            ]
-                        "
-                        :feedbackExist="true"
-                    ></FeedbackQuestionOpenResponse>
-                </div>
-            </v-container>
-        </v-form>
-    </v-container>
+            </v-form>
+        </v-card>
+    </div>
 </template>
 
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-import FeedbackQuestionLikert from './FeedbackTemplates/FeedbackQuestionLikert.vue'
-import FeedbackQuestionOpenResponse from './FeedbackTemplates/FeedbackQuestionOpenResponse.vue'
-import FeedbackQuestionTrueFalse from './FeedbackTemplates/FeedbackQuestionTrueFalse.vue'
+import SurveyResult from '../../../models/SurveyResult'
+import FeedbackQuestionLikert from './Feedback/FeedbackTemplates/FeedbackQuestionLikert.vue'
+import FeedbackQuestionOpenResponse from './Feedback/FeedbackTemplates/FeedbackQuestionOpenResponse.vue'
+import FeedbackQuestionTrueFalse from './Feedback/FeedbackTemplates/FeedbackQuestionTrueFalse.vue'
 import Uuid from '~/helpers/Uuid'
 
-import SurveyResult from '../../../models/SurveyResult'
 import Enrollment from '~/models/Enrollment'
 import ContentBlock from '~/models/ContentBlock'
 import Crypto from '~/helpers/Crypto'

package/components/Content/Blocks/Image.vue

@@ -1,9 +1,13 @@
 <template>
     <div>
         <ImageAssetViewer
+            v-if="block.metadata.config.asset"
             v-model="block.metadata.config"
             :assets="block.assets"
         ></ImageAssetViewer>
+        <v-alert v-else type="warning">{{
+            $t('windward.core.components.settings.image.no_image')
+        }}</v-alert>
     </div>
 </template>