@windward/integrations 0.11.0 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+### Release [0.13.0] created - 2025-04-29
+
+
+### Release [0.12.0] created - 2025-03-25
+
+
 ### Release [0.11.0] created - 2025-03-11
 
 

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

@@ -4,7 +4,12 @@
             <v-progress-circular size="128" indeterminate />
         </div>
         <div v-if="render">
-            <v-form v-model="formValid" @submit.prevent>
+            <v-form
+                ref="form"
+                :key="updateKey"
+                v-model="formValid"
+                @submit.prevent
+            >
                 <v-row justify="center" align="center" class="mt-5">
                     <v-col cols="12">
                         <v-text-field
@@ -19,12 +24,14 @@
                                     'windward.integrations.components.external_integration.target_url'
                                 )
                             "
+                            :rules="$Validation.getRule('url')"
                         ></v-text-field>
                         <v-text-field
                             v-model="consumer.name"
                             :placeholder="$t('shared.forms.name')"
                             :label="$t('shared.forms.name')"
                             :hint="$t('shared.forms.name')"
+                            :rules="$Validation.getRule('exists')"
                         ></v-text-field>
 
                         <label for="description">{{
@@ -57,6 +64,7 @@
                                         (consumer.id ? 'change_key' : 'key')
                                 )
                             "
+                            :rules="$Validation.getRule('exists')"
                         ></v-text-field>
 
                         <v-text-field
@@ -75,9 +83,22 @@
                                             : 'secret')
                                 )
                             "
+                            :rules="$Validation.getRule('exists')"
                         >
                         </v-text-field>
 
+                        <v-select
+                            v-model="consumer.metadata.security_level"
+                            :items="securityLevels"
+                            item-text="name"
+                            item-value="value"
+                            :label="$t(
+                                    'windward.integrations.components.external_integration.security_level'
+                                )"
+                            outlined
+                            :rules="$Validation.getRule('exists')"
+                        ></v-select>
+
                         <v-data-table
                             :headers="customParameterHeaders"
                             :items="consumer.metadata.custom"
@@ -133,15 +154,6 @@
                                 </div>
                             </template>
                         </v-data-table>
-                        <br />
-                        <v-select
-                            v-model="consumer.metadata.security_level"
-                            :items="securityLevels"
-                            item-text="name"
-                            item-value="value"
-                            label="Security Level"
-                            outlined
-                        ></v-select>
                     </v-col>
                 </v-row>
             </v-form>
@@ -157,6 +169,7 @@ import Organization from '~/models/Organization'
 import Course from '~/models/Course'
 import TextEditor from '~/components/Text/TextEditor.vue'
 import FormVue from '~/components/Core/Form'
+import Crypto from '~/helpers/Crypto'
 
 export default {
     name: 'ManageLti1p1ConsumerDriver',
@@ -214,6 +227,7 @@ export default {
                 { name: 'Anonymous', value: 'anonymous' },
                 // { name: 'Custom', value: 'custom' }, // TODO: When this is selected provide direct access to check off LTI fields
             ],
+            updateKey: Crypto.id(),
         }
     },
     computed: {
@@ -268,7 +282,6 @@ export default {
                 new Organization({ id: this.organization.id }),
                 new Course({ id: this.course.id })
             )
-
             try {
                 consumer = await consumer.save()
                 this.consumer = consumer
@@ -279,6 +292,7 @@ export default {
 
                 this.$dialog.success(this.$t('shared.forms.saved'))
                 this.$emit('update:consumer', consumerEvent)
+                this.resetConsumer()
             } catch (e) {
                 this.$dialog.error(
                     this.$t('windward.integrations.shared.error.save_failed')
@@ -290,6 +304,24 @@ export default {
                 await this.save()
             }
         },
+        async onSaveAndNew() {
+            this.$refs.form.validate()
+            if (this.formValid) {
+                await this.save()
+            }
+        },
+        resetConsumer() {
+            const emptyConsumer = {
+                version: '1.1',
+                metadata: {
+                    custom: [],
+                    security_level: '',
+                    security: [],
+                },
+            }
+            this.consumer = new LtiConsumer(emptyConsumer)
+            this.updateKey = Crypto.id()
+        },
     },
 }
 </script>

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

@@ -5,6 +5,7 @@
             action-save
             action-save-new
             @click:save="onSaved"
+            @click:save-new="onSaved"
         >
             <template #title>{{
                 $t(
@@ -218,8 +219,14 @@ export default {
                 ],
             })
         },
