@windward/core 0.16.0 → 0.18.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+### Release [0.18.0] created - 2025-05-21
+
+
+### Release [0.17.0] created - 2025-05-13
+
+
 ### Release [0.16.0] created - 2025-04-29
 
 

package/components/Content/Blocks/Accordion.vue

@@ -1,13 +1,19 @@
 <template>
     <div>
         <v-container
-            class="pa-0"
             v-if="
                 block.metadata.config.title ||
                 block.metadata.config.instructions
             "
+            class="pa-0"
         >
-            <h2 v-if="block.metadata.config.title" tabindex="0">
+            <h2
+                v-if="
+                    block.metadata.config.title &&
+                    block.metadata.config.display_title
+                "
+                tabindex="0"
+            >
                 {{ block.metadata.config.title }}
             </h2>
 
@@ -31,9 +37,10 @@
                 :key="itemIndex"
             >
                 <v-expansion-panel-header
+                    :ref="'expansion-panel-' + itemIndex"
                     class="expansion-panel-header"
                     color="primary"
-                    :ref="'expansion-panel-' + itemIndex"
+                    role="button"
                     @click="onOpenAccordion(itemIndex)"
                 >
                     {{
@@ -43,8 +50,8 @@
                     }}
                 </v-expansion-panel-header>
                 <v-expansion-panel-content
-                    class="expansion-panel-body"
                     :key="expansionPanelKey"
+                    class="expansion-panel-body"
                 >
                     <v-container
                         class="px-0 d-flex"
@@ -87,9 +94,9 @@
 import _ from 'lodash'
 import Crypto from '~/helpers/Crypto'
 import ImageAssetViewer from '~/components/Content/ImageAssetViewer.vue'
+import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
 import TextEditor from '~/components/Text/TextEditor'
 import TextViewer from '~/components/Text/TextViewer'
-import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
 
 export default {
     name: 'ContentBlockAccordion',
@@ -99,40 +106,6 @@ export default {
         ImageAssetViewer,
     },
     extends: BaseContentBlock,
-    beforeMount() {
-        if (_.isEmpty(this.block)) {
-            this.block = {}
-        }
-        if (_.isEmpty(this.block.metadata)) {
-            this.block.metadata = {}
-        }
-        if (_.isEmpty(this.block.metadata.config)) {
-            this.block.metadata.config = {}
-        }
-        if (_.isEmpty(this.block.metadata.config.title)) {
-            this.block.metadata.config.title = ''
-        }
-        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'
-        )
-    },
     data() {
         return {
             expansionPanelKey: '0',
@@ -184,6 +157,43 @@ export default {
             }
         },
     },
