@windward/core 0.26.0 → 0.28.0

package/CHANGELOG.md

@@ -1,5 +1,71 @@
 # Changelog
 
+## Release [0.28.0] - 2026-02-18
+
+* Merged in feature/LE-2250/open-response-feedback-2 (pull request #485)
+* Merged in feature/LE-2223-add-title-and-instructions-to-im (pull request #483)
+* Merged in feature/LE-2250/open-response-feedback (pull request #482)
+* Merged in feature/LE-2223-add-title-and-instructions-to-im (pull request #481)
+* Merged in feature/LE-2208-translate-course (pull request #478)
+* Merge remote-tracking branch 'origin/release/0.28.0' into feature/LE-2208-translate-course
+* Merge branch 'develop' into feature/LE-2208-translate-course
+* Merged in release/0.27.0 (pull request #462)
+* 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 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 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)
+* Add localized "item header" message for ClickableIconsSettings and update "initial setup" text for OpenResponse block
+* Merged in LE-1897-glossary-pop-up-displayy (pull request #467)
+* Merged in feature/LE-2155-consistent-ui-for-adding-new-blo (pull request #464)
+* 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
+* 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
+* Merged release/0.28.0 into feature/LE-2223-add-title-and-instructions-to-im
+* Merged in feature/LE-2223-add-title-and-instructions-to-im (pull request #477)
+* Merged in feature/LE-2215-clickable-icon-default-settings- (pull request #475)
+
+
+## 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

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div :class="blockDirectionClasses" :dir="blockTextDirection">
         <v-container
             v-if="
                 block.metadata.config.title ||
@@ -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="['container-left-border', blockDirectionClasses]" :dir="blockTextDirection">
         <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

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div :class="blockDirectionClasses" :dir="blockTextDirection">
         <v-container class="pa-0">
             <h2
                 v-if="
@@ -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)
@@ -242,10 +254,11 @@ export default {
         }
         if (_.isEmpty(this.block.metadata.config.display)) {
             this.block.metadata.config.display = {
-                show_title: false,
-                show_background: false,
+                show_title: true,
+                show_background: true,
                 round_icon: false,
                 italic_icon: false,
+                large_icon: false,
                 autocolor: true,
             }
         }

package/components/Content/Blocks/Email.vue

@@ -1,5 +1,5 @@
 <template>
-    <v-container>
+    <v-container :class="blockDirectionClasses" :dir="blockTextDirection">
         <v-row
             v-if="
                 block.metadata.config.title ||
@@ -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>