@windward/integrations 0.0.9 → 0.0.10

package/components/FileImport/Dropbox.vue

@@ -0,0 +1,9 @@
+<template>
+    <div>Dropbox Import Disabled</div>
+</template>
+
+<script>
+export default {
+    name: 'FileImportDropbox',
+}
+</script>

package/components/FileImport/FileImportMenu.vue

@@ -0,0 +1,111 @@
+<template>
+    <div>
+        <v-list-item
+            v-for="importVendor in enabledFileImports"
+            :key="importVendor.product_code"
+            @click="onClickImport(importVendor)"
+        >
+            <v-list-item-icon>
+                <v-icon>{{ importVendor.icon }}</v-icon>
+            </v-list-item-icon>
+            <v-list-item-title>{{ $t(importVendor.i18n) }}</v-list-item-title>
+        </v-list-item>
+
+        <Dialog
+            v-model="showDialog"
+            :trigger="false"
+            persistent
+            @click:close="$emit('click:close')"
+        >
+            <template #title>{{ $t(activeVendor.i18n) }}</template>
+
+            <template #form="{ on, attrs }">
+                <component
+                    :is="activeVendor.template"
+                    v-if="activeVendor"
+                    :organization-integration="
+                        activeVendor.organization_integration
+                    "
+                    v-bind="attrs"
+                    v-on="on"
+                    @uploaded="$emit('uploaded', $event)"
+                ></component>
+            </template>
+        </Dialog>
+    </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import { mapGetters } from 'vuex'
+import Organization from '../../models/Organization'
+import Dialog from '~/components/Dialog.vue'
+
+export default {
+    name: 'FileImportMenu',
+    components: { Dialog },
+    props: {
+        metadata: {
+            type: Object,
+            required: false,
+            default() {
+                return {}
+            },
+        },
+    },
+    data() {
+        return {
+            organizationIntegrations: [],
+            activeVendor: null,
+            showDialog: false,
+        }
+    },
+    async fetch() {
+        const organizationIntegrations = await new Organization({
+            id: this.organization.id,
+        })
+            .integrations()
+            .with(['vendor'])
+            .where('enabled', true)
+            .where('vendor.enabled', true)
+            .get()
+        if (!_.isEmpty(organizationIntegrations)) {
+            this.organizationIntegrations = organizationIntegrations
+        }
+    },
+    computed: {
+        ...mapGetters({
+            organization: 'organization/get',
+        }),
+        enabledFileImports() {
+            const enabled = []
+            // Get only the vendors that are defined to be displayed as a fileImport vendor from plugin.js
+            const available = _.get(this.metadata, 'vendors', [])
+
+            // Loop over all the orgIntegrations that we've confirmed are enabled
+            this.organizationIntegrations.forEach((orgInt) => {
+                const productCode = _.get(orgInt, 'vendor.product_code')
+                const found = available.find((c) => {
+                    return c.product_code === productCode && !!c.template
+                })
+
+                if (found) {
+                    // Set the organization integration so we can reference the api later
+                    found.organization_integration = orgInt
+                    enabled.push(found)
+                }
+            })
+
+            return enabled
+        },
+    },
+    mounted() {},
+    methods: {
+        onClickImport(importVendor) {
+            this.$emit('click', importVendor)
+            this.activeVendor = importVendor
+            this.showDialog = true
+        },
+    },
+}
+</script>

package/components/FileImport/GoogleDrive.vue

@@ -0,0 +1,9 @@
+<template>
+    <div>Google Drive Import Disabled</div>
+</template>
+
+<script>
+export default {
+    name: 'FileImportGoogleDrive',
+}
+</script>

package/components/FileImport/Resourcespace.vue

