@windward/core 0.10.0 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+### Release [0.12.0] created - 2025-02-18
+
+
+### Release [0.11.0] created - 2025-02-05
+
+
 ### Release [0.10.0] created - 2025-01-03
 
 

package/components/Content/Blocks/Accordion.vue

@@ -46,7 +46,10 @@
                     class="expansion-panel-body"
                     :key="expansionPanelKey"
                 >
-                    <v-container>
+                    <v-container
+                        class="px-0 d-flex"
+                        :class="getTextImageContainerClass(item)"
+                    >
                         <TextViewer
                             v-if="!item.expand"
                             v-model="item.content"
@@ -58,19 +61,20 @@
                                 block.metadata.config.items[itemIndex].content
                             "
                         ></TextEditor>
-                    </v-container>
-                    <v-container
-                        v-if="
-                            block.metadata.config.items[itemIndex].fileConfig
-                                .asset
-                        "
-                    >
                         <ImageAssetViewer
+                            v-if="
+                                block.metadata.config.items[itemIndex]
+                                    .fileConfig.asset &&
+                                block.metadata.config.items[itemIndex]
+                                    .fileConfig.asset.file_asset_id
+                            "
                             v-model="
                                 block.metadata.config.items[itemIndex]
                                     .fileConfig
                             "
+                            :class="getImageOrder(item)"
                             :assets="block.assets"
+                            :max-width="getImageWidth(item)"
                         ></ImageAssetViewer>
                     </v-container>
                 </v-expansion-panel-content>
@@ -113,7 +117,14 @@ export default {
                 header: '',
                 expand: false,
                 content: '',
-                fileConfig: {},
+                fileConfig: {
+                    display: {
+                        width: 100,
+                        margin: '',
+                        padding: '',
+                    },
+                    hideBackground: true,
+                },
             }
             this.block.metadata.config.items = []
             this.block.metadata.config.items.push(defaultObject)
