@windward/integrations 0.2.1 → 0.4.0

package/components/Content/Blocks/ExternalIntegration/LtiConsumer.vue

@@ -20,6 +20,7 @@
                             block.metadata.config.launch_type === 'new_window'
                         "
                         color="primary"
+                        elevation="0"
                         block
                         @click="onLaunch"
                     >
@@ -34,6 +35,7 @@
                     <v-btn
                         v-else
                         color="primary"
+                        elevation="0"
                         block
                         @click="setLaunchTimer(100)"
                     >
@@ -154,7 +156,7 @@ import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
 import Course from '~/models/Course'
 import Organization from '~/models/Organization'
 import Enrollment from '~/models/Enrollment'
-import DialogBox from '~/components/DialogBox.vue'
+import DialogBox from '~/components/Core/DialogBox.vue'
 
 export default {
     name: 'ContentBlockExternalIntegrationLti1p1Consumer',
@@ -321,7 +323,8 @@ export default {
         },
         onBeforeSave() {
             // Set a generic body since we don't use this field
-            this.block.body = 'lti-' + this.consumer.version + '-consumer'
+            this.block.body =
+                'lti-' + _.get(this.consumer, 'version', '0.0') + '-consumer'
         },
     },
 }

package/components/ExternalIntegration/Driver/Lti1p1/ManageConsumer.vue

@@ -112,6 +112,7 @@
                                 <v-btn
                                     text
                                     color="primary"
+                                    elevation="0"
                                     @click="deleteCustomParameter(index)"
                                 >
                                     <v-icon small> mdi-delete </v-icon>
@@ -125,6 +126,7 @@
                                     <v-btn
                                         color="primary"
                                         class="mb-3"
+                                        elevation="0"
                                         @click="addCustomParameter"
                                         >{{ $t('shared.forms.add') }}</v-btn
                                     >
@@ -154,7 +156,7 @@ import LtiConsumer from '../../../../models/ExternalIntegration/LtiConsumer'
 import Organization from '~/models/Organization'
 import Course from '~/models/Course'
 import TextEditor from '~/components/Text/TextEditor.vue'