@@ -0,0 +1,202 @@
+<template>
+    <div>
+        <SearchField
+            v-model="search"
+            :num-results="numFiles"
+            @click:search="onLoadAssets($event)"
+            @click:clear="onClickClear"
+        ></SearchField>
+
+        <v-btn
+            color="primary"
+            block
+            :disabled="selectedFiles.length === 0"
+            :loading="loading"
+            @click="onConfirmImportFiles"
+        >
+            <v-icon>mdi-content-duplicate</v-icon>
+            {{
+                $t('shared.file.import_selected_count', [selectedFiles.length])
+            }}
+        </v-btn>
+
+        <div v-if="loaded && !loading && numFiles === 0" class="text-center">
+            <p>{{ $t('shared.file.none_found') }}</p>
+        </div>
+
+        <v-data-table
+            v-if="numFiles"
+            v-model="selectedFiles"
+            class="mt-5"
+            show-select
+            item-key="id"
+            :headers="headers"
+            :items="files"
+            :items-per-page="25"
+            :loading="loading"
+        >
+            <template #[`item.preview`]="{ item }">
+                <v-img :src="item.preview" width="150px" :aspect-ratio="16 / 9">
+                    <template #placeholder>
+                        <v-skeleton-loader
+                            class="mx-auto"
+                            max-width="300"
+                            type="image"
+                        ></v-skeleton-loader>
+                    </template>
+                </v-img>
+            </template>
+            <template #[`item.created_at`]="{ item }">
+                {{ $d(new Date(item.created_at), 'shorttime') }}
+            </template>
+            <template #[`item.updated_at`]="{ item }">
+                {{ $d(new Date(item.updated_at), 'shorttime') }}
+            </template>
+        </v-data-table>
+    </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import OrganizationIntegration from '../../models/OrganizationIntegration'
+import RemoteFile from '../../models/RemoteFile'
+import Course from '~/models/Course'
+import SearchField from '~/components/SearchField.vue'
+
+export default {
+    name: 'FileImportResourcespace',
+    components: { SearchField },
+    props: {
+        organizationIntegration: { type: Object, required: true },
+    },
+    data() {
+        return {
+            loading: false,
+            loaded: false,
+            search: {},
+            files: [],
+            selectedFiles: [],
+            headers: [
+                {
+                    text: this.$t('shared.file.preview'),
+                    align: 'start',
+                    sortable: false,
+                    value: 'preview',
+                },
+                {
+                    text: this.$t('shared.file.name'),
+                    value: 'filename',
+                },
+                {
+                    text: this.$t(
+                        'windward.integrations.components.file_import.resourcespace.resource_id'
+                    ),
+                    value: 'id',
+                },
+                {
+                    text: this.$t('shared.forms.created'),
+                    value: 'created_at',
+                },
+                {
+                    text: this.$t('shared.forms.updated'),
+                    value: 'updated_at',
+                },
+            ],
+        }
+    },
+    async fetch() {},
+    computed: {
+        ...mapGetters({
+            organization: 'organization/get',
+            course: 'course/get',
+        }),
+        numFiles() {
+            return this.files.length
+        },
+    },
+    mounted() {},
+    methods: {
+        async onLoadAssets(search = {}) {
+            this.loading = true
+            this.loaded = true
+            try {
+                this.files = await new OrganizationIntegration(
+                    this.organizationIntegration
+                )
+                    .remoteFiles()
+                    .where('term', search.term)
+                    .get()
+            } catch (e) {
+                this.$dialog.error(
+                    this.$t(
+                        'windward.integrations.components.file_import.resourcespace.load_error'
+                    )
+                )
+                console.error(e)
+            }
+
+            this.loading = false
+        },
+        onClickClear() {
+            this.selectedFiles = []
+        },
+        onConfirmImportFiles() {
+            const self = this
+            this.$dialog.show(
+                this.$t('shared.file.confirm_import', [
+                    this.selectedFiles.length,
+                ]),
+                {
+                    icon: 'mdi-question',
+                    duration: null,
+                    action: [
+                        {
+                            text: this.$t('shared.forms.cancel'),
+                            onClick: (_e, toastObject) => {
+                                toastObject.goAway(0)
+                            },
+                        },
+                        {
+                            text: this.$t('shared.forms.confirm'),
+                            // router navigation
+                            onClick: (_e, toastObject) => {
+                                self.importFiles()
+                                toastObject.goAway(0)
+                            },
+                        },
+                    ],
+                }
+            )
+        },
+        async importFiles() {
+            this.loading = true
+            try {
+                const uploaded = await new RemoteFile(this.selectedFiles)
+                    .for(
+                        new OrganizationIntegration(
+                            this.organizationIntegration
+                        ),
+                        new Course({ id: this.course.id })
+                    )
+                    .save()
+
+                this.$dialog.success(
+                    this.$t('shared.file.import_success', [
+                        this.selectedFiles.length,
+                    ])
+                )
+                this.$emit('uploaded', uploaded)
+            } catch (e) {
+                console.log('Failed to import!', this.selectedFiles)
+                console.error(e)
+                this.$dialog.error(
+                    this.$t('shared.file.import_failed', [
+                        this.selectedFiles.length,
+                    ])
+                )
+            }
+            this.loading = false
+        },
+    },
+}
+</script>

