@windward/core 0.15.0 → 0.17.0

package/CHANGELOG.md

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

package/components/Content/Blocks/Accordion.vue

@@ -1,11 +1,11 @@
 <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">
                 {{ block.metadata.config.title }}
@@ -31,9 +31,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 +44,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 +88,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 +100,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 +151,40 @@ 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 (_.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

@@ -34,7 +34,9 @@
         <v-row>
             <v-col cols="12">
                 <p>
-                    {{ citation }}
+                    <span>{{
+                        citation && source ? citation + ',' : citation
+                    }}</span>
                     <span :class="sourceClass">{{ source }}</span>
                 </p>
             </v-col>
@@ -51,38 +53,10 @@ import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
 
 export default {
     name: 'ContentBlockTab',
-    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.instructions)) {
-            this.block.metadata.config.instructions = ''
-        }
-        if (_.isEmpty(this.block.metadata.config.block_quote)) {
-            this.block.metadata.config.block_quote = {
-                quote: '',
-                author: '',
-                author_title: '',
-                organization: '',
-                source_title: '',
-                source_type: '',
-                source_url: '',
-            }
-        }
-        this.block.body = this.$t(
-            'windward.core.components.content.blocks.block_quote.body'
-        )
+    components: {
+        TextViewer,
     },
+    extends: BaseContentBlock,
     data() {
         return {}
     },
@@ -101,7 +75,6 @@ export default {
                     parts.push(value)
                 }
             }
-
             // If there were parts to return then prepend with a mdash
             if (parts.length > 0) {
                 return he.decode('&mdash;') + parts.join(', ')
@@ -113,24 +86,23 @@ export default {
             const parts = []
 
             const sourceTitle =
-                this.block.metadata.config.block_quote['source_title'] || ''
+                this.block.metadata.config.block_quote.source_title || ''
             const sourceType =
-                this.block.metadata.config.block_quote['source_type'] || ''
+                this.block.metadata.config.block_quote.source_type || ''
 
-            if (sourceTitle && sourceType) {
+            if (sourceType) {
                 switch (sourceType) {
                     case 'online_journal':
                         // Wrap the sourceTitle for online journals in quotes
-                        parts.push('"' + sourceTitle + '"')
+                        if (!_.isEmpty(sourceTitle)) {
+                            parts.push('"' + sourceTitle + '"')
+                        }
 
                         // For online journals also add the url if it exists
-                        if (
-                            this.block.metadata.config.block_quote['source_url']
-                        ) {
+                        if (this.block.metadata.config.block_quote.source_url) {
                             parts.push(
-                                this.block.metadata.config.block_quote[
-                                    'source_url'
-                                ]
+                                this.block.metadata.config.block_quote
+                                    .source_url
                             )
                         }
                         break
@@ -140,7 +112,6 @@ export default {
                         break
                 }
             }
-
             // If the citation is empty (aka we only have sources)
             // and there's sources then prepend with a mdash
             if (parts.length > 0 && this.citation === '') {
@@ -154,14 +125,47 @@ export default {
         },
         sourceClass() {
             if (
-                this.block.metadata.config.block_quote['source_title'] &&
-                this.block.metadata.config.block_quote['source_type'] &&
-                this.block.metadata.config.block_quote['source_type'] === 'book'
+                this.block.metadata.config.block_quote.source_title &&
+                this.block.metadata.config.block_quote.source_type &&
+                this.block.metadata.config.block_quote.source_type === 'book'
             ) {
                 return 'span-title'
+            } else {
+                return ''
             }
         },
     },
+    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.instructions)) {
+            this.block.metadata.config.instructions = ''
+        }
+        if (_.isEmpty(this.block.metadata.config.block_quote)) {
+            this.block.metadata.config.block_quote = {
+                quote: '',
+                author: '',
+                author_title: '',
+                organization: '',
+                source_title: '',
+                source_type: '',
+                source_url: '',
+            }
+        }
+        this.block.body = this.$t(
+            'windward.core.components.content.blocks.block_quote.body'
+        )
+    },
     mounted() {},
     methods: {},
 }

package/components/Content/Blocks/OpenResponse.vue

@@ -1,11 +1,11 @@
 <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">
                 {{ block.metadata.config.title }}
@@ -23,6 +23,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 +105,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 +138,13 @@ export default {
             )
         },
     },
