@windward/core 0.0.1

package/plugin.js

@@ -0,0 +1,299 @@
+import enUS from './i18n/en-US'
+
+// Content Blocks
+import Video from './components/Content/Blocks/Video'
+import Table from './components/Content/Blocks/Table'
+import Tab from './components/Content/Blocks/Tab'
+import Math from './components/Content/Blocks/Math'
+import MathExpressionEditor from './components/utils/MathExpressionEditor'
+import Accordion from './components/Content/Blocks/Accordion'
+import Feedback from './components/Content/Blocks/Feedback.vue'
+import ClickableIcons from './components/Content/Blocks/ClickableIcons'
+
+import UserUploadNav from './components/Navigation/Items/UserUploadNav.vue'
+
+import Image from './components/Content/Blocks/Image'
+import UserUpload from './components/Content/Blocks/UserUpload'
+
+import GlossaryPage from './pages/glossary.vue'
+import CourseGlossaryToolNav from './components/Navigation/Items/CourseGlossaryToolNav.vue'
+import GlossaryNav from './components/Navigation/Items/GlossaryNav.vue'
+// Entrypoint for npm
+import ImageSettings from './components/Settings/ImageSettings.vue'
+import UserUploadSettings from './components/Settings/UserUploadSettings.vue'
+import ClickableIconsSettings from './components/Settings/ClickableIconsSettings.vue'
+import VideoSettings from './components/Settings/VideoSettings.vue'
+import AccordionSettings from './components/Settings/AccordionSettings.vue'
+import TabSettings from './components/Settings/TabSettings.vue'
+import FeedbackSettings from './components/Settings/FeedbackSettings.vue'
+
+import UserUploadPage from './pages/userUpload.vue'
+import GlossaryToolTip from './components/utils/glossary/GlossaryToolTip.vue'
+import TextEditorSettings from './components/Settings/TextEditorSettings.vue'
+import MathSettings from './components/Settings/MathSettings.vue'
+
+export default {
+    name: 'windward.core.name',
+    hooks: {
+        beforeContent: (body) => {
+            console.log('Hello world from beforeContent hook')
+            return body
+        },
+        beforeDestroy: () => {},
+        beforeNavigate: () => {},
+        onNavigate: () => {},
+        onLoad: (page) => {},
+        onContent: () => {},
+    },
+    i18n: {
+        'en-US': enUS,
+    },
+    pages: [
+        {
+            page: 'user-uploads',
+            path: '/course/:course/user-uploads',
+            i18n: 'menu.user-upload',
+            icon: 'mdi-cloud-upload',
+            name: 'PluginUserUploadPage',
+            template: UserUploadPage,
+        },
+        {
+            page: 'glossary',
+            path: '/course/:course/glossary',
+            i18n: 'windward.core.shared.menu.course_glossary',
+            icon: 'mdi-comment-text-multiple',
+            name: 'CourseGlossaryPage',
+            template: GlossaryPage,
+        },
+    ],
+    components: {
+        utils: [
+            {
+                tag: 'core-glossary-tool-tip',
+                template: GlossaryToolTip,
+            },
+            {
+                tag: 'core-math-expression-editor',
+                template: MathExpressionEditor,
+            },
+        ],
+        menu: [
+            {
+                tag: 'core-user-upload-nav',
+                template: UserUploadNav,
+                context: ['course'],
+                display: ['menu'],
+                permissions: {
+                    'windward.organization.course.file': {
+                        writeable: true,
+                    },
+                },
+            },
+            {
+                tag: 'core-user-glossary-nav',
+                template: GlossaryNav,
+                context: ['course'],
+                display: ['menu'],
+                permissions: {
+                    'windward.organization.course.content': {
+                        readable: true,
+                    },
+                },
+            },
+            {
+                tag: 'core-course-glossary-tool-nav',
+                page: 'course glossary',
+                i18n: 'windward.core.shared.menu.course_glossary',
+                template: CourseGlossaryToolNav,
+                icon: 'mdi-comment-text-multiple',
+                path: '/course/{course_id}',
+                context: ['course'],
+                display: ['course_tools'],
+            },
+        ],
+        contentBlock: [
+            {
+                tag: 'core-video',
+                template: Video,
+                metadata: {
+                    icon: 'mdi-video',
+                    name: 'windward.core.shared.content_blocks.title.video',
+                    grouping:
+                        'windward.core.shared.content_blocks.grouping.multimedia',
+                },
+            },
+            {
+                tag: 'core-table',
+                template: Table,
+                metadata: {
+                    icon: 'mdi-table',
+                    name: 'windward.core.shared.content_blocks.title.default_table',
+                    grouping:
+                        'windward.core.shared.content_blocks.grouping.basic',
+                },
+            },
+            {
+                tag: 'core-tab',
+                template: Tab,
+                metadata: {
+                    icon: 'mdi-tab',
+                    name: 'windward.core.shared.content_blocks.title.tab',
+                    grouping:
+                        'windward.core.shared.content_blocks.grouping.basic',
+                },
+            },
+            {
+                tag: 'core-math',
+                template: Math,
+                metadata: {
+                    icon: 'mdi-math-integral',
+                    name: 'windward.core.shared.content_blocks.title.math',
+                    grouping:
+                        'windward.core.shared.content_blocks.grouping.basic',
+                },
+            },
+            {
+                tag: 'core-accordion',
+                template: Accordion,
+                metadata: {
+                    icon: 'mdi-view-list',
+                    name: 'windward.core.shared.content_blocks.title.accordion',
+                    grouping:
+                        'windward.core.shared.content_blocks.grouping.basic',
+                },
+            },
+            {
+                tag: 'core-image',
+                template: Image,
+                metadata: {
+                    icon: 'mdi-image',
+                    name: 'windward.core.shared.content_blocks.title.image',
+                    grouping:
+                        'windward.core.shared.content_blocks.grouping.multimedia',
+                },
+            },
+            {
+                tag: 'core-user-upload',
+                template: UserUpload,
+                metadata: {
+                    icon: 'mdi-cloud-upload',
+                    name: 'windward.core.shared.content_blocks.title.user_upload',
+                    grouping:
+                        'windward.core.shared.content_blocks.grouping.multimedia',
+                },
+            },
+            {
+                tag: 'core-clickable-icons',
+                template: ClickableIcons,
+                metadata: {
+                    icon: 'mdi-format-list-checks',
+                    name: 'windward.core.shared.content_blocks.title.clickable_icons',
+                    grouping:
+                        'windward.core.shared.content_blocks.grouping.basic',
+                },
+            },
+            {
+                tag: 'core-feedback',
+                template: Feedback,
+                metadata: {
+                    icon: 'mdi-message',
+                    name: 'plugin.core.shared.content_blocks.title.feedback',
+                    grouping:
+                        'plugin.core.shared.content_blocks.grouping.basic',
+                },
+            },
+        ],
+        settings: [
+            {
+                tag: 'core-image-settings',
+                template: ImageSettings,
+                context: ['block.core-image'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'windward.core.shared.settings.title.image',
+                },
+            },
+            {
+                tag: 'core-user-upload-settings',
+                template: UserUploadSettings,
+                context: ['block.core-user-upload'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'windward.core.shared.settings.title.user_upload',
+                },
+            },
+            {
+                tag: 'core-tab-settings',
+                template: TabSettings,
+                context: ['block.core-tab'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'windward.core.shared.settings.title.tab_settings',
+                },
+            },
+            {
+                tag: 'core-clickable-icon-setting',
+                template: ClickableIconsSettings,
+                context: ['block.core-clickable-icons'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'windward.core.shared.settings.title.clickable_icons',
+                },
+            },
+            {
+                tag: 'core-video-settings',
+                template: VideoSettings,
+                context: ['block.core-video'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'windward.core.shared.settings.title.video',
+                },
+            },
+            {
+                tag: 'core-accordion-settings',
+                template: AccordionSettings,
+                context: ['block.core-accordion'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'windward.core.shared.settings.title.accordion',
+                },
+            },
+            {
+                tag: 'core-table-settings',
+                template: TextEditorSettings,
+                context: ['block.core-table'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'windward.core.shared.settings.title.table',
+                },
+            },
+            {
+                tag: 'core-text-glossary-setting',
+                template: TextEditorSettings,
+                context: ['block.content-blocks-text'],
+                metadata: {
+                    icon: 'mdi-notebook-outline',
+                    name: 'windward.core.shared.settings.title.text_editor',
+                },
+            },
+            {
+                tag: 'core-math-settings',
+                template: MathSettings,
+                context: ['block.core-math'],
+                metadata: {
+                    icon: 'mdi-notebook-outline',
+                    name: 'windward.core.shared.settings.title.math',
+                },
+            },
+            {
+                tag: 'core-feedback-settings',
+                template: FeedbackSettings,
+                context: ['block.core-feedback'],
+                metadata: {
+                    icon: 'mdi-notebook-outline',
+                    name: 'plugin.core.shared.settings.title.feedback',
+                },
+            },
+        ],
+    },
+}

