@windward/integrations 0.2.0 → 0.3.0

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

@@ -154,7 +154,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 +321,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

@@ -154,7 +154,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

@@ -44,33 +44,51 @@
                 {{ $d(new Date(item.created_at), 'long') }}
             </template>
             <template #[`item.actions`]="{ index, item }">
-                <DialogBox color="primary" action-save @click:save="onSaved">
-                    <template #title>{{
-                        $t(
-                            'windward.integrations.components.external_integration.driver.lti1p1.edit'
-                        )
-                    }}</template>
-                    <template #trigger>
-                        <v-icon small>mdi-pencil</v-icon>
+                <SpeedDial
+                    direction="left"
+                    color="primary"
+                    transition="slide-x-reverse-transition"
+                >
+                    <v-btn
+                        color="error"
+                        outlined
+                        class="outlined"
+                        @click="onConfirmDelete(item)"
+                    >
+                        {{ $t('shared.forms.delete') }}
                         <span class="sr-only">{{
+                            $t('shared.forms.delete')
+                        }}</span>
+                    </v-btn>
+                    <DialogBox
+                        color="primary"
+                        outlined
+                        :class-prop="'outlined'"
+                        action-save
+                        @click:save="onSaved"
+                    >
+                        <template #title>{{
                             $t(
                                 'windward.integrations.components.external_integration.driver.lti1p1.edit'
                             )
-                        }}</span>
-                    </template>
-                    <template #form="{ on, attrs }"
-                        ><ManageConsumer
-                            v-model="consumers[index]"
-                            v-bind="attrs"
-                            v-on="on"
-                        ></ManageConsumer
-                    ></template>
-                </DialogBox>
-
-                <v-btn icon>
-                    <v-icon @click="onConfirmDelete(item)"> mdi-delete </v-icon>
-                    <span class="sr-only">{{ $t('shared.forms.delete') }}</span>
-                </v-btn>
+                        }}</template>
+                        <template #trigger>
+                            {{ $t('shared.forms.edit') }}
+                            <span class="sr-only">{{
+                                $t(
+                                    'windward.integrations.components.external_integration.driver.lti1p1.edit'
+                                )
+                            }}</span>
+                        </template>
+                        <template #form="{ on, attrs }"
+                            ><ManageConsumer
+                                v-model="consumers[index]"
+                                v-bind="attrs"
+                                v-on="on"
+                            ></ManageConsumer
+                        ></template>
+                    </DialogBox>
+                </SpeedDial>
             </template>
         </v-data-table>
     </div>
