@windward/integrations 0.0.8 → 0.0.10

package/i18n/en-US/components/integration/job.ts

@@ -8,6 +8,7 @@ export default {
     progress: 'Progress',
     created: 'Created',
     details: 'Details',
+    started: 'Date started',
     job_details: {
         none: 'No details available',
         import_course: "Importing Course Id {0} '{1}'",

package/i18n/en-US/components/integration/job_log.ts

@@ -0,0 +1,8 @@
+export default {
+    view_log: 'View Log',
+    no_results: 'No results found',
+    remote_course_id: 'Remote Course Id',
+    remote_content_id: 'Remtote Content Id',
+    remote_url: 'Remote Url',
+    remote_code: 'Remote Code',
+}

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

@@ -5,4 +5,5 @@ export default {
     load_remote_content_failed: 'Could not load remote content',
     connect_success: 'Successfully connected',
     connect_fail: 'Failed to connect',
+    unknown: 'An unknown error occurred when trying to connect',
 }

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

@@ -0,0 +1,5 @@
+export default {
+    import_resourcespace: 'Import from Resourcespace',
+    import_google_drive: 'Import from Google Drive',
+    import_dropbox: 'Import from Dropbox',
+}

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

@@ -2,6 +2,7 @@ import contentBlocks from './content_blocks'
 import settings from './settings'
 import menu from './menu'
 import permission from './permission'
+import file from './file'
 import error from './error'
 
 export default {
@@ -9,5 +10,6 @@ export default {
     settings,
     menu,
     permission,
+    file,
     error,
 }

package/models/ExternalIntegration/{Lti1p1Provider.ts → LtiProvider.ts}

@@ -1,13 +1,13 @@
 // @ts-ignore
 import Model from '~/models/Model'
 
-export default class Lti1p1Provider extends Model {
+export default class LtiProvider extends Model {
     get required(): string[] {
         return []
     }
 
     // Set the resource route of the model
     resource() {
-        return 'external-integrations/lti/1.1/providers'
+        return 'external-integrations/lti/providers'
     }
 }

package/models/OrganizationIntegration.ts

@@ -1,5 +1,6 @@
 import Model from '~/models/Model'
 import RemoteOrganization from './RemoteOrganization'
+import RemoteFile from './RemoteFile'
 
 export default class OrganizationIntegration extends Model {
     get required(): string[] {
@@ -14,4 +15,8 @@ export default class OrganizationIntegration extends Model {
     remoteOrganizations() {
         return this.hasMany(RemoteOrganization)
     }
+
+    remoteFiles() {
+        return this.hasMany(RemoteFile)
+    }
 }

package/models/RemoteFile.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/integrations",
-    "version": "0.0.8",
+    "version": "0.0.10",
     "description": "Windward UI Plugin Integrations for 3rd Party Systems",
     "main": "plugin.js",
     "scripts": {

package/pages/admin/importCourse.vue

@@ -164,13 +164,13 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-import Course from '~/models/Course'
 import Organization from '../../models/Organization'
 import OrganizationIntegration from '../../models/OrganizationIntegration'
 import RemoteOrganization from '../../models/RemoteOrganization'
 import RemoteCourse from '../../models/RemoteCourse'
 import RemoteContent from '../../models/RemoteContent'
 import IntegrationJobTable from '../../components/Integration/JobTable.vue'
+import Course from '~/models/Course'
 
 export default {
     name: 'PluginIntegrationsAdminImportCoursePage',
@@ -210,13 +210,19 @@ export default {
     },
     async fetch() {
         this.loading.integration = true
-        this.organizationIntegrations = await new Organization({
+        const organizationIntegrations = await new Organization({
             id: this.organization.id,
         })
             .integrations()
             .with(['vendor'])
             .where('enabled', true)
             .get()
+
+        // Filter out any vendors that don't support course imports
+        this.organizationIntegrations = organizationIntegrations.filter((o) => {
+            return _.get(o, 'vendor.driver.course_import', false)
+        })
+
         this.loading.integration = false
     },
     computed: {

package/pages/admin/vendors.vue

@@ -1,5 +1,6 @@
 <template>
     <div>
+        <Breadcrumbs></Breadcrumbs>
         <v-row justify="center" align="center">
             <v-col cols="12">
                 <div class="d-flex mb-5">
@@ -150,14 +151,14 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-
+import Breadcrumbs from '~/components/Breadcrumbs.vue'
 import Dialog from '~/components/Dialog.vue'
 import Organization from '../../models/Organization'
 import IntegrationJobTable from '../../components/Integration/JobTable.vue'
 
 export default {
     name: 'PluginIntegrationsAdminVendorsPage',
-    components: { Dialog, IntegrationJobTable },
+    components: { Dialog, IntegrationJobTable, Breadcrumbs },
     layout: 'authenticated',
     meta: {
         privilege: {

package/pages/course/externalIntegration/index.vue

@@ -38,7 +38,8 @@
         <v-tabs-items v-model="tab">
             <v-tab-item> <ManageLti1p1></ManageLti1p1> </v-tab-item>
             <v-tab-item>
-                <p class="ma-5">LTI 1.3 Not yet implemented</p>
+                <ManageLti1p3 />
+                <!--                <p class="ma-5">LTI 1.3 Not yet implemented</p>-->
             </v-tab-item>
             <v-tab-item>
                 <p class="ma-5">SCORM 1.2 Not yet implemented</p>
@@ -49,10 +50,10 @@
 
 <script>
 import ManageLti1p1 from '../../../components/ExternalIntegration/Driver/ManageLti1p1.vue'
-
+import ManageLti1p3 from '../../../components/ExternalIntegration/Driver/ManageLti1p3.vue'
 export default {
     name: 'PluginIntegrationsExternalIntegrationIndexPage',
-    components: { ManageLti1p1 },
+    components: { ManageLti1p1, ManageLti1p3 },
     layout: 'authenticated',
     meta: {
         privilege: {

package/plugin.js

@@ -9,6 +9,11 @@ import IntegrationHelper from './helpers/IntegrationHelper'
 import LtiConsumerBlock from './components/Content/Blocks/ExternalIntegration/LtiConsumer'
 import LtiConsumerBlockSettings from './components/Settings/ExternalIntegration/LtiConsumerSettings'
 
+import FileImportMenu from './components/FileImport/FileImportMenu.vue'
+import FileImportResourcespace from './components/FileImport/Resourcespace.vue'
+import FileImportGoogleDrive from './components/FileImport/GoogleDrive.vue'
+import FileImportDropbox from './components/FileImport/Dropbox.vue'
+
 export default {
     name: 'windward.integrations.name',
     hooks: {
@@ -68,7 +73,7 @@ export default {
                 ref_page: 'admin',
                 children: [
                     {
-                        i18n: 'windward.integrations.components.navigation.integrations.manage_integrations',
+                        i18n: 'windward.integrations.components.navigation.integrations.title',
                         path: '/admin/integrations/vendors',
                         context: ['home'],
                         permissions: {
@@ -133,6 +138,53 @@ export default {
                     */
                 ],
             },
+            {
+                ref_page: 'course_settings',
+                children: [
+                    {
+                        i18n: 'windward.integrations.components.navigation.integrations.manage_integrations',
+                        path: '/admin/integrations/vendors',
+                        context: ['home'],
+                        permissions: {
+                            'plugin.windward.integrations.organization.integration':
+                                {
+                                    writable: true,
+                                },
+                        },
+                    },
+                    {
+                        i18n: 'windward.integrations.components.navigation.integrations.import_course',
+                        path: '/admin/integrations/import-course',
+                        context: ['home'],
+                        permissions: {
+                            'plugin.windward.integrations.course': {
+                                writable: true,
+                            },
+                        },
+                    },
+                    {
+                        i18n: 'windward.integrations.components.navigation.integrations.import_content',
+                        path: '/course/{course.id}/integrations/import-content',
+                        context: ['course'],
+                        permissions: {
+                            'plugin.windward.integrations.course': {
+                                writable: true,
+                            },
+                        },
+                    },
+                    {
+                        i18n: 'windward.integrations.pages.course.external_integration.title',
+                        path: '/course/{course.id}/integrations/external',
+                        context: ['course'],
+                        permissions: {
+                            'plugin.windward.integrations.course.externalIntegration':
+                                {
+                                    readable: true,
+                                },
+                        },
+                    },
+                ],
+            },
         ],
         contentBlock: [
             {
@@ -157,6 +209,37 @@ export default {
                 },
             },
         ],
+        fileImport: [
+            {
+                tag: 'windward-integrations-file-import-menu',
+                template: FileImportMenu,
+                metadata: {
+                    vendors: [
+                        {
+                            template: FileImportResourcespace,
+                            i18n: 'windward.integrations.shared.file.import_resourcespace',
+                            icon: 'mdi-cube',
+                            product_code: 'resourcespace',
+                            disabled: false,
+                        },
+                        {
+                            template: FileImportGoogleDrive,
+                            i18n: 'windward.integrations.shared.file.import_google_drive',
+                            icon: 'mdi-google-drive',
+                            product_code: 'google_drive',
+                            disabled: true,
+                        },
+                        {
+                            template: FileImportDropbox,
+                            i18n: 'windward.integrations.shared.file.import_dropbox',
+                            icon: 'mdi-dropbox',
+                            product_code: 'dropbox',
+                            disabled: true,
+                        },
+                    ],
+                },
+            },
+        ],
     },
     services: {
         Integration: IntegrationHelper,

package/test/Components/ExternalIntegration/Lti1p3/ManageProvider.spec.js

@@ -0,0 +1,19 @@
+import { shallowMount } from '@vue/test-utils'
+
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+
+import ManageProvider from '@/components/ExternalIntegration/Driver/Lti1p3/ManageProvider.vue'
+
+Vue.use(Vuetify)
+
+describe('ManageProvider', () => {
+    test('ManageProvider is a Vue instance', () => {
+        const wrapper = shallowMount(ManageProvider, {
+            vuetify: new Vuetify(),
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/ExternalIntegration/Lti1p3/ManageProviders.spec.js

@@ -0,0 +1,19 @@
+import { shallowMount } from '@vue/test-utils'
+
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+
+import ManageProviders from '@/components/ExternalIntegration/Driver/Lti1p3/ManageProviders.vue'
+
+Vue.use(Vuetify)
+
+describe('ManageProviders', () => {
+    test('ManageProviders is a Vue instance', () => {
+        const wrapper = shallowMount(ManageProviders, {
+            vuetify: new Vuetify(),
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/ExternalIntegration/ManageLti1p3.spec.js

@@ -0,0 +1,19 @@
+import { shallowMount } from '@vue/test-utils'
+
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+
+import ManageLti1p1 from '@/components/ExternalIntegration/Driver/ManageLti1p3.vue'
+
+Vue.use(Vuetify)
+
+describe('ManageLti1p3', () => {
+    test('ManageLti1p3 is a Vue instance', () => {
+        const wrapper = shallowMount(ManageLti1p1, {
+            vuetify: new Vuetify(),
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/FileImport/Dropbox.spec.js

@@ -0,0 +1,24 @@
+import { shallowMount } from '@vue/test-utils'
+
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+
+import Dropbox from '@/components/FileImport/Dropbox.vue'
+
+Vue.use(Vuetify)
+
+describe('Dropbox', () => {
+    test('Dropbox is a Vue instance', () => {
+        const wrapper = shallowMount(Dropbox, {
+            vuetify: new Vuetify(),
+            propsData: {
+                organizationIntegration: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/FileImport/GoogleDrive.spec.js

@@ -0,0 +1,24 @@
+import { shallowMount } from '@vue/test-utils'
+
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+
+import GoogleDrive from '@/components/FileImport/GoogleDrive.vue'
+
+Vue.use(Vuetify)
+
+describe('GoogleDrive', () => {
+    test('GoogleDrive is a Vue instance', () => {
+        const wrapper = shallowMount(GoogleDrive, {
+            vuetify: new Vuetify(),
+            propsData: {
+                organizationIntegration: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/FileImport/Resourcespace.spec.js

@@ -0,0 +1,24 @@
+import { shallowMount } from '@vue/test-utils'
+
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+
+import Resourcespace from '@/components/FileImport/Resourcespace.vue'
+
+Vue.use(Vuetify)
+
+describe('Resourcespace', () => {
+    test('Resourcespace is a Vue instance', () => {
+        const wrapper = shallowMount(Resourcespace, {
+            vuetify: new Vuetify(),
+            propsData: {
+                organizationIntegration: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Integration/Driver/ManageAtutor.spec.js

@@ -0,0 +1,22 @@
+import { shallowMount } from '@vue/test-utils'
+
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+
+import ManageAtutor from '@/components/Integration/Driver/ManageAtutor.vue'
+
+Vue.use(Vuetify)
+
+describe('ManageAtutor', () => {
+    test('ManageAtutor is a Vue instance', () => {
+        const wrapper = shallowMount(ManageAtutor, {
+            vuetify: new Vuetify(),
+            mocks: defaultMocks,
+            propsData: {
+                vendor: {},
+            },
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Integration/Driver/ManageResourcespace.spec.js

@@ -0,0 +1,22 @@
+import { shallowMount } from '@vue/test-utils'
+
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+
+import ManageResourcespace from '@/components/Integration/Driver/ManageResourcespace.vue'
+
+Vue.use(Vuetify)
+
+describe('ManageResourcespace', () => {
+    test('ManageResourcespace is a Vue instance', () => {
+        const wrapper = shallowMount(ManageResourcespace, {
+            vuetify: new Vuetify(),
+            mocks: defaultMocks,
+            propsData: {
+                vendor: {},
+            },
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Integration/JobLog.spec.js

@@ -0,0 +1,22 @@
+import { shallowMount } from '@vue/test-utils'
+
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+
+import JobLog from '@/components/Integration/JobLog.vue'
+
+Vue.use(Vuetify)
+
+describe('JobLog', () => {
+    test('JobLog is a Vue instance', () => {
+        const wrapper = shallowMount(JobLog, {
+            vuetify: new Vuetify(),
+            propsData: {
+                id: '',
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Integration/JobTable.spec.js

@@ -0,0 +1,23 @@
+import { shallowMount } from '@vue/test-utils'
+
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+
+import JobTable from '@/components/Integration/JobTable.vue'
+
+Vue.use(Vuetify)
+
+describe('JobTable', () => {
+    test('JobTable is a Vue instance', () => {
+        const wrapper = shallowMount(JobTable, {
+            vuetify: new Vuetify(),
+            propsData: {
+                channel: '',
+                event: '',
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/__mocks__/componentsMock.js

@@ -10,3 +10,27 @@ jest.mock(
     },
     { virtual: true }
 )
+
+jest.mock(
+    '~/components/Breadcrumbs.vue',
+    () => {
+        return {
+            data() {
+                return { validation: {} }
+            },
+        }
+    },
+    { virtual: true }
+)
+
+jest.mock(
+    '~/components/SearchField.vue',
+    () => {
+        return {
+            props: {},
+            computed: {},
+            methods: {},
+        }
+    },
+    { virtual: true }
+)

package/test/__mocks__/modelMock.js

@@ -30,6 +30,7 @@ const mockModels = [
         resource: 'remote-organizations',
     },
     { path: '../../models/Vendor', resource: 'vendors' },
+    { path: '../../models/RemoteFile', resource: 'remote-files' },
 ]
 
 // DO NOT ALTER THE BELOW CODE

package/test/mocks.js

@@ -14,6 +14,18 @@ mocks.$Integration = {
             resolve([])
         })
     },
+    getSocket() {
+        return {
+            leave: jest.fn(),
+            public: () => {
+                return { listen: jest.fn() }
+            },
+            private: () => {
+                return { listen: jest.fn() }
+            },
+            connector: { pusher: { connection: { bind: jest.fn() } } },
+        }
+    },
 }
 mocks.$PermissionService = { userHasAccessTo: () => true }