package/test/Components/Content/Blocks/Accordion.spec.js

@@ -0,0 +1,21 @@
+import { shallowMount } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+import { defaultMocks } from '@/test/mocks'
+import Accordion from '@/components/Content/Blocks/Accordion'
+
+Vue.use(Vuetify)
+
+describe('Accordion', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(Accordion, {
+            propsData: {
+                value: {
+                    body: 'accordion',
+                    metadata: { config: {} },
+                },
+            },
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Content/Blocks/ClickableIcons.spec.js

@@ -0,0 +1,21 @@
+import { shallowMount } from '@vue/test-utils'
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+
+import { defaultMocks } from '@/test/mocks'
+import ClickableIcons from '@/components/Content/Blocks/ClickableIcons'
+
+Vue.use(Vuetify)
+
+describe('ContentClickableIcon component', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(ClickableIcons, {
+            vuetify: new Vuetify(),
+            mocks: defaultMocks,
+            propsData: {
+                value: { body: 'clickable_icon', metadata: { config: {} } },
+            },
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Content/Blocks/Feedback.spec.js

@@ -0,0 +1,31 @@
+import { shallowMount } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+import { defaultMocks } from '@/test/mocks'
+import Feedback from '@/components/Content/Blocks/Feedback'
+
+Vue.use(Vuetify)
+
+describe('Feedback', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(Feedback, {
+            vuetify: new Vuetify(),
+            propsData: {
+                value: {
+                    body: 'feedback',
+                    metadata: {
+                        config: {
+                            definition: {
+                                metadata: {
+                                    definition: { body: 'test', response: '' },
+                                },
+                            },
+                        },
+                    },
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Content/Blocks/FeedbackTemplates/FeedbackQuestionLikert.spec.js

@@ -0,0 +1,23 @@
+import { shallowMount } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+import { defaultMocks } from '@/test/mocks'
+import FeedbackQuestionLikert from '@/components/Content/Blocks/FeedbackTemplates/FeedbackQuestionLikert'
+
+Vue.use(Vuetify)
+
+describe('FeedbackQuestionLikert', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(FeedbackQuestionLikert, {
+            vuetify: new Vuetify(),
+            propsData: {
+                value: {
+                    body: 'Test',
+                    response: '',
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Content/Blocks/FeedbackTemplates/FeedbackQuestionOpenResponse.spec.js

@@ -0,0 +1,23 @@
+import { shallowMount } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+import { defaultMocks } from '@/test/mocks'
+import FeedbackQuestionOpenResponse from '@/components/Content/Blocks/FeedbackTemplates/FeedbackQuestionOpenResponse'
+
+Vue.use(Vuetify)
+
+describe('FeedbackQuestionOpenResponse', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(FeedbackQuestionOpenResponse, {
+            vuetify: new Vuetify(),
+            propsData: {
+                value: {
+                    body: 'Test',
+                    response: '',
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Content/Blocks/FeedbackTemplates/FeedbackQuestionTrueFalse.spec.js

@@ -0,0 +1,23 @@
+import { shallowMount } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+import { defaultMocks } from '@/test/mocks'
+import FeedbackQuestionTrueFalse from '@/components/Content/Blocks/FeedbackTemplates/FeedbackQuestionTrueFalse'
+
+Vue.use(Vuetify)
+
+describe('FeedbackQuestionTrueFalse', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(FeedbackQuestionTrueFalse, {
+            vuetify: new Vuetify(),
+            propsData: {
+                value: {
+                    body: 'Test',
+                    response: '',
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Content/Blocks/Image.spec.js

@@ -0,0 +1,34 @@
+import { shallowMount } from '@vue/test-utils'
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+import Image from '@/components/Content/Blocks/Image.vue'
+
+Vue.use(Vuetify)
+
+describe('Image content block component', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(Image, {
+            vuetify: new Vuetify(),
+            mocks: defaultMocks,
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: 'https://windward-api-core.local/storage/assets/YiyFPcsvrYjIVjwgFLA8rxRtXkeF3LBtjupnIQJL.jpg',
+                    metadata: {
+                        source: {
+                            name: 'my_image.jpg',
+                            filename:
+                                'assets/YiyFPcsvrYjIVjwgFLA8rxRtXkeF3LBtjupnIQJL.jpg',
+                            public_url:
+                                'https://windward-api-core.local/storage/assets/YiyFPcsvrYjIVjwgFLA8rxRtXkeF3LBtjupnIQJL.jpg',
+                        },
+                    },
+                },
+            },
+        })
+
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Content/Blocks/Math.spec.js

@@ -0,0 +1,34 @@
+import { shallowMount } from '@vue/test-utils'
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+import CoreMath from '@/components/Content/Blocks/Math.vue'
+
+Vue.use(Vuetify)
+
+jest.mock(
+    '~/config/tinymce.config',
+    () => {
+        return jest.fn().mockImplementation(() => {
+            return { test: () => {} }
+        })
+    },
+    { virtual: true }
+)
+describe('ContentMathEditor component', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(CoreMath, {
+            vuetify: new Vuetify(),
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: 'dummy text',
+                    metadata: { config: {} },
+                },
+                content: 'test',
+            },
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Content/Blocks/Tab.spec.js

@@ -0,0 +1,20 @@
+import { mount, shallowMount } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+
+import { defaultMocks } from '@/test/mocks'
+import Tab from '@/components/Content/Blocks/Tab'
+
+Vue.use(Vuetify)
+
+describe('Tab', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(Tab, {
+            propsData: {
+                value: { body: 'tab', metadata: { config: {} } },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Content/Blocks/Table.spec.js

@@ -0,0 +1,21 @@
+import { shallowMount } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+
+import { defaultMocks } from '@/test/mocks'
+import Table from '@/components/Content/Blocks/Table'
+
+Vue.use(Vuetify)
+
+describe('Table Component', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(Table, {
+            vuetify: new Vuetify(),
+            mocks: defaultMocks,
+            propsData: {
+                value: { body: 'Table', metadata: { config: {} } },
+            },
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Content/Blocks/UserUpload.spec.js

@@ -0,0 +1,25 @@
+import { mount, shallowMount } from '@vue/test-utils'
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+
+import { defaultMocks } from '@/test/mocks'
+import UserUpload from '@/components/Content/Blocks/UserUpload.vue'
+
+Vue.use(Vuetify)
+
+describe('UserUpload component', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(UserUpload, {
+            vuetify: new Vuetify(),
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    body: 'dummy text',
+                    metadata: {},
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})