@windward/core 0.15.0 → 0.16.0

package/CHANGELOG.md

@@ -1,5 +1,8 @@
 # Changelog
 
+### Release [0.16.0] created - 2025-04-29
+
+
 ### Release [0.15.0] created - 2025-04-09
 
 

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/GenerateAIQuestionButton.vue

@@ -1,7 +1,46 @@
 <template>
     <div>
-        <v-row>
-            <v-col cols="12" class="d-flex justify-end pb-1">
+        <v-row class="container-generate-ai mt-2">
+            <v-col>{{
+                $t(
+                    'windward.core.components.content.blocks.generate_questions.ai_assistance'
+                )
+            }}</v-col>
+            <v-col>
+                <v-select
+                    v-model="selectedContent"
+                    :items="flattenedContent"
+                    class="btn-selector"
+                    outlined
+                    hide-details
+                    dense
+                    :label="
+                        $t(
+                            'windward.core.components.content.blocks.generate_questions.selected_pages'
+                        )
+                    "
+                    item-text="content.name"
+                    return-object
+                ></v-select>
+            </v-col>
+            <v-col>
+                <v-select
+                    v-model="selectedDifficulty"
+                    :items="taxonomyLevels"
+                    item-text="text"
+                    class="btn-selector"
+                    outlined
+                    hide-details
+                    dense
+                    :label="
+                        $t(
+                            'windward.core.components.content.blocks.generate_questions.blooms.blooms_taxonomy'
+                        )
+                    "
+                    return-object
+                ></v-select>
+            </v-col>
+            <v-col>
                 <v-btn
                     elevation="0"
                     color="secondary"
@@ -10,37 +49,33 @@
                     :disabled="isLoading"
                     @click="generateAIQuestion"
                 >
-                    <v-icon class="pr-1" v-if="!isLoading">mdi-magic-staff</v-icon>
-                    {{ $t('windward.core.components.content.blocks.generate_questions.button_label') }}
+                    <v-icon v-if="!isLoading" class="pr-1"
+                        >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>
-            <v-col cols="12" class="d-flex justify-end pt-0">
-                <v-select
-                    v-model="selectedContent"
-                    :items="flattenedContent"
-                    class="btn-selector"
-                    outlined
-                    hide-details
-                    dense
-                    :label="$t('windward.core.components.content.blocks.generate_questions.selected_pages')"
-                    item-text="content.name"
-                    return-object
-                ></v-select>
-            </v-col>
         </v-row>
     </div>
 </template>
 
 <script>
+import _ from 'lodash'
+import { mapGetters } from 'vuex'
 import AssessmentQuestion from '~/models/AssessmentQuestion'
 import Course from '~/models/Course'
 import Assessment from '~/models/Assessment'
 import Content from '~/models/Content'
-import { mapGetters } from 'vuex'
-import _ from 'lodash'
 import Crypto from '~/helpers/Crypto'
 
 export default {
@@ -55,6 +90,12 @@ export default {
         return {
             isLoading: false,
             selectedContent: '',
+            selectedDifficulty: {
+                value: 'None',
+                text: this.$t(
+                    'windward.core.components.content.blocks.generate_questions.blooms.none'
+                ),
+            },
         }
     },
     computed: {
@@ -73,6 +114,10 @@ export default {
                 fullTree.push(content)
                 if (content.children.length > 0) {
                     fullTree = fullTree.concat(_.flatten(content.children))
+                    // check if children have children
+                    content.children.forEach((child) => {
+                        fullTree = fullTree.concat(_.flatten(child.children))
+                    })
                 }
             })
             //
@@ -85,17 +130,78 @@ export default {
             }
             return fullTree
         },