+    beforeMount() {
+        if (_.isEmpty(this.block)) {
+            this.block = {}
+        }
+        if (_.isEmpty(this.block.metadata)) {
+            this.block.metadata = {}
+        }
+        if (_.isEmpty(this.block.metadata.config)) {
+            this.block.metadata.config = {}
+        }
+        if (_.isEmpty(this.block.metadata.config.title)) {
+            this.block.metadata.config.title = ''
+        }
+        if (!_.isBoolean(this.block.metadata.config.display_title)) {
+            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'
+        )
+    },
     mounted() {
         if (this.render) {
             // ensure panels are always loaded closed

package/components/Content/Blocks/BlockQuote.vue

@@ -7,7 +7,13 @@
             "
         >
             <v-col cols="12" class="pb-0">
-                <h2 v-if="block.metadata.config.title" tabindex="0">
+                <h2
+                    v-if="
+                        block.metadata.config.title &&
+                        block.metadata.config.display_title
+                    "
+                    tabindex="0"
+                >
                     {{ block.metadata.config.title }}
                 </h2>
                 <p
@@ -148,6 +154,9 @@ export default {
         if (_.isEmpty(this.block.metadata.config.title)) {
             this.block.metadata.config.title = ''
         }
+        if (!_.isBoolean(this.block.metadata.config.display_title)) {
+            this.$set(this.block.metadata.config, 'display_title', true)
+        }
         if (_.isEmpty(this.block.metadata.config.instructions)) {
             this.block.metadata.config.instructions = ''
         }

package/components/Content/Blocks/ClickableIcons.vue

@@ -1,15 +1,21 @@
 <template>
     <div>
         <v-container class="pa-0">
-            <h2 v-if="block.metadata.config.title" tabindex="0">
+            <h2
+                v-if="
+                    block.metadata.config.title &&
+                    block.metadata.config.display_title
+                "
+                tabindex="0"
+            >
                 {{ block.metadata.config.title }}
             </h2>
             <p
-                v-if="block.metadata.config.description"
+                v-if="block.metadata.config.instructions"
                 tabindex="0"
                 class="pt-3"
             >
-                {{ block.metadata.config.description }}
+                {{ block.metadata.config.instructions }}
             </p>
         </v-container>
         <v-container class="pa-0">
@@ -20,7 +26,7 @@
                 :class="rowClass(itemIndex)"
                 class="pa-0"
             >
-                <v-col cols="12" v-bind="iconColumnAttrs">
+                <v-col cols="8" v-bind="iconColumnAttrs">
                     <button
                         class="mr-1"
                         :class="activatorButtonClass(itemIndex)"
@@ -85,8 +91,8 @@
 import _ from 'lodash'
 import he from 'he'
 import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
-import TextViewer from '~/components/Text/TextViewer'
 import ImageAssetViewer from '~/components/Content/ImageAssetViewer.vue'
+import TextViewer from '~/components/Text/TextViewer'
 
 export default {
     name: 'ClickableIcons',
@@ -95,38 +101,6 @@ export default {
         ImageAssetViewer,
     },
     extends: BaseContentBlock,
-    beforeMount() {
-        // Apply the default config
-        this.block.body = this.$t(
-            'windward.core.shared.content_blocks.title.clickable_icons'
-        )
-        if (_.isEmpty(this.block.metadata.config.items)) {
-            this.block.metadata.config.items = []
-            this.block.metadata.config.description = this.$t(
-                'windward.core.components.settings.clickable_icon.information'
-            )
-        }
-        if (_.isEmpty(this.block.metadata.config.title)) {
-            this.block.metadata.config.title = ''
-        }
-        if (_.isEmpty(this.block.metadata.config.description)) {
-            this.block.metadata.config.description = ''
-        }
-        if (_.isEmpty(this.block.metadata.config.display)) {
-            this.block.metadata.config.display = {
-                show_title: false,
-                show_background: false,
-                round_icon: false,
-                italic_icon: false,
-                autocolor: true,
-            }
-        }
-        if (this.block.metadata.config.items.length) {
-            for (const index in this.block.metadata.config.items) {
-                this.block.metadata.config.items[index].active = false
-            }
-        }
-    },
     data() {
         return {
             saveState: false,
@@ -154,6 +128,9 @@ export default {
                 ) {
                     classes += ' ' + this.itemColor(itemIndex) + ' black--text'
                 }
+                if (window.innerWidth <= 600) {
+                    classes += 'd-flex justify-center '
+                }
                 return classes
             }
         },
@@ -261,6 +238,41 @@ export default {
             }
         },
     },
+    beforeMount() {
+        // Apply the default config
+        this.block.body = this.$t(
+            'windward.core.shared.content_blocks.title.clickable_icons'
+        )
+        if (_.isEmpty(this.block.metadata.config.items)) {
+            this.block.metadata.config.items = []
+            this.block.metadata.config.description = this.$t(
+                'windward.core.components.settings.clickable_icon.information'
+            )
+        }
+        if (_.isEmpty(this.block.metadata.config.title)) {
+            this.block.metadata.config.title = ''
+        }
+        if (!_.isBoolean(this.block.metadata.config.display_title)) {
+            this.$set(this.block.metadata.config, 'display_title', true)
+        }
+        if (_.isEmpty(this.block.metadata.config.description)) {
+            this.block.metadata.config.description = ''
+        }
+        if (_.isEmpty(this.block.metadata.config.display)) {
+            this.block.metadata.config.display = {
+                show_title: false,
+                show_background: false,
+                round_icon: false,
+                italic_icon: false,
+                autocolor: true,
+            }
+        }
+        if (this.block.metadata.config.items.length) {
+            for (const index in this.block.metadata.config.items) {
+                this.block.metadata.config.items[index].active = false
+            }
+        }
+    },
     methods: {
         isIcon(str) {
             return str && _.isString(str) && str.indexOf('mdi-') === 0
@@ -295,13 +307,17 @@ button.button-icon.button-icon--rounded {
 }
 
 .button-icon--normal {
-    .clickable--icon,
+    .clickable--icon {
+        font-size: 5rem;
+    }
     .clickable--text {
         font-size: 1.5rem;
     }
 }
 .button-icon--large {
-    .clickable--icon,
+    .clickable--icon {
+        font-size: 9rem;
+    }
     .clickable--text {
         font-size: 2.5rem;
     }

package/components/Content/Blocks/Email.vue

@@ -7,7 +7,13 @@
             "
         >
             <v-col cols="12" class="pa-0">
-                <h2 v-if="block.metadata.config.title" tabindex="0">
+                <h2
+                    v-if="
+                        block.metadata.config.title &&
+                        block.metadata.config.display_title
+                    "
+                    tabindex="0"
+                >
                     {{ block.metadata.config.title }}
                 </h2>
                 <p
@@ -21,8 +27,8 @@
         </v-row>
         <v-row>
             <v-expansion-panels
-                v-model="selectedPanels"
                 :key="expansionPanelKey"
+                v-model="selectedPanels"
                 accordion
             >
                 <v-container
@@ -248,6 +254,9 @@ export default {
         if (_.isEmpty(this.block.metadata.config.title)) {
             this.block.metadata.config.title = ''
         }
+        if (!_.isBoolean(this.block.metadata.config.display_title)) {
+            this.$set(this.block.metadata.config, 'display_title', true)
+        }
         if (_.isEmpty(this.block.metadata.config.instructions)) {
             this.block.metadata.config.instructions = ''
         }

package/components/Content/Blocks/FileDownload.vue

@@ -1,6 +1,11 @@
 <template>
     <v-container class="pa-0">
-        <h2>
+        <h2
+            v-if="
+                block.metadata.config.title &&
+                block.metadata.config.display_title
+            "
+        >
             {{
                 block.metadata.config.title ||
                 $t(
@@ -125,6 +130,9 @@ export default {
                 'windward.core.components.content.blocks.file_download.default_title'
             )
         }
+        if (!_.isBoolean(this.block.metadata.config.display_title)) {
+            this.$set(this.block.metadata.config, 'display_title', true)
+        }
         if (_.isEmpty(this.block.metadata.config.instructions)) {
             this.block.metadata.config.instructions = this.$t(
                 'windward.core.components.content.blocks.file_download.default_instructions'

package/components/Content/Blocks/OpenResponse.vue

@@ -1,13 +1,19 @@
 <template>
     <div>
         <v-container
-            class="pa-0"
             v-if="
                 block.metadata.config.title ||
                 block.metadata.config.instructions
             "
+            class="pa-0"
         >
-            <h2 v-if="block.metadata.config.title" tabindex="0">
+            <h2
+                v-if="
+                    block.metadata.config.title &&
+                    block.metadata.config.display_title
+                "
+                tabindex="0"
+            >
                 {{ block.metadata.config.title }}
             </h2>
 
@@ -23,6 +29,7 @@
             <div v-if="block.body && !submitted">
                 <TextViewer v-model="block.body" :height="200"></TextViewer>
                 <TextEditor
+                    :key="updateKey"
                     v-model="response"
                     :height="200"
                     menubar=""
@@ -104,23 +111,25 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-import TextViewer from '~/components/Text/TextViewer'
-import TextEditor from '~/components/Text/TextEditor'
 import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
 import UserContentBlockState from '~/models/UserContentBlockState'
+import Crypto from '~/helpers/Crypto'
+import TextViewer from '~/components/Text/TextViewer'
+import TextEditor from '~/components/Text/TextEditor'
 
 export default {
     name: 'ContentBlockOpenResponse',
-    extends: BaseContentBlock,
     components: {
         TextViewer,
         TextEditor,
     },
+    extends: BaseContentBlock,
     data() {
         return {
             stateLoaded: false,
             response: '',
             submitted: false,
+            updateKey: Crypto.id(),
         }
     },
     computed: {
@@ -135,6 +144,13 @@ export default {
             )
         },
     },
+    watch: {
+        render(newVal) {
+            if (newVal) {
+                this.onAfterSetContentBlockState()
+            }
+        },
+    },
     beforeMount() {
         if (_.isEmpty(this.block.body)) {
             this.block.body = ''
@@ -145,6 +161,9 @@ export default {
         if (_.isEmpty(this.block.metadata.config.title)) {
             this.block.metadata.config.title = ''
         }
+        if (!_.isBoolean(this.block.metadata.config.display_title)) {
+            this.$set(this.block.metadata.config, 'display_title', true)
+        }
         if (_.isEmpty(this.block.metadata.config.instructions)) {
             this.block.metadata.config.instructions = ''
         }
@@ -155,13 +174,6 @@ export default {
             this.block.metadata.config.starting_text = ''
         }
     },
-    watch: {
-        render(newVal) {
-            if (newVal) {
-                this.onAfterSetContentBlockState()
-            }
-        },
-    },
     mounted() {},
     methods: {
         async onAfterSetContentBlockState() {
@@ -194,6 +206,7 @@ export default {
                 // If we don't have a block_id then we are in the initial setup state
                 this.response = this.block.metadata.config.starting_text
             }
+            this.updateKey = Crypto.id()
             this.stateLoaded = true
         },
         onSubmit() {

package/components/Content/Blocks/ScenarioChoice.vue

@@ -1,15 +1,21 @@
 <template>
     <div>
         <v-container class="pa-0">
-            <h2 v-if="block.metadata.config.title" tabindex="0">
+            <h2
+                v-if="
+                    block.metadata.config.title &&
+                    block.metadata.config.display_title
+                "
+                tabindex="0"
+            >
                 {{ block.metadata.config.title }}
             </h2>
             <p
-                v-if="block.metadata.config.description"
+                v-if="block.metadata.config.instructions"
                 tabindex="0"
                 class="pt-3"
             >
-                {{ block.metadata.config.description }}
+                {{ block.metadata.config.instructions }}
             </p>
             <div
                 v-if="choiceIndex !== null && block.metadata.config.show_reset"
@@ -244,8 +250,11 @@ export default {
         if (_.isEmpty(this.block.metadata.config.title)) {
             this.block.metadata.config.title = ''
         }
-        if (_.isEmpty(this.block.metadata.config.description)) {
-            this.block.metadata.config.description = ''
+        if (!_.isBoolean(this.block.metadata.config.display_title)) {
+            this.$set(this.block.metadata.config, 'display_title', true)
+        }
+        if (_.isEmpty(this.block.metadata.config.instructions)) {
+            this.block.metadata.config.instructions = ''
         }
         if (_.isEmpty(this.block.metadata.config.display_style)) {
             this.block.metadata.config.display_style = 'letter'

package/components/Content/Blocks/Tab.vue

@@ -7,7 +7,13 @@
             "
             class="pa-0"
         >
-            <h2 v-if="block.metadata.config.title" tabindex="0">
+            <h2
+                v-if="
+                    block.metadata.config.title &&
+                    block.metadata.config.display_title
+                "
+                tabindex="0"
+            >
                 {{ block.metadata.config.title }}
             </h2>
 
@@ -116,6 +122,9 @@ export default {
                 }
             })
         }
+        if (!_.isBoolean(this.block.metadata.config.display_title)) {
+            this.$set(this.block.metadata.config, 'display_title', true)
+        }
         if (_.isEmpty(this.block.metadata.config.currentTab)) {
             this.block.metadata.config.currentTab = 0
         }
@@ -185,4 +194,8 @@ export default {
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+.text-viewer {
+    color: var(--v-primary-base);
+}
+</style>

package/components/Content/Blocks/UserUpload.vue

@@ -1,7 +1,13 @@
 <template>
     <v-container class="pa-0">
         <div>
-            <h2 v-if="block.metadata.config.title" tabindex="0">
+            <h2
+                v-if="
+                    block.metadata.config.title &&
+                    block.metadata.config.display_title
+                "
+                tabindex="0"
+            >
                 {{ block.metadata.config.title }}
             </h2>
             <v-row>
@@ -110,6 +116,9 @@ export default {
         if (_.isEmpty(this.block.metadata.config)) {
             this.block.metadata.config = {}
         }
+        if (!_.isBoolean(this.block.metadata.config.display_title)) {
+            this.$set(this.block.metadata.config, 'display_title', true)
+        }
         if (_.isEmpty(this.block.metadata.config.instructions)) {
             this.block.metadata.config.instructions = ''
         }

package/components/Content/Blocks/Video.vue

@@ -1,10 +1,16 @@
 <template>
     <div>
-        <h2 v-if="block.metadata.config.title" tabindex="0">
+        <h2
+            v-if="
+                block.metadata.config.title &&
+                block.metadata.config.display_title
+            "
+            tabindex="0"
+        >
             {{ block.metadata.config.title }}
         </h2>
-        <p v-if="block.metadata.config.description" tabindex="0" class="pt-3">
-            {{ block.metadata.config.description }}
+        <p v-if="block.metadata.config.instructions" tabindex="0" class="pt-3">
+            {{ block.metadata.config.instructions }}
         </p>
 
         <VuetifyPlayer
@@ -309,7 +315,7 @@ export default {
             // Default config settings
             defaultConfig: {
                 title: '',
-                description: '',
+                instructions: '',
                 // Default settings for new blocks
                 // This will be overridden in beforeMount()
                 type: 'auto', // Allowed auto|video|audio. In audio mode the player has a max-height of 40px. Auto will switch between the other types when needed
@@ -393,6 +399,9 @@ export default {
         ) {
             this.block.metadata.config.attributes.playbackrates = [1]
         }
+        if (!_.isBoolean(this.block.metadata.config.display_title)) {
+            this.$set(this.block.metadata.config, 'display_title', true)
+        }
         if (_.isEmpty(this.block.assets)) {
             this.$set(this.block, 'assets', [])
         }

package/components/Navigation/Items/UserUploadNav.vue

@@ -2,6 +2,7 @@
     <v-tooltip right>
         <template #activator="{ on, attrs }">
             <v-list-item
+                :class="color"
                 :to="
                     '/course/' +
                     course.id +
@@ -38,6 +39,9 @@ import { mapGetters } from 'vuex'
 export default {
     components: {},
     middleware: ['auth'],
+    props: {
+        color: { type: String, required: false, default: '' },
+    },
     data() {
         return {}
     },