@@ -127,36 +138,42 @@ export default {
             expansionPanelKey: '0',
             editingInContentItem: false,
             selectedPanels: null,
+            fullWidth: true,
         }
     },
     watch: {
-        value(newValue) {
-            if (
-                !this.render &&
-                this.selectedPanels !== newValue.metadata.config.selectedPanels
-            ) {
-                // update editing content block
-                this.selectedPanels = newValue.metadata.config.selectedPanels
-                this.expansionPanelKey = Crypto.id()
-            }
-
-            const length = newValue.metadata.config.items.length
-            let counter = 0
-            newValue.metadata.config.items.forEach((element) => {
+        value: {
+            deep: true,
+            handler(newValue) {
                 if (
-                    element.expand === true &&
-                    this.editingInContentItem !== true
+                    !this.render &&
+                    this.selectedPanels !==
+                        newValue.metadata.config.selectedPanels
                 ) {
-                    this.editingInContentItem = true
+                    // update editing content block
+                    this.selectedPanels =
+                        newValue.metadata.config.selectedPanels
                     this.expansionPanelKey = Crypto.id()
                 }
-                if (element.expand === false) {
-                    counter = counter + 1
-                }
-                if (counter === length) {
-                    this.editingInContentItem = false
-                }
-            })
+
+                const length = newValue.metadata.config.items.length
+                let counter = 0
+                newValue.metadata.config.items.forEach((element) => {
+                    if (
+                        element.expand === true &&
+                        this.editingInContentItem !== true
+                    ) {
+                        this.editingInContentItem = true
+                        this.expansionPanelKey = Crypto.id()
+                    }
+                    if (element.expand === false) {
+                        counter = counter + 1
+                    }
+                    if (counter === length) {
+                        this.editingInContentItem = false
+                    }
+                })
+            },
         },
         render() {
             if (this.render === true) {
@@ -199,6 +216,54 @@ export default {
             const foundAsset = this.resolveAsset(asset)
             return _.get(foundAsset, 'asset.metadata.props.alt', null)
         },
+        getImageWidth(item) {
+            if (item.fileConfig.display) {
+                return String(item.fileConfig.display.width) + '%'
+            }
+        },
+        getTextImageContainerClass(item) {
+            const { margin, width } = item.fileConfig.display
+
+            if (width === 100) {
+                return margin === 'top'
+                    ? 'flex-column-reverse '
+                    : 'flex-column '
+            }
+
+            // If no display items have been set, keep the image in its own row
+            if (!margin) {
+                return 'flex-column '
+            }
+
+            switch (margin) {
+                case 'top':
+                    return 'flex-column-reverse '
+                case 'right':
+                    return _.isEmpty(item.content)
+                        ? 'justify-end'
+                        : 'justify-space-between'
+                case 'left':
+                    return ''
+                default:
+                    return 'flex-column '
+            }
+        },
+        getImageOrder(item) {
+            const margin = item.fileConfig.display?.margin
+            if (margin) {
+                switch (margin) {
+                    case 'left':
+                        return 'order-first pr-1 '
+                    case 'right':
+                        return ''
+                    default:
+                        return 'align-self-center '
+                }
+            } else {
+                // if adjusting size and margin hasn't been set yet keep centered here
+                return 'align-self-center '
+            }
+        },
         async onBeforeSave() {
             this.block.metadata.config.items.forEach((element) => {
                 element.expand = false

package/components/Content/Blocks/ClickableIcons.vue

@@ -37,6 +37,10 @@
                             size="100%"
                         >
                             <ImageAssetViewer
+                                v-if="
+                                    item.fileConfig.asset &&
+                                    item.fileConfig.asset.file_asset_id
+                                "
                                 v-model="item.fileConfig"
                                 :assets="block.assets"
                                 class="image-asset-viewer"

package/components/Content/Blocks/FileDownload.vue

@@ -1,5 +1,5 @@
 <template>
-    <v-container>
+    <v-container class="pa-0">
         <h2>
             {{
                 block.metadata.config.title ||

package/components/Content/Blocks/GenerateAIQuestionButton.vue

@@ -10,19 +10,10 @@
                     :disabled="isLoading"
                     @click="generateAIQuestion"
                 >
-                    <v-icon class="pr-1" v-if="!isLoading"
-                        >mdi-magic-staff</v-icon
-                    >
-                    {{
-                        this.$t(
-                            'windward.core.components.content.blocks.generate_questions.button_label'
-                        )
-                    }}
+                    <v-icon class="pr-1" v-if="!isLoading">mdi-magic-staff</v-icon>
+                    {{ $t('windward.core.components.content.blocks.generate_questions.button_label') }}
                     <template v-slot:loader>
-                        <v-progress-circular
-                            indeterminate
-                            size="23"
-                        ></v-progress-circular>
+                        <v-progress-circular indeterminate size="23"></v-progress-circular>
                     </template>
                 </v-btn>
             </v-col>
@@ -34,11 +25,7 @@
                     outlined
                     hide-details
                     dense
-                    :label="
-                        $t(
-                            'windward.core.components.content.blocks.generate_questions.selected_pages'
-                        )
-                    "
+                    :label="$t('windward.core.components.content.blocks.generate_questions.selected_pages')"
                     item-text="content.name"
                     return-object
                 ></v-select>
@@ -116,11 +103,19 @@ export default {
                     this.$emit('click:generate', generatedQuestion)
                 }
             } catch (error) {
-                console.error(error)
+                const errorMessage = error.response?.data?.error?.message || 'assessment.error.technical'
+                const errorType = errorMessage.split('.').pop()
+                const basePath = 'windward.core.components.content.blocks.generate_questions.error'
+
                 this.$dialog.error(
-                    this.$t(
-                        'windward.core.components.content.blocks.generate_questions.error'
-                    )
+                    this.$t(`${basePath}.${errorType}`) + '\n\n' + 
+                    this.$t(`${basePath}.${errorType}_support`),
+                    {
+                        duration: 5000,
+                        keepOnHover: true,
+                        singleton: true,
+                        type: 'error'
+                    }
                 )
             } finally {
                 this.isLoading = false
@@ -129,6 +124,7 @@ export default {
     },
 }
 </script>
+
 <style scoped>
 .btn-selector {
     width: 100%;

package/components/Content/Blocks/OpenResponse.vue

@@ -27,7 +27,7 @@
                     :height="200"
                     menubar=""
                 ></TextEditor>
-                <p class="pa-3 text-center blue-grey lighten-5">
+                <p class="pa-3 text-center">
                     <v-btn
                         color="primary"
                         elevation="0"
@@ -49,7 +49,11 @@
                     }}
                 </p>
                 <v-alert color="light-blue lighten-4">
-                    <TextViewer v-model="response" :height="200"></TextViewer>
+                    <TextViewer
+                        v-model="response"
+                        :height="200"
+                        class="alert-text"
+                    ></TextViewer>
                 </v-alert>
                 <div v-if="block.metadata.config.sample_response">
                     <p>
@@ -63,10 +67,11 @@
                         <TextViewer
                             v-model="block.metadata.config.sample_response"
                             :height="200"
+                            class="alert-text"
                         ></TextViewer>
                     </v-alert>
                 </div>
-                <p class="pa-3 text-center blue-grey lighten-5">
+                <p class="pa-3 text-center">
                     <v-btn
                         elevation="0"
                         color="primary"
@@ -192,3 +197,8 @@ export default {
     },
 }
 </script>
+<style scoped>
+.alert-text {
+    color: black !important;
+}
+</style>

package/components/Content/Blocks/Tab.vue

@@ -37,7 +37,10 @@
                         .config.items"
                     :key="'tabContent ' + tabContentIndex"
                 >
-                    <v-container>
+                    <v-container
+                        class="d-flex"
+                        :class="getTextImageContainerClass(tabContent)"
+                    >
                         <TextViewer
                             v-if="!tabContent.expand"
                             v-model="tabContent.content"
@@ -50,10 +53,13 @@
                         <ImageAssetViewer
                             v-if="
                                 tabContent.imageAsset &&
-                                tabContent.imageAsset.asset
+                                tabContent.imageAsset.asset &&
+                                tabContent.imageAsset.asset.file_asset_id
                             "
                             v-model="tabContent.imageAsset"
                             :assets="block.assets"
+                            :class="getImageOrder(tabContent)"
+                            :max-width="getImageWidth(tabContent)"
                         ></ImageAssetViewer>
                     </v-container>
                 </v-tab-item>
@@ -86,6 +92,14 @@ export default {
                 tabHeader: '',
                 expand: false,
                 content: '',
+                imageAsset: {
+                    display: {
+                        width: 100,
+                        margin: '',
+                        padding: '',
+                    },
+                    hideBackground: true,
+                },
             }
             this.block.metadata.config.items = []
             this.block.metadata.config.items.push(defaultObject)
@@ -113,6 +127,57 @@ export default {
             })
             this.block.metadata.config.currentTab = null
         },
+        getImageWidth(item) {
+            if (item.imageAsset?.display) {
+                return String(item.imageAsset.display.width) + '%'
+            }
+        },
+        getTextImageContainerClass(item) {
+            const { margin, width } = item.imageAsset.display
+            // if full width set container to column
+            if (width === 100) {
+                return margin === 'top'
+                    ? 'flex-column-reverse '
+                    : 'flex-column '
+            }
+
+            // If no display items have been set, keep the image in its own row
+            if (!margin) {
+                return 'flex-column '
+            }
+
+            switch (margin) {
+                case 'top':
+                    return 'flex-column-reverse '
+                case 'right':
+                    return _.isEmpty(item.content)
+                        ? 'justify-end'
+                        : 'justify-space-between'
+                case 'left':
+                    return ''
+                default:
+                    return 'flex-column '
+            }
+        },
+        getImageOrder(item) {
+            const margin = item.imageAsset.display?.margin
+            // filter out tab blocks that were created before custom
+            // spacing was added to image asset settings
+            if (margin) {
+                // if top or bottom image will always be centered
+                switch (margin) {
+                    case 'left':
+                        return 'order-first pr-1 '
+                    case 'right':
+                        return ''
+                    default:
+                        return 'align-self-center '
+                }
+            } else {
+                // if adjusting size and margin hasn't been set yet keep centered here
+                return 'align-self-center '
+            }
+        },
     },
 }
 </script>

package/components/Content/Blocks/Video.vue

@@ -29,6 +29,8 @@
             :rewind="block.metadata.config.attributes.rewind"
             :loop="block.metadata.config.attributes.loop"
             :muted="block.metadata.config.attributes.muted"
+            :volume.sync="volume"
+            :cc.sync="ccVisible"
             :playsinline="block.metadata.config.attributes.playsinline"
             :poster="linkedPosterPublicUrl"
             :preload="block.metadata.config.attributes.preload"
@@ -268,6 +270,38 @@ export default {
                 }
             },
         },
