@windward/core 0.0.1

package/i18n/en-US/components/settings/text_editor.ts

@@ -0,0 +1,7 @@
+export default {
+    glossary: 'Glossary',
+    Text_editor: 'Editor',
+    verified_terms: 'verified terms',
+    unverified_terms: 'unverified terms',
+    no_glossary: 'No glossary Terms detected',
+}

package/i18n/en-US/components/settings/user_upload.ts

@@ -0,0 +1,11 @@
+export default {
+    accept_multiple: 'Multiple Files',
+    accept_types: 'Allowed File Types',
+    types: {
+        all: 'All File Types',
+        all_image: 'Images - .jpg, .png, .gif',
+        all_word: 'Documents - .doc and .docx',
+        all_excel: 'Spreadsheets - .xls and .xlsx',
+        all_zip: 'Compressed - .zip',
+    },
+}

package/i18n/en-US/components/settings/video.ts

@@ -0,0 +1,13 @@
+export default {
+    title: 'Video Title',
+    sources: 'Sources',
+    playback: 'Playback',
+    no_sources: 'No Sources Configured',
+    default_filename: 'Video',
+    playlist: 'Videos in Playlist',
+    playlist_name: 'Name in Playlist',
+    playlist_name_source_required:
+        'Select a source before naming this playlist item',
+    playlist_add: 'Add a playlist item',
+    playlist_remove: 'Remove this playlist item',
+}

package/i18n/en-US/components/utils/index.ts

@@ -0,0 +1,5 @@
+import tiny_mce_wrapper from './tiny_mce_wrapper'
+
+export default {
+    tiny_mce_wrapper,
+}

package/i18n/en-US/components/utils/tiny_mce_wrapper.ts

@@ -0,0 +1,7 @@
+export default {
+    glossary: 'Glossary',
+    term: 'Glossary Term',
+    alternate_forms: 'Alternate Forms',
+    definition: 'definition',
+    related_terms: 'related terms',
+}

package/i18n/en-US/index.ts

@@ -0,0 +1,16 @@
+import pages from './pages/index'
+import components from './components/index'
+import shared from './shared/index'
+import modules from './modules/index'
+
+export default {
+    windward: {
+        core: {
+            name: 'Windward Core',
+            pages,
+            components,
+            shared,
+            modules,
+        },
+    },
+}

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

@@ -0,0 +1,5 @@
+// import example from './example'
+
+export default {
+    // example,
+}

package/i18n/en-US/pages/glossary.ts

@@ -0,0 +1,7 @@
+export default {
+    title: 'Course Glossary',
+    term: 'Term',
+    related_term: 'Related Term',
+    definition: 'definition',
+    alternate_forms: 'Alternate Forms',
+}

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

@@ -0,0 +1,7 @@
+import user_upload from './user_upload'
+import glossary from './glossary'
+
+export default {
+    user_upload,
+    glossary,
+}

package/i18n/en-US/pages/user_upload.ts

@@ -0,0 +1,3 @@
+export default {
+    title: 'User Upload Overview',
+}

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

@@ -0,0 +1,20 @@
+export default {
+    title: {
+        assessment: 'Assessment',
+        video: 'Video / Audio',
+        default_table: 'Default Table',
+        tab: 'Tab',
+        rich_text: 'Rich Text',
+        math: 'Math',
+        accordion: 'Accordion',
+        image: 'Image',
+        user_upload: 'User Upload',
+        clickable_icons: 'Clickable Icons',
+        feedback: 'Feedback',
+    },
+    grouping: {
+        basic: 'Basic Components',
+        multimedia: 'Multimedia Files',
+        placeholder: 'Enter text here',
+    },
+}

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

@@ -0,0 +1,11 @@
+import content_blocks from './content_blocks'
+import settings from './settings'
+import menu from './menu'
+import permission from './permission'
+
+export default {
+    content_blocks,
+    settings,
+    menu,
+    permission,
+}

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

@@ -0,0 +1,3 @@
+export default {
+    course_glossary: 'Course Glossary',
+}

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

@@ -0,0 +1,15 @@
+export default {
+    type_title: {
+        'plugin->windward->core->organization->course->user->feedback':
+            'Feedback access for the current user',
+        'plugin->windward->core->organization->course->user->userUpload':
+            'User upload block access for the current user',
+    },
+
+    type_description: {
+        'plugin->windward->core->organization->course->user->feedback':
+            'The current users access to the feedback block',
+        'plugin->windward->core->organization->course->user->userUpload':
+            'The current users access to the user upload block',
+    },
+}

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