package/components/Integration/Driver/ManageAtutor.vue

@@ -130,21 +130,29 @@ export default {
         },
         async onTestConnection() {
             this.testConnectionLoading = true
-            const response = await this.testConnection(
-                this.integration.metadata
-            )
+            let response = { result: false }
+            try {
+                response = await this.testConnection(this.integration.metadata)
 
-            if (response.result) {
-                this.errorMessage = ''
-                this.$dialog.success(
-                    this.$t(
-                        'windward.integrations.shared.error.connect_success'
+                if (response.result) {
+                    this.errorMessage = ''
+                    this.$dialog.success(
+                        this.$t(
+                            'windward.integrations.shared.error.connect_success'
+                        )
                     )
-                )
-            } else {
-                this.errorMessage = response.message
+                } else {
+                    this.errorMessage = response.message
+                    this.$dialog.error(
+                        this.$t(
+                            'windward.integrations.shared.error.connect_fail'
+                        )
+                    )
+                }
+            } catch (e) {
+                console.error(e)
                 this.$dialog.error(
-                    this.$t('windward.integrations.shared.error.connect_fail')
+                    this.$t('windward.integrations.shared.error.unknown')
                 )
             }
 

package/components/Integration/Driver/ManageResourcespace.vue

@@ -0,0 +1,137 @@
+<template>
+    <div>
+        <div v-if="!render" class="integration-loading">
+            <v-progress-circular size="128" indeterminate />
+        </div>
+        <div v-if="render">
+            <v-row justify="center" align="center" class="mt-5">
+                <v-col cols="12">
+                    <v-switch
+                        v-model="integration.enabled"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.enabled'
+                            )
+                        "
+                    />
+
+                    <v-text-field
+                        v-model="integration.metadata.config.url"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.resourcespace.url'
+                            )
+                        "
+                        :hint="
+                            $t(
+                                'windward.integrations.components.integration.driver.resourcespace.url_hint'
+                            )
+                        "
+                    ></v-text-field>
+                    <v-text-field
+                        v-model="integration.metadata.config.username"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.resourcespace.username'
+                            )
+                        "
+                    ></v-text-field>
+                    <v-text-field
+                        v-model="integration.metadata.config.key"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.resourcespace.key'
+                            )
+                        "
+                        type="password"
+                    ></v-text-field>
+
+                    <v-switch
+                        v-model="integration.metadata.config.ssl"
+                        :label="
+                            $t(
+                                'windward.integrations.components.integration.driver.ssl_enabled'
+                            )
+                        "
+                    />
+
+                    <TestConnection
+                        :disabled="
+                            !integration.metadata.config.url ||
+                            !integration.metadata.config.username ||
+                            !integration.metadata.config.key
+                        "
+                        :loading="testConnectionLoading"
+                        :errors="errorMessage"
+                        @click="onTestConnection"
+                    ></TestConnection>
+                </v-col>
+            </v-row>
+        </div>
+    </div>
+</template>
+
+<script>
+import TestConnection from '../TestConnection.vue'
+import ManageBaseVue from './ManageBase.vue'
+
+export default {
+    name: 'ManageResourcespaceDriver',
+    components: { TestConnection },
+    extends: ManageBaseVue,
+    data() {
+        return {
+            // formValid: true|false If this form is "complete" and passed validation on THIS component. Defined and watched in ManageBase.vue
+            // render: true|false If we should show the form aka when validation has passed. Defined and managed in ManageBase.vue
+            // integration: { metadata: {...} } The integration object to write to. Defined and loaded in ManageBase.vue
+            errorMessage: '',
+            testConnectionLoading: false,
+        }
+    },
+    methods: {
+        /**
+         * Lifecycle event called from ManageBase.vue when async fetch() completes.
+         * Once called this.integration will be available containing the integration model (or a new one)
+         */
+        onIntegrationLoaded() {
+            // Set SSL to enabled by default
+            if (_.get(this.integration.metadata.config, 'ssl', null) === null) {
+                this.integration.metadata.config.ssl = true
+            }
+        },
+        async onTestConnection() {
+            this.testConnectionLoading = true
+            let response = { result: false }
+            try {
+                response = await this.testConnection(this.integration.metadata)
+
+                if (response.result) {
+                    this.errorMessage = ''
+                    this.$dialog.success(
+                        this.$t(
+                            'windward.integrations.shared.error.connect_success'
+                        )
+                    )
+                } else {
+                    this.errorMessage = response.message
+                    this.$dialog.error(
+                        this.$t(
+                            'windward.integrations.shared.error.connect_fail'
+                        )
+                    )
+                }
+            } catch (e) {
+                console.error(e)
+                this.$dialog.error(
+                    this.$t('windward.integrations.shared.error.unknown')
+                )
+            }
+
+            // We will indirectly validate the form via connection tests
+            // That way we can 100% confirm that the integration is valid
+            this.formValid = response.result
+            this.testConnectionLoading = false
+        },
+    },
+}
+</script>