+        ccVisible: {
+            get() {
+                const user = new AuthUserRepository(this.$nuxt)
+                return user.getPreference('video.cc-visible', false)
+            },
+            set(v) {
+                try {
+                    const user = new AuthUserRepository(this.$nuxt)
+                    user.setPreference('video.cc-visible', v)
+                    user.save()
+                } catch (e) {
+                    console.error('Could not save user video preference!')
+                    console.error(e)
+                }
+            },
+        },
+        volume: {
+            get() {
+                const user = new AuthUserRepository(this.$nuxt)
+                return user.getPreference('video.volume', 0.5)
+            },
+            set(v) {
+                try {
+                    const user = new AuthUserRepository(this.$nuxt)
+                    user.setPreference('video.volume', v)
+                    user.save()
+                } catch (e) {
+                    console.error('Could not save user video preference!')
+                    console.error(e)
+                }
+            },
+        },
     },
     data() {
         return {

package/components/Navigation/Items/CourseGlossaryToolNav.vue

@@ -9,7 +9,21 @@
                 <template #title>{{ $t(config.i18n) }}</template>
                 <template #form="{ on, attrs }">
                     <div v-bind="attrs" v-on="on">
-                        <CourseGlossary />
+                        <v-alert
+                            v-if="!$ContextService.courseInSourceOrganization()"
+                            type="warning"
+                        >
+                            {{
+                                $t(
+                                    'shared.forms.source_organization_course_lock'
+                                )
+                            }}
+                        </v-alert>
+                        <CourseGlossary
+                            :disabled="
+                                !$ContextService.courseInSourceOrganization()
+                            "
+                        />
                     </div>
                 </template>
             </DialogBox>

package/components/Navigation/Items/GlossaryNav.vue

@@ -3,12 +3,12 @@
         <template #activator="{ on, attrs }">
             <v-list-item
                 :class="color"
-                v-on="on"
-                v-bind="attrs"
                 :to="'/course/' + course.id + '/glossary'"
+                v-bind="attrs"
+                v-on="on"
             >
                 <v-list-item-action>
-                    <v-icon v-on="on" v-bind="attrs"
+                    <v-icon v-bind="attrs" v-on="on"
                         >mdi-comment-text-multiple</v-icon
                     >
                 </v-list-item-action>

package/components/Settings/AccordionSettings.vue

@@ -104,9 +104,11 @@
                                         .fileConfig
                                 "
                                 :assets.sync="block.assets"
+                                :disabled="render"
                                 hide-background
                                 hide-decorative
                                 hide-modal
+                                show-spacing
                             ></ImageAssetSettings>
                         </v-container>
                     </v-container>
@@ -184,7 +186,14 @@ export default {
                 header: '',
                 expand: false,
                 content: '',
-                fileConfig: {},
+                fileConfig: {
+                    display: {
+                        width: 100,
+                        margin: '',
+                        padding: '',
+                    },
+                    hideBackground: true,
+                },
             }
             this.block.metadata.config.items = []
             this.block.metadata.config.items.push(defaultObject)
@@ -206,8 +215,30 @@ export default {
     },
     mounted() {
         this.block.metadata.config.selectedPanels = 0
+        this.checkForCustomSpacing()
     },
     methods: {
+        checkForCustomSpacing() {
+            // check if block has items set up already and if they were created before the display key was added to image asset object
+            if (
+                this.block.metadata.config.items.length >= 1 &&
+                _.isEmpty(
+                    this.block.metadata.config.items[0].fileConfig.display
+                )
+            ) {
+                // need to add display.margin ect. for custom spacing component so that changes are tracked reactively
+                this.block.metadata.config.items.forEach((item) => {
+                    if (!item.fileConfig.display) {
+                        item.fileConfig.display = {
+                            width: 100,
+                            margin: '',
+                            padding: '',
+                        }
+                        item.fileConfig.hideBackground = true
+                    }
+                })
+            }
+        },
         onUpdatePanel($event) {
             if ($event !== this.block.metadata.config.selectedPanels) {
                 //catch click event to open selected panel to edit
@@ -223,7 +254,14 @@ export default {
                 header: '',
                 expand: false,
                 content: '',
-                fileConfig: {},
+                fileConfig: {
+                    display: {
+                        width: 100,
+                        margin: '',
+                        padding: '',
+                    },
+                    hideBackground: true,
+                },
             }
             this.block.metadata.config.items.push(default_item)
             this.block.metadata.config.selectedPanels =

package/components/Settings/TabSettings.vue

@@ -76,13 +76,18 @@
                     ></TextEditor>
 
                     <v-card class="mt-2">
-                        <v-card-text>
+                        <v-card-text class="pa-0">
                             <ImageAssetSettings
                                 v-model="
                                     block.metadata.config.items[index]
                                         .imageAsset
                                 "
                                 :assets.sync="block.assets"
+                                :disabled="render"
+                                hide-background
+                                hide-decorative
+                                hide-modal
+                                show-spacing
                             >
                             </ImageAssetSettings>
                         </v-card-text>
@@ -160,7 +165,14 @@ export default {
                 tabHeader: '',
                 expand: false,
                 content: '',
-                imageAsset: null,
+                imageAsset: {
+                    display: {
+                        width: 100,
+                        margin: '',
+                        padding: '',
+                    },
+                    hideBackground: true,
+                },
             }
             this.block.metadata.config.items = []
             this.block.metadata.config.items.push(defaultObject)
@@ -178,6 +190,7 @@ export default {
         if (this.block.metadata.config.items.length <= 0) {
             this.onAddElement()
         }
+        this.checkForCustomSpacing()
     },
     beforeDestroy() {
         if (this.debouncer) {
@@ -185,12 +198,40 @@ export default {
         }
     },
     methods: {
+        checkForCustomSpacing() {
+            // check if block has items set up already and if they were created before the dispaly key was added to image asset object
+            if (
+                this.block.metadata.config.items.length >= 1 &&
+                _.isEmpty(
+                    this.block.metadata.config.items[0].imageAsset.display
+                )
+            ) {
+                // need to add display.margin ect. for custom spacing component so that changes are tracked reactively
+                this.block.metadata.config.items.forEach((item) => {
+                    if (!item.imageAsset.display) {
+                        item.imageAsset.display = {
+                            width: 100,
+                            margin: '',
+                            padding: '',
+                        }
+                        item.imageAsset.hideBackground = true
+                    }
+                })
+            }
+        },
         onAddElement() {
             const defaultObject = {
                 tabHeader: '',
                 expand: false,
                 content: '',
-                imageAsset: null,
+                imageAsset: {
+                    display: {
+                        width: 100,
+                        margin: '',
+                        padding: '',
+                    },
+                    hideBackground: true,
+                },
             }
             this.block.metadata.config.items.push(defaultObject)
             this.block.metadata.config.currentTab =

package/components/Settings/VideoSettings.vue

@@ -123,7 +123,10 @@
                                 (file, rawFile) =>
                                     onAdSourceSelect(file, rawFile, 0)
                             "
-                            @change:track="onAdTrackSelect($event, 0)"
+                            @change:track="
+                                (file, rawFile) =>
+                                    onAdTrackSelect(file, rawFile, 0)
+                            "
                         ></SourcePicker>
                     </v-tab-item>
 
@@ -148,7 +151,10 @@
                                 (file, rawFile) =>
                                     onAdSourceSelect(file, rawFile, 100)
                             "
-                            @change:track="onAdTrackSelect($event, 100)"
+                            @change:track="
+                                (file, rawFile) =>
+                                    onAdTrackSelect(file, rawFile, 100)
+                            "
                         ></SourcePicker>
                     </v-tab-item>
                 </v-tabs-items>
@@ -626,7 +632,7 @@ export default {
 
             this.reloadVideo()
         },
-        onSourceSelect(file, rawFile) {
+        onSourceSelect(file, _rawFile) {
             // No file, clear the selection
             if (_.isEmpty(file)) {
                 delete this.block.metadata.config.playlist[this.playlistIndex]
@@ -637,7 +643,7 @@ export default {
 
                 // Clear out any associated captions
                 this.media.track = null
-                this.onTrackSelect(null)
+                this.onTrackSelect()
 
                 this.showVideo = false
             } else {
@@ -657,11 +663,11 @@ export default {
 
                 // Clear the tracks. it will either be inherited via linked captions or be hard-set by the user
                 this.media.track = null
-                this.onTrackSelect(null)
+                this.onTrackSelect()
             }
             this.reloadVideo()
         },
-        onTrackSelect(file) {
+        onTrackSelect(file = null, _rawFile = null) {
             if (_.isEmpty(file)) {
                 this.block.metadata.config.playlist[this.playlistIndex].tracks =
                     []
@@ -672,7 +678,7 @@ export default {
             }
             this.reloadVideo()
         },
-        onAdSourceSelect(file, rawFile, playAtPercent) {
+        onAdSourceSelect(file, _rawFile, playAtPercent) {
             const adIndex = this.getAdSlot(playAtPercent)
 
             // Prep in case the ad slot isn't setup yet
@@ -693,11 +699,11 @@ export default {
 
                 // Clear the tracks. it will either be inherited via linked captions or be hard-set by the user
                 this.media.ads[playAtPercent].track = null
-                this.onAdTrackSelect(null, playAtPercent)
+                this.onAdTrackSelect(null, null, playAtPercent)
             }
             this.reloadVideo()
         },
-        onAdTrackSelect(file, playAtPercent) {
+        onAdTrackSelect(file, _rawFile, playAtPercent) {
             const adIndex = this.getAdSlot(playAtPercent)
 
             if (_.isEmpty(file)) {
@@ -715,7 +721,7 @@ export default {
             }
             this.reloadVideo()
         },
-        onPlaybackChange(e) {
+        onPlaybackChange(_e) {
             // Sort the list so we don't get instances of 2, 1, 0.25, 3
             this.block.metadata.config.attributes.playbackrates.sort()
         },

package/components/utils/ContentViewer.vue

@@ -54,6 +54,21 @@ export default {
                     content =
                         FillInBlankHelper.renderFillInTHeBlankHtml(content)
                 }
+                // finds any underscores grouped together of any length over 2
+                let regex = /(_{2,})/g
+                if (content.match(regex)) {
+                    content = content.replace(regex, (match) => {
+                        return (
+                            '<span role="img" aria-label="' +
+                            this.$t(
+                                'windward.core.components.utils.tiny_mce_wrapper.blank'
+                            ) +
+                            '">' +
+                            match +
+                            '</span>'
+                        )
+                    })
+                }
             }
             return Vue.compile('<div>' + content + '</div>')
         },
@@ -84,4 +99,8 @@ img {
     font-size: 1rem;
     line-height: 1.75em;
 }
+caption {
+    color: var(--v-primary-base);
+    text-align: left;
+}
 </style>

package/components/utils/TinyMCEWrapper.vue

@@ -11,6 +11,7 @@
                 <label v-if="label" class="editor-label">{{ label }}</label>
             </slot>
             <Editor
+                ref="editor"
                 :id="editorId"
                 :key="seed + (isDarkTheme ? '-theme-dark' : '-theme-light')"
                 v-model="text"
@@ -440,6 +441,7 @@ export default {
                     '    color: #1a1d1e;' +
                     '}',
                 importcss_append: true,
+                link_default_target: '_blank',
             }
         },
         elementBody() {
@@ -467,6 +469,13 @@ export default {
     },
 
     methods: {
+        getEditor() {
+            if (this.$refs.editor && this.$refs.editor.editor) {
+                return this.$refs.editor.editor
+            } else {
+                return null
+            }
+        },
         read() {
             if (this.paused) {
                 this.resume()

package/components/utils/assets/tinymce/content/global.scss

@@ -9,7 +9,17 @@ table {
         border: 1px solid var(--v-primary-base);
         padding: 3px;
     }
+
+    // Define styles for floating buttons and behavior in small screens
+    @media (max-width: 600px) {
+        // Ensure table is scrollable horizontally
+        display: block;
+        white-space: nowrap;
+        overflow-x: auto;
+        position: relative;
+    }
 }
+
 table {
     &.windward-table-default {
         color: black;

package/components/utils/assets/tinymce/ui/global.scss

@@ -1,8 +1,12 @@
 table {
-    border: 1px solid black !important;
+    border: var(--v-primary-base);
     th,
     td {
-        border: 1px solid black !important;
+        border: var(--v-primary-base);
+    }
+    caption {
+        text-align: left;
+        color: var(--v-primary-base);
     }
 }
 

package/components/utils/glossary/CourseGlossary.vue

@@ -33,6 +33,7 @@
                                         'writable'
                                     )
                                 "
+                                :disabled="disabled"
                                 @click:save="save"
                                 @click:save-new="saveNew"
                                 @click:trigger="addTerm"
@@ -108,6 +109,7 @@
                                 <SpeedDial
                                     direction="left"
                                     transition="slide-x-reverse-transition"
+                                    :disabled="disabled"
                                 >
                                     <v-btn
                                         color="error"
@@ -142,7 +144,7 @@
                                     >
                                         {{ $t('shared.forms.edit') }}
                                         <span class="sr-only">{{
-                                            $t('forms.edit')
+                                            $t('shared.forms.edit')
                                         }}</span>
                                     </v-btn>
                                 </SpeedDial>
@@ -171,8 +173,9 @@ export default {
     components: { DialogBox, CourseGlossaryForm, SpeedDial, TextViewer },
     layout: 'course',
     middleware: ['auth'],
-    props: {},
-
+    props: {
+        disabled: { type: Boolean, required: false, default: false },
+    },
     data() {
         return {
             dialog: false,

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

@@ -1,5 +1,20 @@
 export default {
-    error: 'Could not generate question from provided content.',
+    error: {
+        default: 'Could not generate question from provided content.',
+        default_support: 'Please try again or contact support if the issue persists.',
+        
+        insufficient_content: 'More content needed to generate questions.',
+        insufficient_content_support: 'Please add more text, examples, or explanations to this section. We recommend at least 2-3 paragraphs of content.',
+        
+        content_mismatch: 'Content doesn\'t match question type.',
+        content_mismatch_support: 'The current content isn\'t suitable for this type of question. Consider adding more specific examples or comparable items.',
+        
+        llm_unavailable: 'Question generation temporarily unavailable.',
+        llm_unavailable_support: 'We\'re unable to connect to our AI service at the moment. Please try again in a few minutes.',
+        
+        technical: 'Unable to process request.',
+        technical_support: 'Something went wrong. Please try again or contact support if this continues.'
+    },
     button_label: 'Generate Question',
-    selected_pages: 'Selected Page',
+    selected_pages: 'Selected Page'
 }

package/i18n/en-US/components/utils/tiny_mce_wrapper.ts

@@ -27,4 +27,5 @@ export default {
     link_href_missing: 'a (anchor) element must contain an href attribute.',
     link_text_missing:
         'a (anchor) element must contain text. The text may occur in the anchor text or in the title attribute of the anchor or in the Alt text of an image used within the anchor',
+    blank: 'blank',
 }

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

@@ -1,5 +1,28 @@
 export default {
-    error: "No se pudo generar una pregunta a partir del contenido proporcionado.",
+    error: {
+        default:
+            'No se pudo generar la pregunta a partir del contenido proporcionado.',
+        default_support:
+            'Inténtalo de nuevo o ponte en contacto con el servicio de asistencia si el problema persiste.',
+
+        insufficient_content:
+            'Se necesita más contenido para generar preguntas.',
+        insufficient_content_support:
+            'Agregue más texto, ejemplos o explicaciones a esta sección. Recomendamos al menos 2 o 3 párrafos de contenido.',
+
+        content_mismatch: 'El contenido no coincide con el tipo de pregunta.',
+        content_mismatch_support:
+            'El contenido actual no es adecuado para este tipo de pregunta. Considere agregar ejemplos más específicos o elementos comparables.',
+
+        llm_unavailable:
+            'La generación de preguntas no está disponible temporalmente.',
+        llm_unavailable_support:
+            'No podemos conectarnos a nuestro servicio de IA en este momento. Inténtalo nuevamente en unos minutos.',
+
+        technical: 'No se puede procesar la solicitud.',
+        technical_support:
+            'Algo salió mal. Inténtalo de nuevo o ponte en contacto con el servicio de asistencia si el problema persiste.',
+    },
     button_label: 'Generar pregunta',
     selected_pages: 'Página seleccionada',
 }

package/i18n/es-ES/components/utils/tiny_mce_wrapper.ts

@@ -28,4 +28,5 @@ export default {
     link_href_missing:
         'El Elemento HTML Anchor <a> debe contener un atributo href',
     link_text_missing: 'El Elemento HTML Anchor <a> debe contener texto. ',
+    blank: 'vacio',
 }

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

@@ -1,5 +1,25 @@
 export default {
-    error: "Kunde inte generera en fråga från det tillhandahållna innehållet.",
+    error: {
+        default: 'Kunde inte generera fråga från tillhandahållet innehåll.',
+        default_support:
+            'Försök igen eller kontakta supporten om problemet kvarstår.',
+
+        insufficient_content: 'Mer innehåll behövs för att generera frågor.',
+        insufficient_content_support:
+            'Vänligen lägg till mer text, exempel eller förklaringar till det här avsnittet. Vi rekommenderar minst 2-3 stycken innehåll.',
+
+        content_mismatch: 'Innehållet matchar inte frågetyp.',
+        content_mismatch_support:
+            'Det aktuella innehållet är inte lämpligt för den här typen av frågor. Överväg att lägga till mer specifika exempel eller jämförbara objekt.',
+
+        llm_unavailable: 'Frågegenerering tillfälligt otillgänglig.',
+        llm_unavailable_support:
+            'Vi kan inte ansluta till vår AI-tjänst för tillfället. Försök igen om några minuter.',
+
+        technical: 'Kan inte behandla begäran.',
+        technical_support:
+            'Något gick fel. Försök igen eller kontakta supporten om detta fortsätter.',
+    },
     button_label: 'Generera fråga',
     selected_pages: 'Vald sida',
 }

package/i18n/sv-SE/components/utils/tiny_mce_wrapper.ts

@@ -28,4 +28,5 @@ export default {
     link_href_missing:
         'HTML Anchor <a>-elementet måste innehålla ett href-attribut',
     link_text_missing: 'HTML-ankarelementet <a> måste innehålla text.',
+    blank: 'tom',
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/core",
-    "version": "0.10.0",
+    "version": "0.12.0",
     "description": "Windward UI Core Plugins",
     "main": "plugin.js",
     "scripts": {
@@ -21,7 +21,7 @@
     "license": "MIT",
     "homepage": "https://bitbucket.org/mindedge/windward-ui-plugin-core#readme",
     "dependencies": {
-        "@mindedge/vuetify-player": "^0.4.1",
+        "@mindedge/vuetify-player": "^0.4.2",
         "@tinymce/tinymce-vue": "^3.2.8",
         "accessibility-scanner": "^0.0.1",
         "eslint": "^8.11.0",

package/pages/glossary.vue

@@ -1,6 +1,12 @@
 <template>
     <v-row justify="center" align="center">
         <v-col cols="12">
+            <v-alert
+                v-if="!$ContextService.courseInSourceOrganization()"
+                type="warning"
+            >
+                {{ $t('shared.forms.source_organization_course_lock') }}
+            </v-alert>
             <div class="d-flex mb-5">
                 <h2 class="mr-auto flex-grow-1" tabindex="0">
                     {{ $t('windward.core.pages.glossary.title') }}
@@ -8,7 +14,9 @@
             </div>
 
             <v-spacer class="mt-5 mb-5" />
-            <CourseGlossary />
+            <CourseGlossary
+                :disabled="!$ContextService.courseInSourceOrganization()"
+            />
         </v-col>
     </v-row>
 </template>
@@ -17,9 +25,9 @@
 import { CourseGlossary } from '../utils/index'
 export default {
     name: 'Glossary',
-    middleware: ['auth', 'privilege'],
     components: { CourseGlossary },
     layout: 'authenticated',
+    middleware: ['auth', 'privilege'],
     meta: {
         privilege: {
             'windward.organization.course.contentBlock': {

package/test/Components/Settings/AccordionSettings.spec.js

@@ -31,13 +31,27 @@ describe('AccordionSettings', () => {
                 header: '',
                 expand: false,
                 content: '',
-                fileConfig: {},
+                fileConfig: {
+                    display: {
+                        width: 100,
+                        margin: '',
+                        padding: '',
+                    },
+                    hideBackground: true,
+                },
             },
             {
                 header: '',
                 expand: false,
                 content: '',
-                fileConfig: {},
+                fileConfig: {
+                    display: {
+                        width: 100,
+                        margin: '',
+                        padding: '',
+                    },
+                    hideBackground: true,
+                },
             },
         ])
     })

package/test/Components/Settings/TabSettings.spec.js

@@ -27,8 +27,32 @@ describe('TabSettings', () => {
         })
         wrapper.vm.onAddElement()
         expect(wrapper.vm.$data.block.metadata.config.items).toEqual([
-            { tabHeader: '', expand: false, content: '', imageAsset: null },
-            { tabHeader: '', expand: false, content: '', imageAsset: null },
+            {
+                tabHeader: '',
+                expand: false,
+                content: '',
+                imageAsset: {
+                    display: {
+                        width: 100,
+                        margin: '',
+                        padding: '',
+                    },
+                    hideBackground: true,
+                },
+            },
+            {
+                tabHeader: '',
+                expand: false,
+                content: '',
+                imageAsset: {
+                    display: {
+                        width: 100,
+                        margin: '',
+                        padding: '',
+                    },
+                    hideBackground: true,
+                },
+            },
         ])
     })