-        deleteConsumer(consumer) {
-            consumer.delete()
+        async deleteConsumer(consumer) {
+            try {
+                await consumer.delete()
+                this.loadConsumers()
+            } catch (error) {
+                this.$dialog.error(this.$t('shared.response.error'))
+                console.error('Error deleting consumer', error)
+            }
         },
     },
 }

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

@@ -7,6 +7,7 @@
             <v-form
                 :id="formId"
                 ref="form"
+                :key="updateKey"
                 v-model="formValid"
                 @submit="onFormSubmit"
             >
@@ -15,7 +16,6 @@
                         <ProviderTargetPicker
                             v-model="provider"
                         ></ProviderTargetPicker>
-
                         <v-text-field
                             id="target-url"
                             v-model="provider.target"
@@ -267,6 +267,7 @@ import FormVue from '~/components/Core/Form.vue'
 import Role from '~/models/Role'
 import Organization from '~/models/Organization'
 import Course from '~/models/Course'
+import Crypto from '~/helpers/Crypto'
 
 export default {
     name: 'ManageLti1p1ProviderDriver',
@@ -301,6 +302,7 @@ export default {
                 name: null,
                 id: null,
             },
+            updateKey: Crypto.id(),
         }
     },
     async fetch() {
@@ -399,6 +401,7 @@ export default {
                     version: '1.1',
                 })
             }
+            this.updateKey = Crypto.id()
         },
         async onSave() {
             this.$refs.form.validate()

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

@@ -5,6 +5,7 @@
             action-save
             action-save-new
             @click:save="onSaved"
+            @click:save-new="onSaved"
         >
             <template #title>{{
                 $t(

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

@@ -4,7 +4,12 @@
             <v-progress-circular size="128" indeterminate />
         </div>
         <div v-if="render">
-            <v-form v-model="formValid" @submit.prevent>
+            <v-form
+                ref="form"
+                :key="updateKey"
+                v-model="formValid"
+                @submit.prevent
+            >
                 <v-row justify="center" align="center" class="mt-5">
                     <v-col cols="12">
                         <v-text-field
@@ -19,12 +24,14 @@
                                     'windward.integrations.components.external_integration.target_url'
                                 )
                             "
+                            :rules="$Validation.getRule('url')"
                         ></v-text-field>
                         <v-text-field
                             v-model="consumer.name"
                             :placeholder="$t('shared.forms.name')"
                             :label="$t('shared.forms.name')"
                             :hint="$t('shared.forms.name')"
+                            :rules="$Validation.getRule('exists')"
                         ></v-text-field>
 
                         <label for="description">{{
@@ -54,6 +61,7 @@
                                     'windward.integrations.components.external_integration.driver.lti1p3.tool_oidc_auth_endpoint'
                                 )
                             "
+                            :rules="$Validation.getRule('url')"
                         ></v-text-field>
                         <v-text-field
                             v-model="consumer.metadata.tool_public_keyset_url"
@@ -67,8 +75,23 @@
                                     'windward.integrations.components.external_integration.driver.lti1p3.tool_public_keyset_url'
                                 )
                             "
+                            :rules="$Validation.getRule('url')"
                         ></v-text-field>
 
+                        <v-select
+                            v-model="consumer.metadata.security_level"
+                            :items="securityLevels"
+                            item-text="name"
+                            item-value="value"
+                            :label="
+                                $t(
+                                    'windward.integrations.components.external_integration.security_level'
+                                )
+                            "
+                            outlined
+                            :rules="$Validation.getRule('exists')"
+                        ></v-select>
+
                         <v-data-table
                             :headers="customParameterHeaders"
                             :items="consumer.metadata.custom"
@@ -124,15 +147,6 @@
                                 </div>
                             </template>
                         </v-data-table>
-                        <br />
-                        <v-select
-                            v-model="consumer.metadata.security_level"
-                            :items="securityLevels"
-                            item-text="name"
-                            item-value="value"
-                            label="Security Level"
-                            outlined
-                        ></v-select>
                     </v-col>
                 </v-row>
             </v-form>
@@ -148,6 +162,7 @@ import Organization from '~/models/Organization'
 import Course from '~/models/Course'
 import TextEditor from '~/components/Text/TextEditor.vue'
 import FormVue from '~/components/Core/Form'
+import Crypto from '~/helpers/Crypto'
 
 export default {
     name: 'ManageLti1p3ConsumerDriver',
@@ -205,6 +220,7 @@ export default {
                 { name: 'Anonymous', value: 'anonymous' },
                 // { name: 'Custom', value: 'custom' }, // TODO: When this is selected provide direct access to check off LTI fields
             ],
+            updateKey: Crypto.id(),
         }
     },
     computed: {
@@ -270,6 +286,7 @@ export default {
 
                 this.$dialog.success(this.$t('shared.forms.saved'))
                 this.$emit('update:consumer', consumerEvent)
+                this.resetConsumer()
             } catch (e) {
                 this.$dialog.error(
                     this.$t('windward.integrations.shared.error.save_failed')
@@ -281,6 +298,24 @@ export default {
                 await this.save()
             }
         },
+        async onSaveAndNew() {
+            this.$refs.form.validate()
+            if (this.formValid) {
+                await this.save()
+            }
+        },
+        resetConsumer() {
+            const emptyConsumer = {
+                version: '1.3',
+                metadata: {
+                    custom: [],
+                    security_level: '',
+                    security: [],
+                },
+            }
+            this.consumer = new LtiConsumer(emptyConsumer)
+            this.updateKey = Crypto.id()
+        },
     },
 }
 </script>

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