@@ -83,11 +101,12 @@ 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 DialogBox from '~/components/Core/DialogBox.vue'
+import SpeedDial from '~/components/Core/SpeedDial.vue'
 
 export default {
     name: 'ManageLti1p1ConsumersDriver',
-    components: { DialogBox, ManageConsumer },
+    components: { DialogBox, ManageConsumer, SpeedDial },
     data() {
         return {
             consumers: [],

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

@@ -52,12 +52,12 @@
                             "
                             :label="
                                 $t(
-                                    'windward.integrations.components.external_integration.driver.lti1p1.key'
+                                    'windward.integrations.components.external_integration.driver.lti1p1.key_auto'
                                 )
                             "
                             :hint="
                                 $t(
-                                    'windward.integrations.components.external_integration.driver.lti1p1.key'
+                                    'windward.integrations.components.external_integration.driver.lti1p1.key_auto'
                                 )
                             "
                         ></v-text-field>
@@ -72,12 +72,12 @@
                             "
                             :label="
                                 $t(
-                                    'windward.integrations.components.external_integration.driver.lti1p1.secret'
+                                    'windward.integrations.components.external_integration.driver.lti1p1.secret_auto'
                                 )
                             "
                             :hint="
                                 $t(
-                                    'windward.integrations.components.external_integration.driver.lti1p1.secret'
+                                    'windward.integrations.components.external_integration.driver.lti1p1.secret_auto'
                                 )
                             "
                         >
@@ -256,7 +256,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

@@ -63,33 +63,55 @@
                 {{ $d(new Date(item.created_at), 'short') }}
             </template>
             <template #[`item.actions`]="{ index, item }">
-                <DialogBox color="primary" action-save @click:save="onSaved">
-                    <template #title>{{
-                        $t(
-                            'windward.integrations.components.external_integration.driver.lti1p1.edit'
-                        )
-                    }}</template>
-                    <template #trigger>
-                        <v-icon small>mdi-pencil</v-icon>
+                <SpeedDial
+                    direction="left"
+                    color="primary"
+                    transition="slide-x-reverse-transition"
+                >
+                    <v-btn
+                        color="error"
+                        outlined
+                        class="outlined"
+                        @click="onConfirmDelete(item)"
+                    >
+                        {{ $t('shared.forms.delete') }}
                         <span class="sr-only">{{
+                            $t('shared.forms.delete')
+                        }}</span>
+                    </v-btn>
+                    <DialogBox
+                        color="primary"
+                        outlined
+                        :class-prop="'outlined'"
+                        action-save
+                        @click:save="onSaved"
+                    >
+                        <template #title>{{
                             $t(
                                 'windward.integrations.components.external_integration.driver.lti1p1.edit'
                             )
-                        }}</span>
-                    </template>
-                    <template #form="{ on, attrs }"
-                        ><ManageProvider
-                            v-model="providers[index]"
-                            v-bind="attrs"
-                            v-on="on"
-                        ></ManageProvider
-                    ></template>
-                </DialogBox>
-
-                <v-btn icon>
-                    <v-icon @click="onConfirmDelete(item)"> mdi-delete </v-icon>
-                    <span class="sr-only">{{ $t('shared.forms.delete') }}</span>
-                </v-btn>
+                        }}</template>
+                        <template #trigger>
+                            {{
+                                $t(
+                                    'windward.integrations.components.external_integration.driver.lti1p1.edit_display'
+                                )
+                            }}
+                            <span class="sr-only">{{
+                                $t(
+                                    'windward.integrations.components.external_integration.driver.lti1p1.edit'
+                                )
+                            }}</span>
+                        </template>
+                        <template #form="{ on, attrs }"
+                            ><ManageProvider
+                                v-model="providers[index]"
+                                v-bind="attrs"
+                                v-on="on"
+                            ></ManageProvider
+                        ></template>
+                    </DialogBox>
+                </SpeedDial>
             </template>
         </v-data-table>
     </div>
@@ -102,9 +124,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/Core/SpeedDial.vue'
 
 export default {
     name: 'ManageLti1p1ProvidersDriver',
@@ -113,6 +136,7 @@ export default {
         DialogBox,
         ManageProvider,
         ProviderTargetViewer,
+        SpeedDial,
     },
     data() {
         return {

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

@@ -145,7 +145,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

@@ -44,55 +44,77 @@
                 {{ $d(new Date(item.created_at), 'long') }}
             </template>
             <template #[`item.actions`]="{ index, item }">
-                <DialogBox color="primary">
-                    <template #title>{{
-                        $t(
-                            'windward.integrations.components.external_integration.driver.lti1p3.view'
-                        )
-                    }}</template>
-                    <template #trigger>
-                        <v-icon small>mdi-eye-outline</v-icon>
+                <SpeedDial
+                    direction="left"
+                    color="primary"
+                    transition="slide-x-reverse-transition"
+                >
+                    <v-btn
+                        color="error"
+                        outlined
+                        class="outlined"
+                        @click="onConfirmDelete(item)"
+                    >
+                        {{ $t('shared.forms.delete') }}
                         <span class="sr-only">{{
+                            $t('shared.forms.delete')
+                        }}</span>
+                    </v-btn>
+                    <DialogBox
+                        color="primary"
+                        outlined
+                        :class-prop="'outlined'"
+                    >
+                        <template #title>{{
                             $t(
                                 'windward.integrations.components.external_integration.driver.lti1p3.view'
                             )
-                        }}</span>
-                    </template>
-                    <template #form="{ on, attrs }"
-                        ><ViewConsumer
-                            v-model="consumers[index]"
-                            v-bind="attrs"
-                            v-on="on"
-                        ></ViewConsumer
-                    ></template>
-                </DialogBox>
-                <DialogBox color="primary" action-save @click:save="onSaved">
-                    <template #title>{{
-                        $t(
-                            'windward.integrations.components.external_integration.driver.lti1p3.edit'
-                        )
-                    }}</template>
-                    <template #trigger>
-                        <v-icon small>mdi-pencil</v-icon>
-                        <span class="sr-only">{{
+                        }}</template>
+                        <template #trigger>
+                            <v-icon small>mdi-eye-outline</v-icon>
+                            <span class="sr-only">{{
+                                $t(
+                                    'windward.integrations.components.external_integration.driver.lti1p3.view'
+                                )
+                            }}</span>
+                        </template>
+                        <template #form="{ on, attrs }"
+                            ><ViewConsumer
+                                v-model="consumers[index]"
+                                v-bind="attrs"
+                                v-on="on"
+                            ></ViewConsumer
+                        ></template>
+                    </DialogBox>
+                    <DialogBox
+                        color="primary"
+                        outlined
+                        :class-prop="'outlined'"
+                        action-save
+                        @click:save="onSaved"
+                    >
+                        <template #title>{{
                             $t(
                                 'windward.integrations.components.external_integration.driver.lti1p3.edit'
                             )