@@ -0,0 +1,15 @@
+export default {
+    title: {
+        assessment: 'Assessment Settings',
+        image: 'Image Settings',
+        user_upload: 'User Upload Settings',
+        tab_settings: 'Tab Settings',
+        text_editor: 'Text Editor Settings',
+        clickable_icons: 'Clickable Icons Settings',
+        accordion: 'Accordion Settings',
+        video: 'Video Settings',
+        table: 'Table Settings',
+        math: 'Math Settings',
+        feedback: 'Feedback Settings'
+    },
+}

package/index.js

@@ -0,0 +1,15 @@
+// Entrypoint for npm
+import MathHelper from './helpers/MathHelper'
+
+import ContentViewer from './components/utils/ContentViewer.vue'
+import MathExpressionEditor from './components/utils/MathExpressionEditor.vue'
+import MathLiveWrapper from './components/utils/MathLiveWrapper.vue'
+import TinyMCEWrapper from './components/utils/TinyMCEWrapper.vue'
+
+export {
+    MathHelper,
+    ContentViewer,
+    MathExpressionEditor,
+    MathLiveWrapper,
+    TinyMCEWrapper,
+}

package/jest.config.js

@@ -0,0 +1,15 @@
+module.exports = {
+    moduleNameMapper: {
+        '^@/(.*)$': '<rootDir>/$1',
+        '^vue$': 'vue/dist/vue.common.js',
+        '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+            '<rootDir>/test/__mocks__/fileMock.js',
+        '\\.(css|less)$': '<rootDir>/test/__mocks__/styleMock.js',
+    },
+    moduleFileExtensions: ['ts', 'js', 'vue', 'json'],
+    transform: {
+        '^.+\\.ts$': 'ts-jest',
+        '^.+\\.js$': 'babel-jest',
+        '.*\\.(vue)$': 'vue-jest',
+    },
+}

package/models/SurveyResult.ts

@@ -0,0 +1,8 @@
+// @ts-ignore
+import Model from '~/models/Model'
+
+export default class SurveyResult extends Model {
+    resource() {
+        return 'feedback'
+    }
+}

package/models/SurveyTemplate.ts

@@ -0,0 +1,8 @@
+// @ts-ignore
+import Model from '~/models/Model'
+
+export default class SurveyTemplate extends Model {
+    resource() {
+        return 'feedback/templates'
+    }
+}

package/models/UserFileAsset.ts

@@ -0,0 +1,12 @@
+import Model from '~/models/Model'
+
+export default class UserFileAsset extends Model {
+    get required(): string[] {
+        return []
+    }
+
+    // Set the resource route of the model
+    resource() {
+        return 'user-files'
+    }
+}

package/package.json

@@ -0,0 +1,48 @@
+{
+    "name": "@windward/core",
+    "version": "0.0.1",
+    "description": "Windward UI Core Plugins",
+    "main": "plugin.js",
+    "scripts": {
+        "test": "jest",
+        "lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .",
+        "build": "vue-cli-service build --target lib --name WindwardUIPluginCore plugin.js"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+ssh://git@bitbucket.org/mindedge/windward-ui-plugin-core.git"
+    },
+    "author": "Jacob Rogaishio",
+    "license": "MIT",
+    "homepage": "https://bitbucket.org/mindedge/windward-ui-plugin-core#readme",
+    "dependencies": {
+        "@mindedge/vuetify-player": "^0.2.0",
+        "@tinymce/tinymce-vue": "^3.2.8",
+        "eslint": "^8.11.0",
+        "lodash": "^4.17.21",
+        "mathlive": "^0.73.7",
+        "mathml-to-latex": "^1.2.0",
+        "prettier": "^2.6.0"
+    },
+    "devDependencies": {
+        "@babel/preset-env": "^7.16.11",
+        "@nuxtjs/axios": "^5.13.6",
+        "@types/lodash": "^4.14.180",
+        "@vue/cli-plugin-babel": "^5.0.4",
+        "@vue/cli-plugin-typescript": "^5.0.4",
+        "@vue/cli-service": "^5.0.4",
+        "@vue/test-utils": "^1.1.3",
+        "babel-core": "^7.0.0-bridge.0",
+        "babel-jest": "^26.6.3",
+        "eslint-config-prettier": "^8.5.0",
+        "eslint-plugin-nuxt": "^3.2.0",
+        "eslint-plugin-prettier": "^4.0.0",
+        "jest": "^26.6.3",
+        "ts-jest": "^26.5.6",
+        "typescript": "^4.6.3",
+        "vue": "^2.6.14",
+        "vue-api-query": "^1.11.0",
+        "vue-jest": "^3.0.7",
+        "vuetify": "^2.6.4"
+    }
+}

package/pages/glossary.vue