+        taxonomyLevels() {
+            let basicBloomTaxonomy = [
+                {
+                    value: 'None',
+                    text: this.$t(
+                        'windward.core.components.content.blocks.generate_questions.blooms.none'
+                    ),
+                },
+                {
+                    value: 'Remember',
+                    text: this.$t(
+                        'windward.core.components.content.blocks.generate_questions.blooms.remember'
+                    ),
+                },
+                {
+                    value: 'Understand',
+                    text: this.$t(
+                        'windward.core.components.content.blocks.generate_questions.blooms.understand'
+                    ),
+                },
+                {
+                    value: 'Apply',
+                    text: this.$t(
+                        'windward.core.components.content.blocks.generate_questions.blooms.apply'
+                    ),
+                },
+            ]
+
+            if (
+                this.questionType === 'multi_choice_single_answer' ||
+                this.questionType === 'ordering' ||
+                this.questionType === 'multi_choice_multi_answer'
+            ) {
+                const multiBlooms = [
+                    {
+                        value: 'Analyze',
+                        text: this.$t(
+                            'windward.core.components.content.blocks.generate_questions.blooms.analyze'
+                        ),
+                    },
+                    {
+                        value: 'Evaluate',
+                        text: this.$t(
+                            'windward.core.components.content.blocks.generate_questions.blooms.evaluate'
+                        ),
+                    },
+                ]
+                basicBloomTaxonomy = basicBloomTaxonomy.concat(multiBlooms)
+            }
+            return basicBloomTaxonomy
+        },
     },
     methods: {
         async generateAIQuestion() {
             this.isLoading = true
+            let bloomsRequest = ''
+            if (
+                this.selectedDifficulty.text !==
+                this.$t(
+                    'windward.core.components.content.blocks.generate_questions.blooms.none'
+                )
+            ) {
+                // send value to api call so its not changing with language
+                bloomsRequest = `?blooms_level=${this.selectedDifficulty.value}`
+            }
             try {
                 const response = await AssessmentQuestion.custom(
                     new Course(this.course),
                     new Content(this.selectedContent),
                     new Assessment({ id: this.block.id }),
                     new AssessmentQuestion(),
-                    `suggest/${this.questionType}`
+                    `suggest/${this.questionType}${bloomsRequest}`
                 ).get()
 
                 if (response && response.length > 0) {
@@ -103,27 +209,31 @@ export default {
                     this.$emit('click:generate', generatedQuestion)
                 }
             } catch (error) {
-                const errorMessage = error.response?.data?.error?.message || 'assessment.error.technical'
+                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'
+                const basePath =
+                    'windward.core.components.content.blocks.generate_questions.error'
+
+                let errorText =
+                    this.$t(`${basePath}.${errorType}`) +
+                    '\n\n' +
+                    this.$t(`${basePath}.${errorType}_support`)
 
-                let errorText = this.$t(`${basePath}.${errorType}`) + '\n\n' + 
-                                this.$t(`${basePath}.${errorType}_support`)
-                
                 if (errorType === 'technical') {
-                    const errorCode = error.response?.data?.error?.details?.error_type || 'UNKNOWN'
+                    const errorCode =
+                        error.response?.data?.error?.details?.error_type ||
+                        'UNKNOWN'
                     errorText = errorText.replace('[ERROR_CODE]', errorCode)
                 }
-                
-                this.$dialog.error(
-                    errorText,
-                    {
-                        duration: 5000,
-                        keepOnHover: true,
-                        singleton: true,
-                        type: 'error'
-                    }
-                )
+
+                this.$dialog.error(errorText, {
+                    duration: 5000,
+                    keepOnHover: true,
+                    singleton: true,
+                    type: 'error',
+                })
             } finally {
                 this.isLoading = false
             }
@@ -136,4 +246,8 @@ export default {
 .btn-selector {
     width: 100%;
 }
+.container-generate-ai {
+    outline: 1px solid var(--v-secondary-base);
+    border-radius: 15px;
+}
 </style>

package/components/Content/Blocks/OpenResponse.vue

@@ -155,7 +155,13 @@ export default {
             this.block.metadata.config.starting_text = ''
         }
     },
-    watch: {},
+    watch: {
+        render(newVal) {
+            if (newVal) {
+                this.onAfterSetContentBlockState()
+            }
+        },
+    },
     mounted() {},
     methods: {
         async onAfterSetContentBlockState() {
@@ -181,11 +187,13 @@ 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.stateLoaded = true
         },
         onSubmit() {

package/components/Navigation/Items/UserUploadNav.vue

@@ -1,24 +1,35 @@
 <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
+                :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>

package/components/utils/glossary/CourseGlossary.vue

@@ -1,11 +1,14 @@
 <template>
-    <v-container justify="center">
+    <v-container justify="center" class="pa-0">
         <v-row justify="center" align="center">
             <v-col cols="12">
                 <v-data-table
                     :key="tableKey"
                     :headers="headers"
                     :items="glossaryTerms"
+                    :footer-props="{
+                        'items-per-page-options': [5, -1],
+                    }"
                     :search="search"
                     class="elevation-1"
                 >
@@ -35,9 +38,13 @@
                             >
                                 <template #title>
                                     {{
-                                        $t(
-                                            'windward.core.pages.glossary.add_term'
-                                        )
+                                        selectedTerm.id
+                                            ? $t(
+                                                  'windward.core.pages.glossary.edit_term'
+                                              )
+                                            : $t(
+                                                  'windward.core.pages.glossary.add_term'
+                                              )
                                     }}
                                 </template>
                                 <template #trigger>
@@ -159,18 +166,16 @@
 <script>
 import { mapGetters, mapMutations, mapActions } from 'vuex'
 import _ from 'lodash'
-import { encode } from 'he'
+import CourseGlossaryTerm from '../../../models/CourseGlossaryTerm'
 import CourseGlossaryForm from './CourseGlossaryForm'
 import DialogBox from '~/components/Core/DialogBox.vue'
 import Crypto from '~/helpers/Crypto'
 import Course from '~/models/Course'
-import CourseGlossaryTerm from '../../../models/CourseGlossaryTerm'
 import SpeedDial from '~/components/Core/SpeedDial.vue'
-import TextViewer from '~/components/Text/TextViewer.vue'
 
 export default {
     name: 'CourseGlossary',
-    components: { DialogBox, CourseGlossaryForm, SpeedDial, TextViewer },
+    components: { DialogBox, CourseGlossaryForm, SpeedDial },
     layout: 'course',
     middleware: ['auth'],
     props: {

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

@@ -1,20 +1,35 @@
 export default {
     error: {
         default: 'Could not generate question from provided content.',
-        default_support: 'Please try again or contact support if the issue persists.',
-        
+        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 to generate relevant questions.',
-        
-        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, numerical data, or comparable items depending on your desired question type.',
-        
+        insufficient_content_support:
+            'Please add more text, examples, or explanations to this section. We recommend at least 50 words of relevant content to generate appropriate questions.',
+
+        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, numerical data, or comparable items depending on your desired question type.",
+
         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 or contact support if the issue persists.',
-        
+        llm_unavailable_support:
+            "We're unable to connect to our AI service at the moment. Please try again in a few minutes or contact support if the issue persists.",
+
         technical: 'Unable to process request.',
-        technical_support: 'Something went wrong on our end. Please try again or contact support if this continues. Reference code: [ERROR_CODE]'
+        technical_support:
+            'Something went wrong on our end. Please try again or contact support if this continues. Reference code: [ERROR_CODE]',
     },
     button_label: 'Generate Question',
-    selected_pages: 'Selected Page'
+    selected_pages: 'Selected Page',
+    ai_assistance: 'AI Assistance',
+    blooms: {
+        blooms_taxonomy: "Bloom's Taxonomy Level",
+        none: 'None selected',
+        remember: 'Remember',
+        understand: 'Understand',
+        apply: 'Apply',
+        analyze: 'Analyze',
+        evaluate: 'Evaluate',
+    },
 }

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

@@ -8,7 +8,7 @@ export default {
         math: 'Math',
         accordion: 'Accordion',
         open_response: 'Open Response',
-        open_response_collate: 'Open Response Collate',
+        open_response_collate: 'Open Response Download',
         image: 'Image',
         user_upload: 'User Upload',
         clickable_icons: 'Clickable Icons',

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

@@ -2,7 +2,7 @@ export default {
     title: {
         assessment: 'Assessment Settings',
         open_response: 'Open Response Settings',
-        open_response_collate: 'Open Response Collate Settings',
+        open_response_collate: 'Open Response Download Settings',
         image: 'Image Settings',
         user_upload: 'User Upload Settings',
         file_download: 'File Download Settings',

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

@@ -12,7 +12,7 @@ export default {
 
         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.',
+            'Por favor, añada más texto, ejemplos o explicaciones a esta sección. Recomendamos al menos 50 palabras de contenido relevante para generar preguntas apropiadas.',
 
         llm_unavailable:
             'La generación de preguntas no está disponible temporalmente.',
@@ -25,4 +25,14 @@ export default {
     },
     button_label: 'Generar pregunta',
     selected_pages: 'Página seleccionada',
+    ai_assistance: 'Asistencia de IA',
+    blooms: {
+        blooms_taxonomy: 'Nivel de taxonomía de Bloom',
+        none: 'Ninguno seleccionado',
+        remember: 'Recordar',
+        understand: 'Entender',
+        apply: 'Aplicar',
+        analyze: 'Analizar',
+        evaluate: 'Evaluar',
+    },
 }

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

@@ -8,7 +8,7 @@ export default {
         math: 'Matemáticas',
         accordion: 'Acordeón',
         open_response: 'Respuesta abierta',
-        open_response_collate: 'Intercalación de respuesta abierta',
+        open_response_collate: 'Módulo de descarga de respuestas',
         image: 'Imagen',
         user_upload: 'Carga de usuario',
         clickable_icons: 'Iconos en los que se puede hacer clic',

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

@@ -2,8 +2,7 @@ export default {
     title: {
         assessment: 'Configuración de evaluación',
         open_response: 'Abrir configuración de respuesta',
-        open_response_collate:
-            'Abrir configuración de clasificación de respuestas',
+        open_response_collate: 'Abrir configuración de descarga de respuesta',
         image: 'Configuración de imagen',
         user_upload: 'Configuración de carga del usuario',
         file_download: 'Configuración de descarga de archivos',

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

@@ -10,7 +10,7 @@ export default {
 
         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.',
+            'Vänligen lägg till mer text, exempel eller förklaringar till detta avsnitt. Vi rekommenderar minst 50 ord av relevant innehåll för att generera lämpliga frågor.',
 
         llm_unavailable: 'Frågegenerering tillfälligt otillgänglig.',
         llm_unavailable_support:
@@ -22,4 +22,14 @@ export default {
     },
     button_label: 'Generera fråga',
     selected_pages: 'Vald sida',
+    ai_assistance: 'AI-hjälp',
+    blooms: {
+        blooms_taxonomy: 'Blooms taxonominivå',
+        none: 'Ingen vald',
+        remember: 'Komma ihåg',
+        understand: 'Förstå',
+        apply: 'Tillämpas',
+        analyze: 'Analysera',
+        evaluate: 'Utvärdera',
+    },
 }

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

@@ -8,7 +8,7 @@ export default {
         math: 'Math',
         accordion: 'Accordion',
         open_response: 'Öppet svar',
-        open_response_collate: 'Öppna svarssortering',
+        open_response_collate: 'Öppna svar Ladda ner',
         image: 'Bild',
         user_upload: 'User Upload',
         clickable_icons: 'Klickbara ikoner',

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

@@ -2,7 +2,7 @@ export default {
     title: {
         assessment: 'Bedömningsinställningar',
         open_response: 'Öppna svarsinställningar',
-        open_response_collate: 'Öppna inställningar för svarssortering',
+        open_response_collate: 'Öppna inställningar för nedladdning av svar',
         image: 'Bildinställningar',
         user_upload: 'Användaruppladdningsinställningar',
         file_download: 'Filnedladdningsinställningar',

package/package.json

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

package/pages/glossary.vue

@@ -1,5 +1,8 @@
 <template>
     <v-row justify="center" align="center">
+        <v-col cols="12">
+            <Breadcrumbs :items="breadcrumbPath"></Breadcrumbs>
+        </v-col>
         <v-col cols="12">
             <v-alert
                 v-if="
@@ -27,10 +30,12 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
 import { CourseGlossary } from '../utils/index'
+import Breadcrumbs from '~/components/Core/Breadcrumbs.vue'
 export default {
     name: 'Glossary',
-    components: { CourseGlossary },
+    components: { CourseGlossary, Breadcrumbs },
     layout: 'course',
     middleware: ['auth', 'privilege'],
     meta: {
@@ -43,5 +48,29 @@ export default {
             },
         },
     },
+    computed: {
+        ...mapGetters({
+            course: 'course/get',
+            enrollment: 'enrollment/get',
+        }),
+        breadcrumbPath() {
+            return [
+                {
+                    href:
+                        '/course/' +
+                        this.course.id +
+                        '/section/' +
+                        this.enrollment.course_section_id,
+                    id: '',
+                    text: this.course.name,
+                },
+                {
+                    href: this.$route.path,
+                    id: '',
+                    text: this.$t('windward.core.pages.glossary.title'),
+                },
+            ]
+        },
+    },
 }
 </script>

package/pages/userUpload.vue

@@ -1,48 +1,53 @@
 <template>
-    <v-container>
-        <h2>{{ $t('windward.core.pages.user_upload.title') }}</h2>
-        <v-divider class="mt-5 mb-5" />
-        <v-data-table
-            :headers="headers"
-            :items="uploadpages"
-            :search="search"
-            class="elevation-1"
-        >
-            <template #top>
-                <v-toolbar flat>
-                    <CourseSectionSwitch
-                        @change="load($event)"
-                    ></CourseSectionSwitch>
-                    <v-spacer></v-spacer>
-                    <v-text-field
-                        v-model="search"
-                        class="ml-5 flex-grow-1"
-                        append-icon="mdi-magnify"
-                        :label="$t('shared.forms.search')"
-                        single-line
-                        hide-details
-                    ></v-text-field>
-                </v-toolbar>
-            </template>
-
-            <template #item="{ index, item }">
-                <tr>
-                    <td>{{ item.last_name }}</td>
-                    <td>{{ item.first_name }}</td>
-                    <td
-                        v-for="(block, blockIndex) in item.uploadBlocks"
-                        :key="blockIndex"
-                        class="grade-column"
-                    >
-                        <ManageDataTableUserFiles
-                            v-model="block.assets"
-                            :enrollment="block.enrollment"
-                        ></ManageDataTableUserFiles>
-                    </td>
-                </tr>
-            </template>
-        </v-data-table>
-    </v-container>
+    <v-row>
+        <v-col cols="12">
+            <Breadcrumbs :items="breadcrumbPath"></Breadcrumbs>
+        </v-col>
+        <v-col cols="12">
+            <h2>{{ $t('windward.core.pages.user_upload.title') }}</h2>
+            <v-divider class="mt-5 mb-5" />
+            <v-data-table
+                :headers="headers"
+                :items="uploadpages"
+                :search="search"
+                class="elevation-1"
+            >
+                <template #top>
+                    <v-toolbar flat>
+                        <CourseSectionSwitch
+                            @change="load($event)"
+                        ></CourseSectionSwitch>
+                        <v-spacer></v-spacer>
+                        <v-text-field
+                            v-model="search"
+                            class="ml-5 flex-grow-1"
+                            append-icon="mdi-magnify"
+                            :label="$t('shared.forms.search')"
+                            single-line
+                            hide-details
+                        ></v-text-field>
+                    </v-toolbar>
+                </template>
+
+                <template #item="{ index, item }">
+                    <tr>
+                        <td>{{ item.last_name }}</td>
+                        <td>{{ item.first_name }}</td>
+                        <td
+                            v-for="(block, blockIndex) in item.uploadBlocks"
+                            :key="blockIndex"
+                            class="grade-column"
+                        >
+                            <ManageDataTableUserFiles
+                                v-model="block.assets"
+                                :enrollment="block.enrollment"
+                            ></ManageDataTableUserFiles>
+                        </td>
+                    </tr>
+                </template>
+            </v-data-table>
+        </v-col>
+    </v-row>
 </template>
 
 <script>
@@ -51,14 +56,14 @@ import _ from 'lodash'
 import Course from '~/models/Course'
 import CourseSection from '~/models/CourseSection'
 import UserFileAsset from '../models/UserFileAsset'
-
+import Breadcrumbs from '~/components/Core/Breadcrumbs.vue'
 import CourseSectionSwitch from '~/components/Course/CourseSectionSwitch.vue'
 import ManageDataTableUserFiles from '../components/Content/Blocks/UserUpload/ManageDataTableUserFiles.vue'
 
 export default {
     name: 'PluginUserUploadPage',
     middleware: ['auth', 'privilege'],
-    components: { CourseSectionSwitch, ManageDataTableUserFiles },
+    components: { CourseSectionSwitch, ManageDataTableUserFiles, Breadcrumbs },
     layout: 'course',
     meta: {
         privilege: {
@@ -178,6 +183,24 @@ export default {
 
             return items
         },
+        breadcrumbPath() {
+            return [
+                {
+                    href:
+                        '/course/' +
+                        this.course.id +
+                        '/section/' +
+                        this.enrollment.course_section_id,
+                    id: '',
+                    text: this.course.name,
+                },
+                {
+                    href: this.$route.path,
+                    id: '',
+                    text: this.$t('windward.core.pages.user_upload.title'),
+                },
+            ]
+        },
     },
     mounted() {},
     methods: {

package/plugin.js

@@ -216,7 +216,7 @@ export default {
                 tag: 'core-open-response-collate',
                 template: OpenResponseCollate,
                 metadata: {
-                    icon: 'mdi-text-long',
+                    icon: 'mdi-cloud-download',
                     name: 'windward.core.shared.content_blocks.title.open_response_collate',
                     grouping: 'components.content.blocks.group.basic',
                 },