@@ -5,6 +5,7 @@
             action-save
             action-save-new
             @click:save="onSaved"
+            @click:save-new="onSaved"
         >
             <template #title>{{
                 $t(
@@ -245,8 +246,14 @@ export default {
                 ],
             })
         },
-        deleteConsumer(consumer) {
-            consumer.delete()
+        async deleteConsumer(consumer) {
+            try {
+                await consumer.delete()
+                await this.loadConsumers()
+            } catch (e) {
+                this.$dialog.error(this.$t('shared.response.error'))
+                console.error('Error deleting consumer', e)
+            }
         },
     },
 }

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

@@ -7,6 +7,7 @@
             <v-form
                 :id="formId"
                 ref="form"
+                :key="updateKey"
                 v-model="formValid"
                 @submit="onFormSubmit"
             >
@@ -367,6 +368,7 @@ import FormVue from '~/components/Core/Form.vue'
 import Role from '~/models/Role'
 import Organization from '~/models/Organization'
 import Course from '~/models/Course'
+import Crypto from '~/helpers/Crypto'
 
 export default {
     name: 'ManageLti1p3ProviderDriver',
@@ -395,6 +397,7 @@ export default {
                 name: null,
                 id: null,
             },
+            updateKey: Crypto.id(),
         }
     },
     async fetch() {
@@ -516,6 +519,7 @@ export default {
                     version: '1.3',
                 })
             }