package/components/Integration/JobLog.vue

@@ -5,28 +5,127 @@
         </v-btn>
         <Dialog v-model="logDialog" :trigger="false">
             <template #title>{{
-                $t('windward.integrations.components.integration.job.view_log')
+                $t(
+                    'windward.integrations.components.integration.job_log.view_log'
+                )
             }}</template>
-            <template #form>
-                <v-progress-circular v-if="loading" size="128" indeterminate />
-                <div v-if="!loading">
-                    <SearchField v-model="search" hide-filters></SearchField>
+            <template #form="{ on, attrs }">
+                <div v-bind="attrs" v-on="on">
+                    <v-progress-circular
+                        v-if="loading"
+                        size="128"
+                        indeterminate
+                    />
+                    <div v-if="!loading">
+                        <SearchField
+                            v-model="search"
+                            hide-filters
+                        ></SearchField>
 
-                    <v-alert
-                        v-for="logItem in filteredLog"
-                        :key="logItem.id"
-                        :type="logItem.level"
-                    >
-                        {{ logItem.message }}
-                    </v-alert>
+                        <v-alert
+                            v-for="logItem in filteredLog"
+                            :key="logItem.id"
+                            :type="logItem.level"
+                            :icon="logItemIcon(logItem)"
+                            class="log-item"
+                        >
+                            <p>{{ logItem.message }}</p>
+                            <div v-if="showDetails(logItem)">
+                                <v-divider class="mt-1 mb-1" />
+                                <p
+                                    v-if="
+                                        logItem.context.remote_content &&
+                                        remoteCourse
+                                    "
+                                >
+                                    {{
+                                        $t(
+                                            'windward.integrations.components.integration.job_log.remote_course_id'
+                                        )
+                                    }}
+                                    {{ remoteCourse.id }}
+                                </p>
+                                <p v-if="logItem.context.remote_content">
+                                    {{
+                                        $t(
+                                            'windward.integrations.components.integration.job_log.remote_content_id'
+                                        )
+                                    }}
+                                    {{ logItem.context.remote_content.id }}
+                                </p>
+                                <p v-if="logItem.context.remote_url">
+                                    {{
+                                        $t(
+                                            'windward.integrations.components.integration.job_log.remote_url'
+                                        )
+                                    }}
+                                    <v-chip
+                                        :href="
+                                            isUrl(logItem.context.remote_url)
+                                                ? logItem.context.remote_url
+                                                : undefined
+                                        "
+                                        label
+                                        target="_blank"
+                                    >
+                                        <span
+                                            class="d-inline-block text-truncate chip-truncate"
+                                        >
+                                            {{ logItem.context.remote_url }}
+                                        </span>
 
-                    <p v-if="filteredLog.length === 0">
-                        {{
-                            $t(
-                                'windward.integrations.components.integration.job.log_no_results'
-                            )
-                        }}
-                    </p>
+                                        <v-icon
+                                            v-if="
+                                                isUrl(
+                                                    logItem.context.remote_url
+                                                )
+                                            "
+                                            class="ml-2"
+                                        >
+                                            mdi-launch
+                                        </v-icon>
+                                    </v-chip>
+                                </p>
+                                <div v-if="logItem.context.remote_code">
+                                    <p>
+                                        {{
+                                            $t(
+                                                'windward.integrations.components.integration.job_log.remote_code'
+                                            )
+                                        }}
+                                        <v-btn
+                                            icon
+                                            @click="
+                                                onClickCopy(
+                                                    logItem.context.remote_code
+                                                )
+                                            "
+                                            ><v-icon class="ml-2">
+                                                mdi-content-copy
+                                            </v-icon>
+                                            <span class="sr-only">{{
+                                                $t('shared.forms.copy')
+                                            }}</span>
+                                        </v-btn>
+                                    </p>
+                                    <div class="remote-code grey darken-3">
+                                        <code
+                                            class="grey darken-3"
+                                            v-text="logItem.context.remote_code"
+                                        ></code>
+                                    </div>
+                                </div>
+                            </div>
+                        </v-alert>
+
+                        <p v-if="filteredLog.length === 0">
+                            {{
+                                $t(
+                                    'windward.integrations.components.integration.job_log.no_results'
+                                )
+                            }}
+                        </p>
+                    </div>
                 </div>
             </template>
         </Dialog>
