@windward/core 0.4.2 → 0.5.0

package/.idea/codeStyles/Project.xml

@@ -0,0 +1,58 @@
+<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

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

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<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/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/windward-ui-plugin-core.iml" filepath="$PROJECT_DIR$/.idea/windward-ui-plugin-core.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/php-docker-settings.xml

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PhpDockerContainerSettings">
+    <list>
+      <map>
+        <entry key="79d59a8f-c56c-4789-b96c-e55a326ab125">
+          <value>
+            <DockerContainerSettings>
+              <option name="version" value="1" />
+              <option name="volumeBindings">
+                <list>
+                  <DockerVolumeBindingImpl>
+                    <option name="containerPath" value="/opt/project" />
+                    <option name="hostPath" value="$PROJECT_DIR$" />
+                  </DockerVolumeBindingImpl>
+                </list>
+              </option>
+            </DockerContainerSettings>
+          </value>
+        </entry>
+      </map>
+    </list>
+  </component>
+</project>

package/.idea/php.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="MessDetectorOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PHPCSFixerOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PHPCodeSnifferOptionsConfiguration">
+    <option name="highlightLevel" value="WARNING" />
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PhpStanOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PsalmOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

package/.idea/watcherTasks.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectTasksOptions" suppressed-tasks="SCSS" />
+</project>

package/.idea/windward-ui-plugin-core.iml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/bitbucket-pipelines.yml

@@ -0,0 +1,14 @@
+image: atlassian/default-image:3
+
+pipelines:
+  custom:
+    create-release:
+      import: infrastructure-automation:master:create-release
+    publish-release:
+      import: infrastructure-automation:master:publish-release
+
+  branches:
+    "release/*":
+      import: infrastructure-automation:master:auto-update
+    "hotfix/*":
+      import: infrastructure-automation:master:auto-update

package/components/Content/Blocks/Accordion.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <v-expansion-panels
-            v-model="selectedPanels"
+            :value="selectedPanels"
             flat
             accordion
             focusable
@@ -101,9 +101,6 @@ export default {
             this.block.metadata.config.items = []
             this.block.metadata.config.items.push(defaultObject)
         }
-        if (_.isEmpty(this.block.metadata.config.selectedPanels)) {
-            this.block.metadata.config.selectedPanels = 0
-        }
         this.block.body = this.$t(
             'windward.core.shared.content_blocks.title.accordion'
         )
