@windward/core 0.12.6 → 0.14.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+### Release [0.14.0] created - 2025-03-25
+
+
+### Release [0.16.0] created - 2025-03-11
+
+
 ### Hotfix [0.12.6] created - 2025-02-26
 
 

package/components/Navigation/Items/AskTheExpert.vue

@@ -7,13 +7,28 @@
             <v-list-item-title>
                 {{ $t(config.i18n) }}
             </v-list-item-title>
-            <DialogBox v-model="dialog" color="primary" text :trigger="false">
+            <DialogBox
+                :value="dialog"
+                color="primary"
+                action-save
+                text
+                :trigger="false"
+                @input="$emit('input', $event)"
+                @click:save="onSubmit"
+                @click:close="dialog = false"
+            >
                 <template #title>{{ $t(config.i18n) }}</template>
                 <template #form="{ on, attrs }">
-                    <v-card flat v-bind="attrs" v-on="on">
+                    <v-form
+                        v-model="formValid"
+                        flat
+                        v-bind="attrs"
+                        v-on="on"
+                        @input="on['change:valid']($event)"
+                    >
                         <v-container fluid>
                             <v-row>
-                                <v-col cols="12" class="pl-6">
+                                <v-col cols="12">
                                     <h3>
                                         {{
                                             $t(
@@ -22,88 +37,45 @@
                                         }}
                                     </h3>
                                 </v-col>
-                                <v-col
-                                    v-if="
-                                        $PermissionService.userHasAccessTo(
-                                            'windward.global.course,windward.organization.course.contentBlock',
-                                            'writable'
-                                        )
-                                    "
-                                    cols="12"
-                                >
-                                    <v-col cols="12">
-                                        <h3 class="pb-4">
-                                            {{
-                                                $t(
-                                                    'windward.core.components.navigation.ask_the_expert.config'
-                                                )
-                                            }}
-                                        </h3>
-                                    </v-col>
-                                    <v-col cols="12">
-                                        <v-text-field
-                                            v-model="courseAndContentName"
-                                            disabled
-                                            outlined
-                                            :label="
-                                                $t(
-                                                    'windward.core.components.navigation.ask_the_expert.course_info'
-                                                )
-                                            "
-                                        ></v-text-field>
-                                    </v-col>
-                                </v-col>
-                                <v-col
-                                    v-if="
-                                        !$PermissionService.userHasAccessTo(
-                                            'windward.global.course,windward.organization.course.contentBlock',
-                                            'writable'
-                                        )
-                                    "
-                                    cols="12"
-                                >
-                                    <v-col cols="12">
-                                        <v-text-field
-                                            v-model="subject"
-                                            outlined
-                                            :label="
-                                                $t(
-                                                    'windward.core.components.navigation.ask_the_expert.subject'
-                                                )
-                                            "
-                                        ></v-text-field>
-                                    </v-col>
-                                    <v-col cols="12">
-                                        <v-textarea v-model="body" outlined>
-                                            <template #label>
-                                                <div>
-                                                    {{
-                                                        $t(
-                                                            'windward.core.components.navigation.ask_the_expert.question'
-                                                        )
-                                                    }}
-                                                </div>
-                                            </template>
-                                        </v-textarea>
-                                    </v-col>
-                                    <v-col
-                                        cols="12"
-                                        class="pt-5 pb-5 d-flex flex-row-reverse"
+                                <v-col cols="12">
+                                    <v-text-field
+                                        v-model="subject"
+                                        outlined
+                                        :rules="$Validation.getRule('exists')"
+                                        :label="
+                                            $t(
+                                                'windward.core.components.navigation.ask_the_expert.subject'
+                                            )
+                                        "
+                                    ></v-text-field>
+                                    <v-textarea
+                                        v-model="body"
+                                        :rules="$Validation.getRule('exists')"
+                                        outlined
                                     >
-                                        <v-btn
-                                            class="primary"
-                                            elevation="0"
-                                            :disabled="valid"
-                                            @click="onSubmit"
-                                            >{{
-                                                $t('shared.forms.submit')
-                                            }}</v-btn
-                                        >
-                                    </v-col>
+                                        <template #label>
+                                            <div>
+                                                {{
+                                                    $t(
+                                                        'windward.core.components.navigation.ask_the_expert.question'
+                                                    )
+                                                }}
+                                            </div>
+                                        </template>
+                                    </v-textarea>
                                 </v-col>
                             </v-row>
                         </v-container>
-                    </v-card>
+                    </v-form>
+                </template>
+                <template #actions-save-text>
+                    <span>
+                        <v-icon>mdi-send</v-icon>
+                        {{ $t('shared.forms.send') }}
+                    </span>
+                </template>
+                <template #actions-save-tooltip-text>
+                    {{ $t('shared.forms.send') }}
                 </template>
             </DialogBox>
         </v-list-item-content>
@@ -115,6 +87,9 @@ import { mapGetters } from 'vuex'
 import DialogBox from '~/components/Core/DialogBox.vue'
 import AuthUserRepository from '~/models/repositories/AuthUserRepository'
 import AskTheExpert from '~/models/AskTheExpert'
+import Organization from '~/models/Organization'
+import Course from '~/models/Course'
+import CourseSection from '~/models/CourseSection'
 
 export default {
     name: 'NavigationItemAskTheExpert',
@@ -126,40 +101,33 @@ export default {
         return {
             currentUser: new AuthUserRepository(this.$nuxt),
             expert: '',
-            course: this.$ContentService.getCourse(),
-            content: this.$ContentService.get().content,
             courseAndContentName: '',
             body: '',
             subject: '',
             dialog: false,
+            formValid: false,
         }
     },
     computed: {
         ...mapGetters({
             enrollment: 'enrollment/get',
+            courseContent: 'content/get',
+            course: 'course/get',
+            organization: 'organization/get',
         }),
-        valid() {
-            if (this.body === '' || this.subject === '') {
-                return true
-            } else {
-                return false
-            }
-        },
-    },
-    mounted() {
-        this.courseAndContentName = this.course.name + ': ' + this.content.name
     },
+    mounted() {},
     methods: {
         async onSubmit() {
             const askTheExpertSubmission = new AskTheExpert({
                 body: this.body,
                 subject: this.subject,
-                currentUser: this.currentUser,
-                enrollment: this.enrollment,
-                content: this.content,
-                course: this.course,
-                courseAndContentName: this.courseAndContentName,
-            })
+                course_content_id: this.courseContent.id,
+            }).for(
+                new Organization({ id: this.organization.id }),
+                new Course({ id: this.course.id }),
+                new CourseSection({ id: this.enrollment.course_section_id })
+            )
             await askTheExpertSubmission.save()
             if (askTheExpertSubmission) {
                 this.$dialog.success('Ask The Expert Email Sent Successfully')

package/components/Settings/ClickableIconsSettings.vue

@@ -87,25 +87,43 @@
                     @click:close="onRemoveElement"
                 >
                     <template #header="{ item }">
-                        <v-avatar v-if="item.iconImage && item.fileConfig">
-                            <v-img :src="getImagePublicUrl(item.fileConfig.asset)" />
-                        </v-avatar>
-                        <v-icon
+                        <div
+                            v-if="item.iconImage && item.fileConfig"
+                            class="d-flex align-center"
+                        >
+                            <v-avatar>
+                                <v-img
+                                    :src="
+                                        getImagePublicUrl(item.fileConfig.asset)
+                                    "
+                                />
+                            </v-avatar>
+                            <span class="expansion-panel-title pl-3">{{
+                                item.title
+                            }}</span>
+                        </div>
+                        <div
                             v-else-if="
                                 !item.iconImage &&
                                 item.icon &&
                                 isIcon(item.icon)
                             "
-                            >{{ item.icon }}</v-icon
+                            class="d-flex align-center"
                         >
+                            <v-icon>{{ item.icon }}</v-icon>
+                            <span class="expansion-panel-title pl-2">{{
+                                item.title
+                            }}</span>
+                        </div>
                         <span
                             v-else-if="
                                 !item.iconImage &&
                                 item.icon &&
                                 !isIcon(item.icon)
                             "
-                            >{{ item.icon }}</span
-                        >
+                            >{{ item.icon }}
+                        </span>
+                        <span v-else-if="item.title">{{ item.title }} </span>
                         <span v-else class="font-italic">
                             {{
                                 $t(
@@ -343,3 +361,11 @@ export default {
     },
 }
 </script>
+<style scoped>
+.expansion-panel-title {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: block;
+}
+</style>

package/components/Settings/TextEditorSettings.vue

@@ -273,13 +273,16 @@ export default {
                 currentGlossary.push(this.selectedTerm)
             }
             const course = new Course(this.course)
-            if (!_.isSet(course.metadata)) {
+
+            // If the course metadata is empty then init it
+            if (_.isEmpty(course.metadata)) {
                 course.metadata = {}
                 course.metadata.glossary = {}
             }
-            if (!_.isSet(course.metadata.glossary)) {
-                course.metadata.glossary = currentGlossary
-            }
+
+            // Set the updated glossary
+            course.metadata.glossary = currentGlossary
+
             const updatedCourse = await course.save()
             this.$store.commit('course/set', updatedCourse)
             this.$toast.success(this.$t('shared.forms.saved'))

package/components/utils/ContentViewer.vue

@@ -32,6 +32,10 @@ export default {
             let content = ''
             if (this.value) {
                 content = _.cloneDeep(this.value)
+
+                content = content.replaceAll('{{', '<span>{{</span>')
+                content = content.replaceAll('}}', '<span>}}</span>')
+
                 if (
                     MathHelper.containsMathML(content) ||
                     MathHelper.containsLatex(content) ||
@@ -55,6 +59,7 @@ export default {
                         FillInBlankHelper.renderFillInTHeBlankHtml(content)
                 }
             }
+
             return Vue.compile('<div>' + content + '</div>')
         },
     },

package/components/utils/TinyMCEWrapper.vue

@@ -404,7 +404,7 @@ export default {
                         ],
                     },
                     {
-                        title: 'Windward',
+                        title: 'LearningEdge',
                         items: [
                             {
                                 title: this.$t(

package/components/utils/glossary/CourseGlossary.vue

@@ -330,7 +330,7 @@ export default {
             const deleteIndex = this.glossaryTerms.indexOf(item)
             this.glossaryTerms.splice(deleteIndex, 1)
             const course = new Course(this.course)
-            if (!_.isSet(course.metadata)) {
+            if (_.isEmpty(course.metadata)) {
                 course.metadata = {}
                 course.metadata.glossary = {}
             }

package/helpers/tinymce/WindwardPlugins.ts

@@ -20,13 +20,15 @@ export class WindwardPlugins {
     }
 
     public $t(key: string, replacements: string[] = []): string {
-        const browserLang = _.get(
+        const browserLang: any = _.get(
             navigator,
             'languages[0]',
             navigator.language || 'en-US'
         )
 
-        const lang = local.messages[browserLang] || local.messages['en-US']
+        const lang: any =
+            local.messages[browserLang as keyof typeof local.messages] ||
+            local.messages['en-US']
 
         // Fetch the translation string with a default empty string
         let str = _.get(lang, key, '')

package/i18n/en-US/index.ts

@@ -6,7 +6,7 @@ import modules from './modules/index'
 export default {
     windward: {
         core: {
-            name: 'Windward Core',
+            name: 'LearningEdge Core',
             pages,
             components,
             shared,

package/i18n/en-US/shared/index.ts

@@ -1,11 +1,13 @@
-import content_blocks from './content_blocks'
+import contentBlocks from './content_blocks'
 import settings from './settings'
 import menu from './menu'
+import notification from './notification'
 import permission from './permission'
 
 export default {
-    content_blocks,
+    content_blocks: contentBlocks,
     settings,
     menu,
+    notification,
     permission,
 }

package/i18n/en-US/shared/notification.ts

@@ -0,0 +1,13 @@
+export default {
+    event: {
+        type_title: {
+            'windward-core-ask-the-expert': 'Course Ask the Expert',
+            'windward-core-contact-support': 'Course Contact Support',
+        },
+
+        type_description: {
+            'windward-core-ask-the-expert': 'Course Ask the Expert',
+            'windward-core-contact-support': 'Course Contact Support',
+        },
+    },
+}

package/i18n/es-ES/index.ts

@@ -6,7 +6,7 @@ import modules from './modules/index'
 export default {
     windward: {
         core: {
-            name: 'Windward Core',
+            name: 'LearningEdge Core',
             pages,
             components,
             shared,

package/i18n/es-ES/shared/index.ts

@@ -1,11 +1,13 @@
-import content_blocks from './content_blocks'
+import contentBlocks from './content_blocks'
 import settings from './settings'
 import menu from './menu'
+import notification from './notification'
 import permission from './permission'
 
 export default {
-    content_blocks,
+    content_blocks: contentBlocks,
     settings,
     menu,
+    notification,
     permission,
 }

package/i18n/es-ES/shared/notification.ts

@@ -0,0 +1,14 @@
+export default {
+    event: {
+        type_title: {
+            'windward-core-ask-the-expert': 'Curso Pregúntele al experto',
+            'windward-core-contact-support':
+                'Curso Comuníquese con el soporte técnico',
+        },
+
+        type_description: {
+            'windward-core-ask-the-expert': 'Curso Pregúntele al experto',
+            'windward-core-contact-support': 'Soporte de contacto del curso',
+        },
+    },
+}

package/i18n/sv-SE/index.ts

@@ -6,7 +6,7 @@ import modules from './modules/index'
 export default {
     windward: {
         core: {
-            name: 'Windward Core',
+            name: 'LearningEdge Core',
             pages,
             components,
             shared,

package/i18n/sv-SE/shared/index.ts

@@ -1,11 +1,13 @@
-import content_blocks from './content_blocks'
+import contentBlocks from './content_blocks'
 import settings from './settings'
 import menu from './menu'
+import notification from './notification'
 import permission from './permission'
 
 export default {
-    content_blocks,
+    content_blocks: contentBlocks,
     settings,
     menu,
+    notification,
     permission,
 }

package/i18n/sv-SE/shared/notification.ts

@@ -0,0 +1,13 @@
+export default {
+    event: {
+        type_title: {
+            'windward-core-ask-the-expert': 'Kurs Fråga experten',
+            'windward-core-contact-support': 'Course Contact Support',
+        },
+
+        type_description: {
+            'windward-core-ask-the-expert': 'Kurs Fråga experten',
+            'windward-core-contact-support': 'Course Contact Support',
+        },
+    },
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/core",
-    "version": "0.12.6",
+    "version": "0.14.0",
     "description": "Windward UI Core Plugins",
     "main": "plugin.js",
     "scripts": {

package/plugin.js

@@ -3,7 +3,6 @@ import locales from './i18n'
 // Content Blocks
 import Video from './components/Content/Blocks/Video'
 import Tab from './components/Content/Blocks/Tab'
-import Math from './components/Content/Blocks/Math'
 import MathExpressionEditor from './components/utils/MathExpressionEditor'
 import Accordion from './components/Content/Blocks/Accordion'
 import Feedback from './components/Content/Blocks/Feedback.vue'
@@ -18,7 +17,6 @@ import UserUploadNav from './components/Navigation/Items/UserUploadNav.vue'
 import OpenResponse from './components/Content/Blocks/OpenResponse'
 import OpenResponseCollate from './components/Content/Blocks/OpenResponseCollate'
 import Image from './components/Content/Blocks/Image'
-import UserUpload from './components/Content/Blocks/UserUpload'
 import FileDownload from './components/Content/Blocks/FileDownload'
 
 import GlossaryPage from './pages/glossary.vue'
@@ -47,12 +45,12 @@ import HorizontalRuleSettings from './components/Settings/HorizontalRuleSettings
 import UserUploadPage from './pages/userUpload.vue'
 import GlossaryToolTip from './components/utils/glossary/GlossaryToolTip.vue'
 import TextEditorSettings from './components/Settings/TextEditorSettings.vue'
-import MathSettings from './components/Settings/MathSettings.vue'
 import FillInTheBlanks from './components/utils/FillInBlank/FillInTheBlanksManager.vue'
 import FillInBlankInput from './components/utils/FillInBlank/FillInBlankInput.vue'
 
 export default {
     name: 'windward.core.name',
+    version: null,
     hooks: {
         beforeContent: (body) => {
             console.log('Hello world from beforeContent hook')
@@ -213,15 +211,6 @@ export default {
                     grouping: 'components.content.blocks.group.multimedia',
                 },
             },
-            {
-                tag: 'core-user-upload',
-                template: UserUpload,
-                metadata: {
-                    icon: 'mdi-cloud-upload',
-                    name: 'windward.core.shared.content_blocks.title.user_upload',
-                    grouping: 'components.content.blocks.group.multimedia',
-                },
-            },
             {
                 tag: 'core-file-download',
                 template: FileDownload,

package/utils/index.js

@@ -7,7 +7,8 @@ import TinyMCEWrapper from '../components/utils/TinyMCEWrapper.vue'
 import MathExpressionEditor from '../components/utils/MathExpressionEditor'
 import CourseGlossary from '../components/utils/glossary/CourseGlossary.vue'
 import CourseGlossaryForm from '../components/utils/glossary/CourseGlossaryForm.vue'
-import GenerateAIQuestionButton from '../components/Content/Blocks/GenerateAIQuestionButton.vue';
+import GenerateAIQuestionButton from '../components/Content/Blocks/GenerateAIQuestionButton.vue'
+
 export {
     MathHelper,
     ContentViewer,

package/.idea/codeStyles/Project.xml

@@ -1,58 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <code_scheme name="Project" version="173">
-    <HTMLCodeStyleSettings>
-      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
-      <option name="HTML_ENFORCE_QUOTES" value="true" />
-    </HTMLCodeStyleSettings>
-    <JSCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </JSCodeStyleSettings>
-    <TypeScriptCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </TypeScriptCodeStyleSettings>
-    <VueCodeStyleSettings>
-      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
-      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
-    </VueCodeStyleSettings>
-    <codeStyleSettings language="HTML">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="JavaScript">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="TypeScript">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="Vue">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-  </code_scheme>
-</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -1,5 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <state>
-    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
-  </state>
-</component>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -1,6 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <profile version="1.0">
-    <option name="myName" value="Project Default" />
-    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
-  </profile>
-</component>

package/.idea/misc.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="JavaScriptSettings">
-    <option name="languageLevel" value="FLOW" />
-  </component>
-</project>