+    watch: {
+        render(newVal) {
+            if (newVal) {
+                this.onAfterSetContentBlockState()
+            }
+        },
+    },
     beforeMount() {
         if (_.isEmpty(this.block.body)) {
             this.block.body = ''
@@ -155,7 +165,6 @@ export default {
             this.block.metadata.config.starting_text = ''
         }
     },
-    watch: {},
     mounted() {},
     methods: {
         async onAfterSetContentBlockState() {
@@ -181,11 +190,14 @@ export default {
                 }
 
                 // If after the state is applied the response is still empty then apply the default response
-                if (this.response === '') {
+                if (_.isEmpty(this.response)) {
                     this.response = this.block.metadata.config.starting_text
                 }
+            } else {
+                // 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/Navigation/Items/UserUploadNav.vue

@@ -1,24 +1,36 @@
 <template>
-    <v-list-item
-        :to="
-            '/course/' +
-            course.id +
-            '/section/' +
-            enrollment.course_section_id +
-            '/user-uploads'
-        "
-    >
-        <v-list-item-action>
-            <v-icon>mdi-cloud-upload</v-icon>
-        </v-list-item-action>
-        <v-list-item-content>
-            <v-list-item-title
-                >{{
-                    $t('windward.core.components.navigation.user_upload.title')
-                }}
-            </v-list-item-title>
-        </v-list-item-content>
-    </v-list-item>
+    <v-tooltip right>
+        <template #activator="{ on, attrs }">
+            <v-list-item
+                :class="color"
+                :to="
+                    '/course/' +
+                    course.id +
+                    '/section/' +
+                    enrollment.course_section_id +
+                    '/user-uploads'
+                "
+                v-bind="attrs"
+                v-on="on"
+            >
+                <v-list-item-action>
+                    <v-icon>mdi-cloud-upload</v-icon>
+                </v-list-item-action>
+                <v-list-item-content>
+                    <v-list-item-title
+                        >{{
+                            $t(
+                                'windward.core.components.navigation.user_upload.title'
+                            )
+                        }}
+                    </v-list-item-title>
+                </v-list-item-content>
+            </v-list-item>
+        </template>
+        <span>{{
+            $t('windward.core.components.navigation.user_upload.title')
+        }}</span>
+    </v-tooltip>
 </template>
 
 <script>
@@ -27,6 +39,9 @@ import { mapGetters } from 'vuex'
 export default {
     components: {},
     middleware: ['auth'],
+    props: {
+        color: { type: String, required: false, default: '' },
+    },
     data() {
         return {}
     },

package/components/Settings/TextEditorSettings.vue

@@ -5,6 +5,7 @@
             autofill
             :disabled="render"
             allow-read
+            root-block="p"
             show-glossary
             :hide-text-editor="hideTextEditor"
         >

package/components/utils/ContentViewer.vue

@@ -67,6 +67,9 @@ export default {
 </script>
 
 <style lang="scss">
+.text-viewer {
+    overflow-x: auto !important;
+}
 .text-viewer table tr td {
     padding: 10px !important;
 }

package/components/utils/FillInBlank/FillInBlankInput.vue

@@ -30,7 +30,8 @@
                                 color="primary"
                                 elevation="0"
                                 outlined
-                                @click="show = false"
+                                @click="close"
+                                @keydown.esc="close"
                             >
                                 {{
                                     $t(
@@ -46,12 +47,11 @@
 
         <div class="fib">
             <v-text-field
+                v-model="userInput"
                 :disabled="false"
                 outlined
                 dense
-                v-model="userInput"
                 clear-icon="mdi-close-circle-outline"
-                @click:append-outer="toggleToolTip"
                 clearable
                 :background-color="feedback"
                 :placeholder="
@@ -59,18 +59,19 @@
                         'windward.core.components.utils.fill_in_the_blank.fill_in_blank_input.add_answer'
                     )
                 "
-                @input="showAnswer = false"
-                @keydown="onPressEnter"
                 :aria-label="
                     $t(
                         'windward.core.components.utils.tiny_mce_wrapper.fill_in_blank'
                     )
                 "
+                @click:append-outer="toggleToolTip"
+                @input="showAnswer = false"
+                @keydown="onPressEnter"
             ></v-text-field>
             &nbsp;
             <v-btn
                 v-if="userInput && userInput.length > 0"
-                @click="toggleToolTip"
+                ref="btnCheck"
                 elevation="0"
                 color="primary"
                 outlined
@@ -79,25 +80,22 @@
                         'windward.core.components.utils.fill_in_the_blank.fill_in_blank_input.check_answer'
                     )
                 "
+                @click="toggleToolTip"
                 >{{
-                    show
-                        ? $t(
-                              'windward.core.components.utils.fill_in_the_blank.fill_in_blank_input.reset'
-                          )
-                        : $t(
-                              'windward.core.components.utils.fill_in_the_blank.fill_in_blank_input.check'
-                          )
+                    $t(
+                        'windward.core.components.utils.fill_in_the_blank.fill_in_blank_input.check'
+                    )
                 }}</v-btn
             >
         </div>
     </span>
 </template>
 <script>
-import ContentViewer from '../ContentViewer.vue'
 import _ from 'lodash'
+
 export default {
     name: 'FillInBlankInput',
-    components: { ContentViewer },
+    components: {},
     props: {
         answer: { type: String, required: true },
         description: {
@@ -144,6 +142,20 @@ export default {
             return ''
         },
     },
+    watch: {
+        // set focus on the action button when dialog loaded for accessibility
+        show: function (newValue) {
+            if (newValue) {
+                this.timerId = setTimeout(() => {
+                    this.setFocusAction()
+                }, 100)
+            } else {
+                if (this.timerId !== '') {
+                    clearTimeout(this.timeout)
+                }
+            }
+        },
+    },
     methods: {
         setFocusAction() {
             this.$refs.action_button_1.$el.focus()
@@ -171,19 +183,11 @@ export default {
 
             this.show = !this.show
         },
-    },
-    watch: {
-        //set focus on the action button when dialog loaded for accessibility
-        show: function (newValue) {
-            if (newValue) {
-                this.timerId = setTimeout(() => {
-                    this.setFocusAction()
-                }, 100)
-            } else {
-                if (this.timerId !== '') {
-                    clearTimeout(this.timeout)
-                }
-            }
+        close() {
+            this.show = false
+            this.$nextTick(() => {
+                this.$refs.btnCheck.$el.focus()
+            })
         },
     },
 }