+            this.updateKey = Crypto.id()
         },
         async onSave() {
             this.$refs.form.validate()

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

@@ -5,6 +5,7 @@
             action-save
             action-save-new
             @click:save="onSaved"
+            @click:save-new="onSaved"
         >
             <template #title>{{
                 $t(

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

@@ -13,7 +13,7 @@ export default {
     tool_client_id: 'Tool Client ID',
     platform_deployment_id: 'Deployment ID',
     enable_button_feedback:
-        'Link can only be enabled once plateform client identifier and and keyset urls are set !',
+        'Link can only be enabled once platform client identifier and and keyset urls are set !',
     parameter_name: 'Custom Parameter Name',
     value: 'Value',
     new: 'New LTI Link',

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

@@ -13,6 +13,7 @@ export default {
     target: 'Target',
     target_url: 'Target Url',
     launch_url: 'Launch Url',
+    security_level: 'Security Level',
 
     send_grades: 'Send grades to host LMS',
     grade_sync: 'Grade Sync',

package/i18n/es-ES/components/external_integration/index.ts

@@ -13,6 +13,7 @@ export default {
     target: 'Objetivo',
     target_url: 'URL de destino',
     launch_url: 'URL de inicio',
+    security_level: 'Nivel de Seguridad',
 
     send_grades: 'Enviar calificaciones al LMS anfitrión',
     grade_sync: 'Sincronización de calificaciones',

package/i18n/sv-SE/components/external_integration/index.ts

@@ -13,6 +13,7 @@ export default {
     target: 'Mål',
     target_url: 'Måladress',
     launch_url: 'Launch Url',
+    security_level: 'Säkerhetsnivå',
 
     send_grades: 'Skicka betyg till värd LMS',
     grade_sync: 'Grade Sync',

package/package.json

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

package/pages/course/externalIntegration/index.vue

@@ -1,23 +1,30 @@
 <template>
-    <div>
-        <h1>
-            {{
-                $t(
-                    'windward.integrations.pages.course.external_integration.title'
-                )
-            }}
-        </h1>
+    <v-row>
+        <v-col cols="12">
+            <Breadcrumbs :items="breadcrumbPath"></Breadcrumbs>
+        </v-col>
+        <v-col cols="12">
+            <h1>
+                {{
+                    $t(
+                        'windward.integrations.pages.course.external_integration.title'
+                    )
+                }}
+            </h1>
 
-        <ManageCourseIntegrationSettings></ManageCourseIntegrationSettings>
-    </div>
+            <ManageCourseIntegrationSettings></ManageCourseIntegrationSettings>
+        </v-col>
+    </v-row>
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
 import ManageCourseIntegrationSettings from '../../../components/Settings/ExternalIntegration/ManageCourseIntegrationSettings.vue'
+import Breadcrumbs from '~/components/Core/Breadcrumbs.vue'
 
 export default {
     name: 'PluginIntegrationsExternalIntegrationIndexPage',
-    components: { ManageCourseIntegrationSettings },
+    components: { ManageCourseIntegrationSettings, Breadcrumbs },
     layout: 'authenticated',
     meta: {
         privilege: {
@@ -27,6 +34,32 @@ export default {
         },
     },
     async fetch() {},
-    computed: {},
+    computed: {
+        ...mapGetters({
+            course: 'course/get',
+            enrollment: 'enrollment/get',
+        }),
+        breadcrumbPath() {
+            return [
+                {
+                    href:
+                        '/course/' +
+                        this.course.id +
+                        '/section/' +
+                        this.enrollment.course_section_id,
+                    id: '',
+                    text: this.course.name,
+                },
+                {
+                    href:
+                        '/course/' + this.course.id + '/integrations/external',
+                    id: '',
+                    text: this.$t(
+                        'windward.integrations.pages.course.external_integration.title'
+                    ),
+                },
+            ]
+        },
+    },
 }
 </script>

package/plugin.js

@@ -2,7 +2,6 @@ import locales from './i18n'
 
 import AdminVendorsPage from './pages/admin/vendors.vue'
 import AdminImportCoursePage from './pages/admin/importCourse.vue'
-import ImportContentPage from './pages/course/importContent.vue'
 import ExternalIntegrationIndexPage from './pages/course/externalIntegration/index.vue'
 import LoginLtiErrorPage from './pages/login/lti/error.vue'
 import IntegrationHelper from './helpers/IntegrationHelper'
@@ -47,14 +46,6 @@ export default {
             name: 'PluginIntegrationsAdminImportCoursePage',
             template: AdminImportCoursePage,
         },
-        {
-            page: 'admin-integrations',
-            path: '/course/:course/integrations/import-content',
-            i18n: 'windward.integrations.components.navigation.integrations.import_content',
-            name: 'PluginIntegrationsImportContentPage',
-            template: ImportContentPage,
-        },
-
         {
             page: 'admin-integrations',
             path: '/course/:course/integrations/external',
@@ -96,16 +87,6 @@ export default {
                             },
                         },
                     },
-                    {
-                        i18n: 'windward.integrations.components.navigation.integrations.import_content',
-                        path: '/course/{course.id}/integrations/import-content',
-                        context: ['course'],
-                        permissions: {
-                            'plugin.windward.integrations.course': {
-                                writable: true,
-                            },
-                        },
-                    },
                     {
                         i18n: 'windward.integrations.pages.course.external_integration.title',
                         path: '/course/{course.id}/integrations/external',
@@ -117,28 +98,6 @@ export default {
                                 },
                         },
                     },
-                    /*
-                    {
-                        i18n: 'windward.integrations.components.navigation.integrations.manage_lti',
-                        path: '/admin/integrations/lti',
-                        context: ['home'],
-                        permissions: {
-                            'plugin.windward.integrations.organization.integration': {
-                                writable: true,
-                            },
-                        },
-                    },
-                    {
-                        i18n: 'windward.integrations.components.navigation.integrations.manage_lti_links',
-                        path: '/course/{course.id}/integrations/lti',
-                        context: ['course'],
-                        permissions: {
-                            'plugin.windward.integrations.organization.integration': {
-                                writable: true,
-                            },
-                        },
-                    },
-                    */
                 ],
             },
             {
@@ -165,16 +124,6 @@ export default {
                             },
                         },
                     },
-                    {
-                        i18n: 'windward.integrations.components.navigation.integrations.import_content',
-                        path: '/course/{course.id}/integrations/import-content',
-                        context: ['course'],
-                        permissions: {
-                            'plugin.windward.integrations.course': {
-                                writable: true,
-                            },
-                        },
-                    },
                     {
                         i18n: 'windward.integrations.pages.course.external_integration.title',
                         path: '/course/{course.id}/integrations/external',