@@ -34,13 +133,14 @@
 </template>
 
 <script>
+import _ from 'lodash'
 import { mapGetters } from 'vuex'
 import SearchField from '~/components/SearchField.vue'
 import Organization from '../../models/Organization'
 
 export default {
-    components: { SearchField },
     name: 'IntegrationJobLog',
+    components: { SearchField },
     props: {
         id: { type: String, required: true },
     },
@@ -48,6 +148,7 @@ export default {
         return {
             search: {},
             loading: true,
+            job: {},
             log: [],
             logDialog: false,
         }
@@ -58,21 +159,87 @@ export default {
         }),
         filteredLog() {
             if (!this.search.term || this.search.term.length < 3) {
-                return this.log
+                return this.job.log || []
             }
-            const filtered = this.log.filter((item) => {
-                return item.message
+            const filtered = this.job.log.filter((item) => {
+                let match = item.message
                     .toLowerCase()
                     .includes(this.search.term.toLowerCase())
+
+                // Search the remote course id
+                if (!match && _.get(item, 'context.remote_course.id', null)) {
+                    match = _.get(item, 'context.remote_course.id', '')
+                        .toString()
+                        .toLowerCase()
+                        .includes(this.search.term.toLowerCase())
+                }
+
+                // Search the remote assessment id
+                if (
+                    !match &&
+                    _.get(item, 'context.remote_assessment.id', null)
+                ) {
+                    match = _.get(item, 'context.remote_assessment.id', '')
+                        .toString()
+                        .toLowerCase()
+                        .includes(this.search.term.toLowerCase())
+                }
+
+                // Search the remote url
+                if (!match && item.context.remote_url) {
+                    match = item.context.remote_url
+                        .toLowerCase()
+                        .includes(this.search.term.toLowerCase())
+                }
+
+                // Search the remote code
+                if (!match && item.context.remote_code) {
+                    match = item.context.remote_code
+                        .toLowerCase()
+                        .includes(this.search.term.toLowerCase())
+                }
+
+                return match
             })
 
             return filtered
         },
+        remoteCourse() {
+            return _.get(this.job, 'metadata.import.remote_course', {})
+        },
+        localCourse() {
+            return _.get(this.job, 'metadata.import.local_course', {})
+        },
+        showDetails() {
+            return (item) => {
+                return (
+                    (Array.isArray(item.context) && item.context.length > 0) ||
+                    !_.isEmpty(item.context)
+                )
+            }
+        },
+        logItemIcon() {
+            return (logItem) => {
+                const type = _.get(logItem, 'context.type', null)
+                if (type === 'missing_file') {
+                    return 'mdi-file-alert'
+                } else if (type === 'converted_file') {
+                    return 'mdi-file-arrow-left-right'
+                }
+
+                return undefined
+            }
+        },
+        isUrl() {
+            return (url) => {
+                return /https?:\/\//.test(url)
+            }
+        },
     },
     methods: {
         async onViewLog() {
             this.logDialog = true
-            this.log = []
+            this.job = {}
 
             const job = await new Organization({
                 id: this.organization.id,
@@ -81,9 +248,13 @@ export default {
                 .with('log')
                 .find(this.id)
 
-            this.log = job.log
+            this.job = job
             this.loading = false
         },
+        onClickCopy(data) {
+            navigator.clipboard.writeText(data)
+            this.$dialog.show(this.$t('shared.file.copied'))
+        },
     },
 }
 </script>
@@ -95,4 +266,16 @@ export default {
 .col-details {
     max-width: 100px;
 }
+.chip-truncate {
+    max-width: 40vw;
+    direction: rtl;
+}
+.log-item p {
+    margin-bottom: 0px;
+}
+.remote-code {
+    background: inherit;
+    max-width: 40vw;
+    padding: 4px;
+}
 </style>

package/components/Integration/JobTable.vue

@@ -49,7 +49,7 @@
                         <th class="text-left">
                             {{
                                 $t(
-                                    'windward.integrations.components.integration.job.view_log'
+                                    'windward.integrations.components.integration.job_log.view_log'
                                 )
                             }}
                         </th>

package/components/SecretField.vue

@@ -6,6 +6,7 @@
             </v-btn>
             <v-btn v-if="copy" icon @click="copyText(value)">
                 <v-icon>mdi-content-copy</v-icon>
+                <span class="sr-only">{{ $t('shared.forms.copy') }}</span>
             </v-btn>
         </template>
     </v-text-field>

package/config/integration.config.js

@@ -4,6 +4,7 @@ import Canvas from '../helpers/Driver/Canvas'
 import Desire2Learn from '../helpers/Driver/Desire2Learn'
 import Moodle from '../helpers/Driver/Moodle'
 import GoogleClassroom from '../helpers/Driver/GoogleClassroom'
+import Resourcespace from '../helpers/Driver/Resourcespace'
 
 export default {
     /**
@@ -20,5 +21,6 @@ export default {
         desire2learn: { driver: Desire2Learn },
         moodle: { driver: Moodle },
         google_classroom: { driver: GoogleClassroom },
+        resourcespace: { driver: Resourcespace },
     },
 }

package/helpers/Driver/Resourcespace.ts

@@ -0,0 +1,15 @@
+// @ts-ignore
+import Manage from '../../components/Integration/Driver/ManageResourcespace.vue'
+import DriverInterface, { IntegrationComponents } from './DriverInterface'
+import BaseDriver from './BaseDriver'
+
+export default class Resourcespace
+    extends BaseDriver
+    implements DriverInterface
+{
+    public components(): IntegrationComponents {
+        return {
+            Manage,
+        }
+    }
+}

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

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

package/i18n/en-US/components/file_import/resourcespace.ts

@@ -0,0 +1,4 @@
+export default {
+    resource_id: 'Resource Id',
+    load_error: 'Failed to connect to Resourcespace',
+}

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

@@ -3,6 +3,7 @@ import settings from './settings'
 import navigation from './navigation'
 import integration from './integration'
 import externalIntegration from './external_integration'
+import fileImport from './file_import'
 
 export default {
     content,
@@ -10,4 +11,5 @@ export default {
     navigation,
     integration,
     external_integration: externalIntegration,
+    file_import: fileImport,
 }

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

@@ -27,6 +27,13 @@ export default {
     google_classroom: {
         manage_dialog_title: 'Manage Google Classroom Integration',
     },
+    resourcespace: {
+        manage_dialog_title: 'Manage Resourcespace Integration',
+        url: 'Resourcespace Url',
+        url_hint: 'Eg: https://resourcespace.mindedgeuniversity.com',
+        username: 'Username',
+        key: 'API Key',
+    },
     enabled: 'Integration Enabled',
     disabled: 'Integration Disabled',
     ssl_enabled: 'SSL Enabled (Should be enabled for production)',

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

@@ -1,7 +1,9 @@
 import driver from './driver'
 import job from './job'
+import jobLog from './job_log'
 
 export default {
     driver,
     job,
+    job_log: jobLog,
 }

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

@@ -9,8 +9,6 @@ export default {
     created: 'Created',
     details: 'Details',
     started: 'Date started',
-    view_log: 'View Log',
-    log_no_results: 'No results found',
     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/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.9",
+    "version": "0.0.10",
     "description": "Windward UI Plugin Integrations for 3rd Party Systems",
     "main": "plugin.js",
     "scripts": {

package/pages/admin/importCourse.vue

@@ -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/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: {
@@ -204,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/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/__mocks__/componentsMock.js

@@ -11,6 +11,18 @@ jest.mock(
     { virtual: true }
 )
 
+jest.mock(
+    '~/components/Breadcrumbs.vue',
+    () => {
+        return {
+            data() {
+                return { validation: {} }
+            },
+        }
+    },
+    { virtual: true }
+)
+
 jest.mock(
     '~/components/SearchField.vue',
     () => {

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