-import FormVue from '~/components/Form'
+import FormVue from '~/components/Core/Form'
 
 export default {
     name: 'ManageLti1p1ConsumerDriver',

package/components/ExternalIntegration/Driver/Lti1p1/ManageConsumers.vue

@@ -52,6 +52,7 @@
                     <v-btn
                         color="error"
                         outlined
+                        elevation="0"
                         class="outlined"
                         @click="onConfirmDelete(item)"
                     >
@@ -101,8 +102,8 @@ import LtiConsumer from '../../../../models/ExternalIntegration/LtiConsumer'
 import ManageConsumer from './ManageConsumer.vue'
 import Course from '~/models/Course'
 import Organization from '~/models/Organization'
-import DialogBox from '~/components/DialogBox.vue'
-import SpeedDial from '~/components/SpeedDial.vue'
+import DialogBox from '~/components/Core/DialogBox.vue'
+import SpeedDial from '~/components/Core/SpeedDial.vue'
 
 export default {
     name: 'ManageLti1p1ConsumersDriver',

package/components/ExternalIntegration/Driver/Lti1p1/ManageProvider.vue

@@ -167,6 +167,7 @@
                                                     <td>
                                                         <v-btn
                                                             icon
+                                                            elevation="0"
                                                             @click="
                                                                 deleteMapItem(
                                                                     externalName
@@ -217,6 +218,7 @@
                                                     <td>
                                                         <v-btn
                                                             icon
+                                                            elevation="0"
                                                             :disabled="
                                                                 !newMap.id ||
                                                                 !newMap.name
@@ -256,7 +258,7 @@ import _ from 'lodash'
 import { mapGetters } from 'vuex'
 import ProviderTargetPicker from '../../ProviderTargetPicker.vue'
 import LtiProvider from '../../../../models/ExternalIntegration/LtiProvider'
-import FormVue from '~/components/Form.vue'
+import FormVue from '~/components/Core/Form.vue'
 import Role from '~/models/Role'
 import Organization from '~/models/Organization'
 import Course from '~/models/Course'

package/components/ExternalIntegration/Driver/Lti1p1/ManageProviders.vue

@@ -71,6 +71,7 @@
                     <v-btn
                         color="error"
                         outlined
+                        elevation="0"
                         class="outlined"
                         @click="onConfirmDelete(item)"
                     >
@@ -124,10 +125,10 @@ import LtiProvider from '../../../../models/ExternalIntegration/LtiProvider'
 import SecretField from '../../../SecretField.vue'
 import ProviderTargetViewer from '../../ProviderTargetViewer.vue'
 import ManageProvider from './ManageProvider.vue'
-import DialogBox from '~/components/DialogBox.vue'
+import DialogBox from '~/components/Core/DialogBox.vue'
 import Organization from '~/models/Organization'
 import Course from '~/models/Course'
-import SpeedDial from '~/components/SpeedDial.vue'
+import SpeedDial from '~/components/Core/SpeedDial.vue'
 
 export default {
     name: 'ManageLti1p1ProvidersDriver',

package/components/ExternalIntegration/Driver/Lti1p3/ManageConsumer.vue

@@ -103,6 +103,7 @@
                                 <v-btn
                                     text
                                     color="primary"
+                                    elevation="0"
                                     @click="deleteCustomParameter(index)"
                                 >
                                     <v-icon small> mdi-delete </v-icon>
@@ -116,6 +117,7 @@
                                     <v-btn
                                         color="primary"
                                         class="mb-3"
+                                        elevation="0"
                                         @click="addCustomParameter"
                                         >{{ $t('shared.forms.add') }}</v-btn
                                     >
@@ -145,7 +147,7 @@ import LtiConsumer from '../../../../models/ExternalIntegration/LtiConsumer'
 import Organization from '~/models/Organization'
 import Course from '~/models/Course'
 import TextEditor from '~/components/Text/TextEditor.vue'
-import FormVue from '~/components/Form'
+import FormVue from '~/components/Core/Form'
 
 export default {
     name: 'ManageLti1p3ConsumerDriver',

package/components/ExternalIntegration/Driver/Lti1p3/ManageConsumers.vue

@@ -52,6 +52,7 @@
                     <v-btn
                         color="error"
                         outlined
+                        elevation="0"
                         class="outlined"
                         @click="onConfirmDelete(item)"
                     >
@@ -128,8 +129,8 @@ import ManageConsumer from './ManageConsumer.vue'
 import ViewConsumer from './ViewConsumer.vue'
 import Course from '~/models/Course'
 import Organization from '~/models/Organization'
-import DialogBox from '~/components/DialogBox.vue'
-import SpeedDial from '~/components/SpeedDial.vue'
+import DialogBox from '~/components/Core/DialogBox.vue'
+import SpeedDial from '~/components/Core/SpeedDial.vue'
 
 export default {
     name: 'ManageLti1p1ConsumersDriver',

package/components/ExternalIntegration/Driver/Lti1p3/ManageProvider.vue

@@ -266,6 +266,7 @@
                                                     <td>
                                                         <v-btn
                                                             icon
+                                                            elevation="0"
                                                             @click="
                                                                 deleteMapItem(
                                                                     externalName
@@ -316,6 +317,7 @@
                                                     <td>
                                                         <v-btn
                                                             icon
+                                                            elevation="0"
                                                             :disabled="
                                                                 !newMap.id ||
                                                                 !newMap.name
@@ -356,7 +358,7 @@ import { mapGetters } from 'vuex'
 import ProviderTargetPicker from '../../ProviderTargetPicker.vue'
 import LtiProvider from '../../../../models/ExternalIntegration/LtiProvider'
 
-import FormVue from '~/components/Form.vue'
+import FormVue from '~/components/Core/Form.vue'
 import Role from '~/models/Role'
 import Organization from '~/models/Organization'
 import Course from '~/models/Course'

package/components/ExternalIntegration/Driver/Lti1p3/ManageProviders.vue

@@ -77,6 +77,7 @@
                     <v-btn
                         color="error"
                         outlined
+                        elevation="0"
                         class="outlined"
                         @click="onConfirmDelete(item)"
                     >
@@ -126,10 +127,10 @@ import LtiProvider from '../../../../models/ExternalIntegration/LtiProvider'
 import SecretField from '../../../SecretField.vue'
 import ProviderTargetViewer from '../../ProviderTargetViewer.vue'
 import ManageProvider from './ManageProvider.vue'
-import DialogBox from '~/components/DialogBox.vue'
+import DialogBox from '~/components/Core/DialogBox.vue'
 import Organization from '~/models/Organization'
 import Course from '~/models/Course'
-import SpeedDial from '~/components/SpeedDial.vue'
+import SpeedDial from '~/components/Core/SpeedDial.vue'
 
 export default {
     name: 'ManageLti1p1ProvidersDriver',

package/components/ExternalIntegration/Driver/Lti1p3/ViewConsumer.vue

@@ -112,7 +112,7 @@ import LtiConsumer from '../../../../models/ExternalIntegration/LtiConsumer'
 import SecretField from '../../../SecretField.vue'
 import Organization from '~/models/Organization'
 import Course from '~/models/Course'
-import FormVue from '~/components/Form'
+import FormVue from '~/components/Core/Form'
 export default {
     name: 'ViewLti1p3Consumer',
     components: { SecretField },

package/components/FileImport/FileImportMenu.vue

@@ -39,7 +39,7 @@
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
 import Organization from '../../models/Organization'
-import DialogBox from '~/components/DialogBox.vue'
+import DialogBox from '~/components/Core/DialogBox.vue'
 
 export default {
     name: 'FileImportMenu',

package/components/FileImport/Resourcespace.vue

@@ -10,6 +10,7 @@
         <v-btn
             color="primary"
             block
+            elevation="0"
             :disabled="selectedFiles.length === 0"
             :loading="loading"
             @click="onConfirmImportFiles"
@@ -61,7 +62,7 @@ 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'
+import SearchField from '~/components/Core/SearchField.vue'
 
 export default {
     name: 'FileImportResourcespace',

package/components/Integration/Driver/ManageBase.vue

@@ -3,7 +3,7 @@ import { mapGetters } from 'vuex'
 import Organization from '../../../models/Organization'
 import OrganizationIntegration from '../../../models/OrganizationIntegration'
 import Vendor from '../../../models/Vendor'
-import FormVue from '~/components/Form'
+import FormVue from '~/components/Core/Form'
 
 export default {
     name: 'ManageBase',

package/components/Integration/JobLog.vue

@@ -123,6 +123,7 @@
                                     <div class="remote-code grey darken-3">
                                         <v-btn
                                             icon
+                                            elevation="0"
                                             @click="
                                                 onClickCopy(
                                                     logItem.context.remote_code
@@ -187,8 +188,8 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-import SearchField from '~/components/SearchField.vue'
 import Organization from '../../models/Organization'
+import SearchField from '~/components/Core/SearchField.vue'
 
 export default {
     name: 'IntegrationJobLog',

package/components/Integration/JobTable.vue

@@ -156,13 +156,14 @@
 import Confetti from 'canvas-confetti'
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
+import DialogBox from '~/components/Core/DialogBox.vue'
 import Vendor from '../../models/Vendor'
 import Organization from '../../models/Organization'
 import JobLog from './JobLog.vue'
 
 export default {
     name: 'IntegrationJobs',
-    components: { JobLog },
+    components: { DialogBox, JobLog },
     props: {
         channel: { type: String, required: true },
         event: { type: String, required: true },

package/components/Integration/TestConnection.vue

@@ -3,6 +3,7 @@
         <v-btn
             :disabled="disabled"
             :loading="loading"
+            elevation="0"
             outlined
             color="primary"
             @click="$emit('click')"

package/components/Navigation/Items/CourseJobLog.vue

@@ -20,11 +20,12 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
+import DialogBox from '~/components/Core/DialogBox.vue'
 import JobLog from '../../Integration/JobLog.vue'
 
 export default {
     name: 'NavigationItemCourseJobLog',
-    components: { JobLog },
+    components: { DialogBox, JobLog },
     props: {
         config: { type: Object, required: true },
     },

package/components/SecretField.vue

@@ -8,10 +8,10 @@
         :label="label"
     >
         <template #append>
-            <v-btn icon @click="toggleClear">
+            <v-btn icon elevation="0" @click="toggleClear">
                 <v-icon>{{ showClear ? 'mdi-eye-off' : 'mdi-eye' }}</v-icon>
             </v-btn>
-            <v-btn v-if="copy" icon @click="copyText(value)">
+            <v-btn v-if="copy" icon elevation="0" @click="copyText(value)">
                 <v-icon>mdi-content-copy</v-icon>
                 <span class="sr-only">{{ $t('shared.forms.copy') }}</span>
             </v-btn>

package/components/Settings/ExternalIntegration/LtiConsumerSettings.vue

@@ -10,6 +10,7 @@
                     'windward.integrations.components.settings.external_integration.lti_consumer.title'
                 )
             "
+            :disabled="render"
         ></v-text-field>
         <v-textarea
             v-model="block.metadata.config.instructions"
@@ -21,6 +22,7 @@
                     'windward.integrations.components.settings.external_integration.lti_consumer.instructions'
                 )
             "
+            :disabled="render"
         ></v-textarea>
         <br />
         <v-divider class="primary"></v-divider>
@@ -35,6 +37,7 @@
             :items="launchTypes"
             item-text="name"
             item-value="value"
+            :disabled="render"
         ></v-select>
         {{
             $t(
@@ -50,8 +53,8 @@
                     v-for="consumer in consumers"
                     :key="consumer.id"
                     two-line
-                    :disabled="!consumer.enabled"
                     :value="consumer.id"
+                    :disabled="render || !consumer.enabled"
                 >
                     <v-list-item-avatar
                         :color="!consumer.enabled ? 'error' : ''"
@@ -88,7 +91,7 @@
 <script>
 import { mapGetters } from 'vuex'
 import LtiConsumer from '../../../models/ExternalIntegration/LtiConsumer'
-import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import Course from '~/models/Course'
 import Organization from '~/models/Organization'
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/integrations",
-    "version": "0.2.1",
+    "version": "0.4.0",
     "description": "Windward UI Plugin Integrations for 3rd Party Systems",
     "main": "plugin.js",
     "scripts": {
@@ -21,7 +21,7 @@
     "license": "MIT",
     "homepage": "https://bitbucket.org/mindedge/windward-ui-plugin-integrations#readme",
     "dependencies": {
-        "@windward/core": "^0.0.2",
+        "@windward/core": "^0.3.0",
         "canvas-confetti": "^1.6.0",
         "eslint": "^8.11.0",
         "laravel-echo": "^1.15.0",

package/pages/admin/importCourse.vue

@@ -116,7 +116,7 @@
                         :disabled="!selected.remoteCourseId"
                     ></v-switch>
 
-                    <v-btn color="primary" @click="onImport">
+                    <v-btn color="primary" elevation="0" @click="onImport">
                         {{
                             $t(
                                 'windward.integrations.pages.import_course.start_import'

package/pages/admin/vendors.vue

@@ -108,6 +108,7 @@
                                     <v-btn
                                         color="primary"
                                         outlined
+                                        elevation="0"
                                         @click="onManageIntegration(item)"
                                     >
                                         <v-icon>mdi-pencil</v-icon>
@@ -153,8 +154,8 @@ import _ from 'lodash'
 import { mapGetters } from 'vuex'
 import Organization from '../../models/Organization'
 import IntegrationJobTable from '../../components/Integration/JobTable.vue'
-import Breadcrumbs from '~/components/Breadcrumbs.vue'
-import DialogBox from '~/components/DialogBox.vue'
+import Breadcrumbs from '~/components/Core/Breadcrumbs.vue'
+import DialogBox from '~/components/Core/DialogBox.vue'
 
 export default {
     name: 'PluginIntegrationsAdminVendorsPage',

package/plugin.js

@@ -215,7 +215,7 @@ export default {
             {
                 tag: 'windward-integrations-lti-consumer-settings',
                 template: LtiConsumerBlockSettings,
-                context: ['block'],
+                context: ['block.windward-integrations-lti-consumer'],
                 metadata: {
                     icon: 'mdi-cog',
                     name: 'windward.integrations.shared.settings.title.lti_consumer',

package/test/__mocks__/componentsMock.js

@@ -1,48 +1 @@
-// TODO find better way for jest to recognize utils imports
-jest.mock(
-    '~/components/Form.vue',
-    () => {
-        return {
-            data() {
-                return { validation: {} }
-            },
-        }
-    },
-    { virtual: true }
-)
-
-jest.mock(
-    '~/components/Form',
-    () => {
-        return {
-            data() {
-                return { validation: {} }
-            },
-        }
-    },
-    { virtual: true }
-)
-
-jest.mock(
-    '~/components/Breadcrumbs.vue',
-    () => {
-        return {
-            data() {
-                return { validation: {} }
-            },
-        }
-    },
-    { virtual: true }
-)
-
-jest.mock(
-    '~/components/SearchField.vue',
-    () => {
-        return {
-            props: {},
-            computed: {},
-            methods: {},
-        }
-    },
-    { virtual: true }
-)
+// Mock components from other repos

package/test/__mocks__/modelMock.js

@@ -1,105 +1,22 @@
-import { Model as mockModel } from 'vue-api-query'
+import { registerModels } from '@windward/core/test/__mocks__/modelMock.js'
 
-import axios from 'axios'
-jest.mock('axios')
-mockModel.$http = axios
-
-jest.mock('axios')
-
-// Define any new model mocks here. The imports / mocks will be auto-generated below
-const mockVirtualModels = [
-    { path: '~/models/Role', resource: 'roles' },
-    { path: '~/models/Organization', resource: 'organizations' },
-]
-
-const mockModels = [
-    { path: '../../models/Organization', resource: 'organizations' },
+registerModels([
+    { path: '@/models/Organization', resource: 'organizations' },
     {
-        path: '../../models/OrganizationIntegration',
+        path: '@/models/OrganizationIntegration',
         resource: 'organization-integrations',
     },
     {
-        path: '../../models/CourseSectionIntegration',
+        path: '@/models/CourseSectionIntegration',
         resource: 'section-integrations',
     },
-    { path: '../../models/IntegrationJob', resource: 'integration-jobs' },
-    { path: '../../models/RemoteContent', resource: 'remote-content' },
-    { path: '../../models/RemoteCourse', resource: 'remote-courses' },
+    { path: '@/models/IntegrationJob', resource: 'integration-jobs' },
+    { path: '@/models/RemoteContent', resource: 'remote-content' },
+    { path: '@/models/RemoteCourse', resource: 'remote-courses' },
     {
-        path: '../../models/RemoteOrganization',
+        path: '@/models/RemoteOrganization',
         resource: 'remote-organizations',
     },
-    { path: '../../models/Vendor', resource: 'vendors' },
-    { path: '../../models/RemoteFile', resource: 'remote-files' },
-]
-
-// DO NOT ALTER THE BELOW CODE
-jest.mock('', () => {
-    return {
-        __esModule: true,
-        default: class Model {},
-    }
-})
-class mockBaseModel extends mockModel {
-    baseURL() {
-        return 'http://windwardapi.local'
-    }
-
-    request(_config) {
-        return new Promise((resolve) => {
-            resolve({ data: {} })
-        })
-    }
-}
-
-jest.mock(
-    '~/models/Model',
-    () => {
-        return {
-            __esModule: true,
-            default: class Model extends mockBaseModel {},
-        }
-    },
-    { virtual: true }
-)
-
-for (let mockI = 0; mockI < mockVirtualModels.length; mockI++) {
-    jest.mock(
-        mockVirtualModels[mockI].path,
-        () => {
-            return {
-                __esModule: true,
-                default: class Model extends mockBaseModel {
-                    resource() {
-                        return (
-                            mockVirtualModels[mockI].resource ||
-                            this.constructor.name
-                        )
-                    }
-                },
-            }
-        },
-        { virtual: true }
-    )
-}
-
-for (let mockJ = 0; mockJ < mockModels.length; mockJ++) {
-    jest.mock(mockModels[mockJ].path, () => {
-        return {
-            __esModule: true,
-            default: class Model extends mockBaseModel {
-                resource() {
-                    return mockModels[mockJ].resource || this.constructor.name
-                }
-
-                integrations() {
-                    return this
-                }
-
-                get() {
-                    return []
-                }
-            },
-        }
-    })
-}
+    { path: '@/models/Vendor', resource: 'vendors' },
+    { path: '@/models/RemoteFile', resource: 'remote-files' },
+])