@@ -0,0 +1,31 @@
+<template>
+    <v-row justify="center" align="center">
+        <v-col cols="10">
+            <div class="d-flex mb-5">
+                <h1 class="mr-auto flex-grow-1">
+                    {{ $t('windward.core.pages.glossary.title') }}
+                </h1>
+            </div>
+
+            <v-spacer class="mt-5 mb-5" />
+            <CourseGlossary />
+        </v-col>
+    </v-row>
+</template>
+
+<script>
+import { CourseGlossary } from '../utils/index'
+export default {
+    name: 'Glossary',
+    middleware: ['auth', 'privilege'],
+    components: { CourseGlossary },
+    layout: 'authenticated',
+    meta: {
+        privilege: {
+            'windward.organization.course.contentBlock': {
+                readable: true,
+            },
+        },
+    },
+}
+</script>

package/pages/userUpload.vue

@@ -0,0 +1,204 @@
+<template>
+    <v-container>
+        <h1>{{ $t('windward.core.pages.user_upload.title') }}</h1>
+        <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>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import _ from 'lodash'
+import Course from '~/models/Course'
+import CourseSection from '~/models/CourseSection'
+import UserFileAsset from '../models/UserFileAsset'
+
+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 },
+    layout: 'authenticated',
+    meta: {
+        privilege: {
+            'windward.organization.course.section.user': {
+                writable: true,
+            },
+        },
+    },
+    data() {
+        return {
+            search: '',
+            contentPages: [],
+            enrollments: [],
+            userUploads: [],
+            defaultHeaders: [
+                {
+                    text: this.$t('shared.forms.last_name'),
+                    align: 'start',
+                    sortable: true,
+                    value: 'last_name',
+                },
+                {
+                    text: this.$t('shared.forms.first_name'),
+                    align: 'start',
+                    sortable: true,
+                    value: 'first_name',
+                },
+            ],
+        }
+    },
+    async fetch() {
+        // Get all content pages that have a user upload block in them
+        this.contentPages = await new Course(this.course)
+            .content()
+            .with('content.blocks')
+            .where('content.blocks.tag', 'plugin-core-user-upload')
+            .get()
+
+        await this.load(this.enrollment.course_section_id)
+    },
+    computed: {
+        ...mapGetters({
+            course: 'course/get',
+            enrollment: 'enrollment/get',
+        }),
+        headers() {
+            const headers = _.cloneDeep(this.defaultHeaders)
+
+            for (const block of this.uploadBlocks) {
+                headers.push({
+                    text: block.content.name,
+                    align: 'start',
+                    sortable: true,
+                    value: ('block_' + block.id).replace(/-/g, '_'),
+                })
+            }
+
+            return headers
+        },
+        uploadBlocks() {
+            const blocks = []
+            for (const page of this.contentPages) {
+                for (const block of page.content.blocks) {
+                    const blockClone = _.cloneDeep(block)
+                    const content = _.cloneDeep(page.content)
+
+                    delete content.blocks
+                    blockClone.content = content
+                    blocks.push(blockClone)
+                }
+            }
+
+            return blocks
+        },
+        uploadpages() {
+            // This will map all the uploads to a user & content block for display
+            // Currently the enrollments / blocks / uploads are all unlinked
+            const items = []
+
+            for (const enrollment of this.enrollments) {
+                const uploadList = []
+
+                const user = {
+                    course_user_id: enrollment.id,
+                    last_name: enrollment.user.last_name,
+                    first_name: enrollment.user.first_name,
+                }
+
+                for (const block of this.uploadBlocks) {
+                    const key = ('block_' + block.id).replace(/-/g, '_')
+
+                    const assets = this.userUploads.find((f) => {
+                        // Only get the relevant block for the relevant user
+                        return (
+                            f.content_block_id === block.id &&
+                            f.course_user_id === user.course_user_id
+                        )
+                    })
+
+                    // Store if they uploaded or not for easier sorting
+                    user[key] = typeof assets !== 'undefined'
+
+                    // Store the grade value to put into an array for easier loops
+                    uploadList.push({
+                        block,
+                        enrollment,
+                        assets: assets || {}, // Object or empty so dot notation doesn't break
+                    })
+                }
+
+                // Add the uploads
+                // Append the full grade array at the end for easier display
+                user.uploadBlocks = uploadList
+
+                items.push(user)
+            }
+
+            return items
+        },
+    },
+    mounted() {},
+    methods: {
+        async load(sectionId) {
+            // Load all users in this course
+            this.enrollments = await new Course(this.course)
+                .enrollments()
+                .with('user')
+                .where('course_section_id', sectionId)
+                .get()
+
+            this.userUploads = await new UserFileAsset()
+                .for(new CourseSection({ id: sectionId }))
+                .get()
+        },
+    },
+}
+</script>
+
+<style scoped>
+.block-column {
+    min-width: 10em;
+}
+</style>