-                        }}</span>
-                    </template>
-                    <template #form="{ on, attrs }"
-                        ><ManageConsumer
-                            v-model="consumers[index]"
-                            v-bind="attrs"
-                            v-on="on"
-                        ></ManageConsumer
-                    ></template>
-                </DialogBox>
-
-                <v-btn icon>
-                    <v-icon @click="onConfirmDelete(item)"> mdi-delete </v-icon>
-                    <span class="sr-only">{{ $t('shared.forms.delete') }}</span>
-                </v-btn>
+                        }}</template>
+                        <template #trigger>
+                            <v-icon small>mdi-pencil</v-icon>
+                            <span class="sr-only">{{
+                                $t(
+                                    'windward.integrations.components.external_integration.driver.lti1p3.edit'
+                                )
+                            }}</span>
+                        </template>
+                        <template #form="{ on, attrs }"
+                            ><ManageConsumer
+                                v-model="consumers[index]"
+                                v-bind="attrs"
+                                v-on="on"
+                            ></ManageConsumer
+                        ></template>
+                    </DialogBox>
+                </SpeedDial>
             </template>
         </v-data-table>
     </div>
@@ -106,11 +128,12 @@ 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 DialogBox from '~/components/Core/DialogBox.vue'
+import SpeedDial from '~/components/Core/SpeedDial.vue'
 
 export default {
     name: 'ManageLti1p1ConsumersDriver',
-    components: { DialogBox, ManageConsumer, ViewConsumer },
+    components: { DialogBox, ManageConsumer, ViewConsumer, SpeedDial },
     data() {
         return {
             consumers: [],

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

@@ -356,7 +356,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

@@ -69,33 +69,51 @@
                 {{ $d(new Date(item.created_at), 'short') }}
             </template>
             <template #[`item.actions`]="{ index, item }">
-                <DialogBox color="primary" action-save @click:save="onSaved">
-                    <template #title>{{
-                        $t(
-                            'windward.integrations.components.external_integration.driver.lti1p3.edit'
-                        )
-                    }}</template>
-                    <template #trigger>
-                        <v-icon small>mdi-pencil</v-icon>
+                <SpeedDial
+                    direction="left"
+                    color="primary"
+                    transition="slide-x-reverse-transition"
+                >
+                    <v-btn
+                        color="error"
+                        outlined
+                        class="outlined"
+                        @click="onConfirmDelete(item)"
+                    >
+                        {{ $t('shared.forms.delete') }}
                         <span class="sr-only">{{
+                            $t('shared.forms.delete')
+                        }}</span>
+                    </v-btn>
+                    <DialogBox
+                        color="primary"
+                        outlined
+                        :class-prop="'outlined'"
+                        action-save
+                        @click:save="onSaved"
+                    >
+                        <template #title>{{
                             $t(
                                 'windward.integrations.components.external_integration.driver.lti1p3.edit'
                             )
-                        }}</span>
-                    </template>
-                    <template #form="{ on, attrs }"
-                        ><ManageProvider
-                            v-model="providers[index]"
-                            v-bind="attrs"
-                            v-on="on"
-                        ></ManageProvider
-                    ></template>
-                </DialogBox>
-
-                <v-btn icon>
-                    <v-icon @click="onConfirmDelete(item)"> mdi-delete </v-icon>
-                    <span class="sr-only">{{ $t('shared.forms.delete') }}</span>
-                </v-btn>
+                        }}</template>
+                        <template #trigger>
+                            {{ $t('shared.forms.edit') }}
+                            <span class="sr-only">{{
+                                $t(
+                                    'windward.integrations.components.external_integration.driver.lti1p3.edit'
+                                )
+                            }}</span>
+                        </template>
+                        <template #form="{ on, attrs }"
+                            ><ManageProvider
+                                v-model="providers[index]"
+                                v-bind="attrs"
+                                v-on="on"
+                            ></ManageProvider
+                        ></template>
+                    </DialogBox>
+                </SpeedDial>
             </template>
         </v-data-table>
     </div>