@@ -112,7 +109,7 @@ export default {
         return {
             expansionPanelKey: '0',
             editingInContentItem: false,
-            selectedPanels: 0,
+            selectedPanels: null,
         }
     },
     watch: {
@@ -125,6 +122,7 @@ export default {
                 this.selectedPanels = newValue.metadata.config.selectedPanels
                 this.expansionPanelKey = Crypto.id()
             }
+
             const length = newValue.metadata.config.items.length
             let counter = 0
             newValue.metadata.config.items.forEach((element) => {
@@ -148,10 +146,16 @@ export default {
                 this.block.metadata.config.items.forEach((element) => {
                     element.expand = false
                 })
-                this.selectedPanels = 0
+                this.selectedPanels = null
             }
         },
     },
+    mounted() {
+        if (this.render) {
+            // ensure panels are always loaded closed
+            this.selectedPanels = null
+        }
+    },
     methods: {
         getImagePublicUrl(asset) {
             const foundAsset = this.resolveAsset(asset)

package/components/Content/Blocks/ClickableIcons.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <v-container>
+        <v-container class="pa-0">
             <h2>{{ block.metadata.config.title }}</h2>
 
             <h4>{{ block.metadata.config.description }}</h4>
@@ -13,14 +13,15 @@
                 }}
             </p>
         </v-container>
-        <v-container>
+        <v-container class="pa-0">
             <v-row
                 v-for="(item, itemIndex) in block.metadata.config.items"
                 :key="itemIndex"
                 no-gutters
                 :class="rowClass(itemIndex)"
+                class="pa-0"
             >
-                <v-col cols="12" v-bind="iconColumnAttrs" class="pa-4">
+                <v-col cols="12" v-bind="iconColumnAttrs">
                     <button
                         :class="activatorButtonClass(itemIndex)"
                         @click="item.active = !item.active"
@@ -144,14 +145,14 @@ export default {
             if (this.block.metadata.config.display.large_icon) {
                 return {
                     xl: '3',
-                    lg: '4',
+                    lg: '3',
                     md: '4',
                     sm: '4',
                 }
             } else {
                 return {
                     xl: '2',
-                    lg: '3',
+                    lg: '2',
                     md: '3',
                     sm: '3',
                 }

package/components/Content/Blocks/Feedback.vue

@@ -1,6 +1,6 @@
 <template>
     <v-container>
-        <v-container v-if="!doesFeedbackExist">
+        <v-container v-if="!doesFeedbackExist" class="pa-0">
             <v-row>
                 <h2>
                     {{

package/components/Content/Blocks/FileDownload/FileLinks.vue

@@ -0,0 +1,82 @@
+<template>
+    <v-list>
+        <v-list-item
+            v-for="(item, index) in value"
+            :key="item.file.id + '-' + index"
+            :data-activator="'file-link-item-' + index"
+            class="pa-0"
+            dense
+            @click="onClickFile(item)"
+        >
+            <v-list-item-icon class="mx-3">
+                <v-icon>mdi-file-download</v-icon>
+            </v-list-item-icon>
+
+            <v-list-item-content class="text-link py-0"
+                >{{ filename(item) }}
+            </v-list-item-content>
+
+            <v-tooltip
+                left
+                eager
+                :activator="'[data-activator=file-link-item-' + index + ']'"
+            >
+                <span>{{ item.file.asset.metadata.size | humanFilesize }}</span>
+            </v-tooltip>
+        </v-list-item>
+    </v-list>
+</template>
+
+<script>
+import _ from 'lodash'
+import Download from '~/helpers/Download'
+
+export default {
+    name: 'DisplayFileLinks',
+    components: {},
+    props: {
+        value: {
+            type: Array,
+            required: false,
+            default: () => {
+                return []
+            },
+        },
+    },
+    data() {
+        return {
+            Download,
+        }
+    },
+    computed: {
+        filename() {
+            return (item) => {
+                const extension = _.get(
+                    item,
+                    'file.asset.metadata.extension',
+                    ''
+                )
+                let filename = ''
+                // Resolve the filename from either the user defined or from the fileasset itself
+                if (item.name) {
+                    // If we're defining a custom name make sure the file has the extension on it so users know what it is
+                    filename = item.name
+                    filename =
+                        filename.replace(new RegExp(extension + '$'), '') +
+                        '.' +
+                        extension
+                } else {
+                    filename = item.file.name || item.file.asset.name
+                }
+                return filename
+            }
+        },
+    },
+    mounted() {},
+    methods: {
+        onClickFile(item) {
+            Download.url(item.file.asset.public_url, this.filename(item))
+        },
+    },
+}
+</script>

package/components/Content/Blocks/FileDownload/FileTable.vue

@@ -0,0 +1,106 @@
+<template>
+    <v-card>
+        <v-card-text>
+            <v-simple-table>
+                <template #default>
+                    <thead>
+                        <tr>
+                            <th>
+                                {{ $t('shared.file.name') }}
+                            </th>
+                            <th>
+                                {{ $t('shared.file.size') }}
+                            </th>
+                            <th>
+                                {{ $t('shared.file.download') }}
+                            </th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr
+                            v-for="(item, index) in value"
+                            :key="item.file.id + '-' + index"
+                        >
+                            <td>
+                                {{ filename(item) }}
+                            </td>
+                            <td>
+                                {{
+                                    item.file.asset.metadata.size
+                                        | humanFilesize
+                                }}
+                            </td>
+                            <td>
+                                <v-btn
+                                    link
+                                    elevation="0"
+                                    @click="
+                                        Download.url(
+                                            item.file.asset.public_url,
+                                            item.file.name
+                                        )
+                                    "
+                                >
+                                    <v-icon>mdi-download</v-icon>
+                                    <span class="sr-only">
+                                        {{ $t('shared.file.download') }}
+                                    </span>
+                                </v-btn>
+                            </td>
+                        </tr>
+                    </tbody>
+                </template>
+            </v-simple-table>
+        </v-card-text>
+    </v-card>
+</template>
+
+<script>
+import _ from 'lodash'
+import Download from '~/helpers/Download'
+
+export default {
+    name: 'DisplayFilesTable',
+    components: {},
+    props: {
+        value: {
+            type: Array,
+            required: false,
+            default: () => {
+                return []
+            },
+        },
+    },
+    data() {
+        return {
+            Download,
+        }
+    },
+    computed: {
+        filename() {
+            return (item) => {
+                const extension = _.get(
+                    item,
+                    'file.asset.metadata.extension',
+                    ''
+                )
+                let filename = ''
+                // Resolve the filename from either the user defined or from the fileasset itself
+                if (item.name) {
+                    // If we're defining a custom name make sure the file has the extension on it so users know what it is
+                    filename = item.name
+                    filename =
+                        filename.replace(new RegExp(extension + '$'), '') +
+                        '.' +
+                        extension
+                } else {
+                    filename = item.file.name || item.file.asset.name
+                }
+                return filename
+            }
+        },
+    },
+    mounted() {},
+    methods: {},
+}
+</script>

package/components/Content/Blocks/FileDownload.vue

@@ -0,0 +1,145 @@
+<template>
+    <v-container>
+        <h2>
+            {{
+                block.metadata.config.title ||
+                $t(
+                    'windward.core.components.content.blocks.file_download.default_title'
+                )
+            }}
+        </h2>
+        <p v-if="!block.metadata.config.instructions">
+            {{
+                $t(
+                    'windward.core.components.content.blocks.file_download.default_instructions'
+                )
+            }}
+        </p>
+        <TextViewer
+            v-if="block.metadata.config.instructions"
+            :value="block.metadata.config.instructions"
+        />
+        <v-alert
+            v-if="
+                !block.metadata.config.items ||
+                block.metadata.config.items.length === 0
+            "
+            type="warning"
+        >
+            {{
+                $t(
+                    'windward.core.components.content.blocks.file_download.no_files'
+                )
+            }}
+        </v-alert>
+        <FileTable
+            v-if="
+                block.metadata.config.display_detailed &&
+                block.metadata.config.items &&
+                block.metadata.config.items.length !== 0
+            "
+            :value="resolvedItemAssets"
+        ></FileTable>
+        <FileLinks
+            v-if="
+                !block.metadata.config.display_detailed &&
+                block.metadata.config.items &&
+                block.metadata.config.items.length !== 0
+            "
+            :value="resolvedItemAssets"
+        ></FileLinks>
+    </v-container>
+</template>
+
+<script>
+import _ from 'lodash'
+import { mapGetters } from 'vuex'
+import TextViewer from '~/components/Text/TextViewer'
+import TextEditor from '~/components/Text/TextEditor'
+import Download from '~/helpers/Download'
+
+import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
+import FileTable from './FileDownload/FileTable.vue'
+import FileLinks from './FileDownload/FileLinks.vue'
+
+export default {
+    name: 'FileDownloadBlock',
+    components: {
+        TextEditor,
+        TextViewer,
+        FileTable,
+        FileLinks,
+    },
+    extends: BaseContentBlock,
+    data() {
+        return {
+            Download,
+            saveState: false, // Override the base block to disable state saving
+            valid: true,
+            loading: false,
+            uploadFiles: [],
+            userFileAsset: {},
+            studentUpload: null,
+            maxFileLimit: 10,
+        }
+    },
+    computed: {
+        ...mapGetters({
+            enrollment: 'enrollment/get',
+        }),
+        resolvedItemAssets() {
+            const items = []
+            for (const index in this.block.metadata.config.items) {
+                // Skip items missing a file since we're probably adding a new one in the settings
+                if (_.isEmpty(this.block.metadata.config.items[index].file)) {
+                    continue
+                }
+
+                const item = {
+                    name: this.block.metadata.config.items[index].name,
+                    file: this.resolveAsset(
+                        this.block.metadata.config.items[index].file
+                    ),
+                }
+                items.push(item)
+            }
+
+            return items
+        },
+    },
+    beforeMount() {
+        if (_.isEmpty(this.block)) {
+            this.block = {}
+        }
+        if (_.isEmpty(this.block.body)) {
+            this.block.body = this.$t(
+                'windward.core.shared.content_blocks.title.file_download'
+            )
+        }
+        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 = this.$t(
+                'windward.core.components.content.blocks.file_download.default_title'
+            )
+        }
+        if (_.isEmpty(this.block.metadata.config.instructions)) {
+            this.block.metadata.config.instructions = this.$t(
+                'windward.core.components.content.blocks.file_download.default_instructions'
+            )
+        }
+        if (!_.isBoolean(this.block.metadata.config.display_detailed)) {
+            this.block.metadata.config.display_detailed = false
+        }
+        if (_.isEmpty(this.block.metadata.config.items)) {
+            this.block.metadata.config.items = []
+        }
+    },
+    mounted() {},
+    methods: {},
+}
+</script>

package/components/Content/Blocks/GenerateAIQuestionButton.vue

@@ -0,0 +1,61 @@
+<template>
+    <v-btn
+        elevation="0"
+        color="primary"
+        icon
+        @click="generateAIQuestion"
+        :loading="isLoading"
+        :disabled="isLoading"
+    >
+        <v-icon v-if="!isLoading">mdi-magic-staff</v-icon>
+        <template v-slot:loader>
+            <v-progress-circular indeterminate size="23"></v-progress-circular>
+        </template>
+    </v-btn>
+</template>
+
+<script>
+import AssessmentQuestion from '~/models/AssessmentQuestion'
+import Course from '~/models/Course'
+import Assessment from '~/models/Assessment'
+import Content from '~/models/Content'
+
+export default {
+    name: 'GenerateAIQuestionButton',
+    props: {
+        course: { type: Object, required: true },
+        content: { type: Object, required: true },
+        block: { type: Object, required: true },
+        questionType: { type: String, required: true },
+    },
+    data() {
+        return {
+            isLoading: false,
+        }
+    },
+    methods: {
+        async generateAIQuestion() {
+            this.isLoading = true
+            try {
+                const response = await AssessmentQuestion.custom(
+                    new Course(this.course),
+                    new Content(this.content),
+                    new Assessment({ id: this.block.id }),
+                    new AssessmentQuestion(),
+					`suggest/${this.questionType}`
+                ).get()
+
+                if (response && response.length > 0) {
+                    const generatedQuestion = response[0]
+                    this.$emit('click:generate', generatedQuestion)
+                }
+            } catch (error) {
+                console.error(error)
+                this.$dialog.error(this.$t('windward.core.components.content.blocks.generate_questions.error'))
+            } finally {
+                this.isLoading = false
+            }
+        },
+    },
+}
+</script>