@@ -108,9 +126,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/Core/SpeedDial.vue'
 
 export default {
     name: 'ManageLti1p1ProvidersDriver',
@@ -119,6 +138,7 @@ export default {
         DialogBox,
         ManageProvider,
         ProviderTargetViewer,
+        SpeedDial,
     },
     data() {
         return {

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/ExternalIntegration/ProviderTargetPicker.vue

@@ -144,10 +144,10 @@ export default {
                     targetType === 'locked_course_content' ||
                     targetType === 'locked_course_content_children')
             ) {
-                url = `/course/${this.course.id}/content/${this.selectedContent.id}`
+                url = `/course/${this.course.id}/section/{section.id}/content/${this.selectedContent.id}`
                 this.provider.course_content_id = this.selectedContent.id
             } else if (targetType === 'course') {
-                url = `/course/${this.course.id}/`
+                url = `/course/${this.course.id}/section/{section.id}`
                 this.provider.course_content_id = null
             }
             this.provider.target = url

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

@@ -61,7 +61,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

@@ -187,8 +187,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/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/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/helpers/IntegrationHelper.ts

@@ -105,7 +105,7 @@ export default class IntegrationHelper {
             return new Driver()
         } else {
             throw new TypeError(
-                `Could not determine assessment question driver for question type '${settings.vendor.product_code}' of id '${_vendorId}'`
+                `Could not determine integration driver for product code '${settings.vendor.product_code}' of id '${_vendorId}'`
             )
         }
     }
@@ -132,7 +132,7 @@ export default class IntegrationHelper {
             return settings
         } else {
             throw new TypeError(
-                `Could not determine vendor driver for question type '${vendorModel.product_code}' of id '${_vendorId}'`
+                `Could not determine vendor driver for product code '${vendorModel.product_code}' of id '${_vendorId}'`
             )
         }
     }

package/i18n/en-US/components/external_integration/driver/lti1p1.ts

@@ -1,6 +1,8 @@
 export default {
     key: 'Key',
     secret: 'Secret',
+    key_auto: 'Key (Autogenerated)',
+    secret_auto: 'Secret (Autogenerated)',
     parameter_name: 'Custom Parameter Name',
     value: 'Value',
     auto_key: 'Leave empty for autogenerated key',
@@ -11,4 +13,5 @@ export default {
     new_secret: 'New Secret',
     new: 'New LTI Link',
     edit: 'Edit LTI Link',
+    edit_display: 'Edit',
 }

package/i18n/es-ES/components/external_integration/driver/lti1p1.ts

@@ -1,6 +1,8 @@
 export default {
     key: 'Clave',
     secret: 'Secreto',
+    key_auto: 'Clave (generada automáticamente)',
+    secret_auto: 'Secreto (autogenerado)',
     parameter_name: 'Nombre de parámetro personalizado',
     value: 'Valor',
     auto_key: 'Dejar vacío para la clave generada automáticamente',
@@ -11,4 +13,5 @@ export default {
     new_secret: 'Nuevo secreto',
     new: 'Nuevo enlace LTI',
     edit: 'Editar enlace LTI',
+    edit_display: 'Editar',
 }

package/i18n/sv-SE/components/external_integration/driver/lti1p1.ts

@@ -1,6 +1,8 @@
 export default {
     key: 'Nyckel',
     secret: 'Secret',
+    key_auto: 'Nyckel (autogenererad)',
+    secret_auto: 'Hemlighet (autogenererad)',
     parameter_name: 'Anpassat parameternamn',
     value: 'Värde',
     auto_key: 'Lämna tomt för autogenererad nyckel',
@@ -11,4 +13,5 @@ export default {
     new_secret: 'Ny hemlighet',
     new: 'Ny LTI-länk',
     edit: 'Redigera LTI-länk',
+    edit_display: 'Redigera',
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/integrations",
-    "version": "0.2.0",
+    "version": "0.3.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/vendors.vue

@@ -153,8 +153,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/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' },
+])