@windward/integrations 0.18.0 → 0.19.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## Release [0.19.0] - 2025-10-29
+
+* Merged in feature/LE-2067-scorm-provider (pull request #108)
+* Merged in feature/LE-2034/crossword-gen (pull request #102)
+* Merge remote-tracking branch 'origin/release/0.19.0' into feature/LE-2067-scorm-provider
+* Merge remote-tracking branch 'origin/master' into feature/LE-2067-scorm-provider
+* Merged in feature/LE-2159-site-navigation-expanding (pull request #105)
+* Merged release/0.19.0 into feature/LE-2159-site-navigation-expanding
+* Merged in release/0.18.0 (pull request #101)
+* Merge remote-tracking branch 'origin/release/0.18.0' into feature/LE-2067-scorm-provider
+* Merged in release/0.17.0 (pull request #91)
+* Merged in release/0.16.0 (pull request #89)
+* Merged in release/0.15.0 (pull request #87)
+* Merged in release/0.14.0 (pull request #82)
+
+
 ## Release [0.18.0] - 2025-10-10
 
 * Merged in bugfix/LE-2135-saml-implementation (pull request #104)

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

@@ -160,7 +160,7 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-import LtiConsumer from '../../../../models/ExternalIntegration/LtiConsumer'
+import Consumer from '../../../../models/ExternalIntegration/Consumer'
 import Crypto from '~/helpers/Crypto'
 import TextViewer from '~/components/Text/TextViewer.vue'
 import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
@@ -270,7 +270,7 @@ export default {
         async loadConsumer() {
             try {
                 if (!_.isEmpty(this.block.metadata.config.tool_id)) {
-                    this.consumer = await new LtiConsumer()
+                    this.consumer = await new Consumer()
                         .for(
                             new Organization({ id: this.organization.id }),
                             new Course({ id: this.course.id })
@@ -296,7 +296,7 @@ export default {
                     this.openModal = true
                 }
 
-                this.launchData = await LtiConsumer.custom(
+                this.launchData = await Consumer.custom(
                     new Enrollment({ id: this.enrollment.id }),
                     this.consumer,
                     '/launch'

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

@@ -0,0 +1,34 @@
+<template>
+    <div>
+        <h2>SCORM Consumer</h2>
+        <v-alert type="warning">Not implemented</v-alert>
+    </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import { mapGetters } from 'vuex'
+import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
+
+export default {
+    name: 'ContentBlockExternalIntegrationScormConsumer',
+    components: {},
+    extends: BaseContentBlock,
+    data() {
+        return {}
+    },
+    async fetch() {},
+    computed: {
+        ...mapGetters({
+            organization: 'organization/get',
+            course: 'course/get',
+            enrollment: 'enrollment/get',
+        }),
+    },
+    watch: {},
+    beforeMount() {},
+    mounted() {},
+
+    methods: {},
+}
+</script>

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

@@ -92,9 +92,11 @@
                             :items="securityLevels"
                             item-text="name"
                             item-value="value"
-                            :label="$t(
+                            :label="
+                                $t(
                                     'windward.integrations.components.external_integration.security_level'
-                                )"
+                                )
+                            "
                             outlined
                             :rules="$Validation.getRule('exists')"
                         ></v-select>
@@ -164,7 +166,7 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-import LtiConsumer from '../../../../models/ExternalIntegration/LtiConsumer'
+import Consumer from '../../../../models/ExternalIntegration/Consumer'
 import Organization from '~/models/Organization'
 import Course from '~/models/Course'
 import TextEditor from '~/components/Text/TextEditor.vue'
@@ -177,7 +179,7 @@ export default {
     extends: FormVue,
     props: {
         value: {
-            type: [LtiConsumer, null],
+            type: [Consumer, null],
             required: false,
             default: null,
         },
@@ -238,9 +240,9 @@ export default {
     },
     created() {
         if (_.isEmpty(this.value)) {
-            this.consumer = new LtiConsumer(this.consumer)
+            this.consumer = new Consumer(this.consumer)
         } else {
-            this.consumer = new LtiConsumer(_.cloneDeep(this.value))
+            this.consumer = new Consumer(_.cloneDeep(this.value))
         }
     },
     mounted() {
@@ -278,7 +280,7 @@ export default {
             this.consumer.metadata.custom.splice(index, 1)
         },
         async save() {
-            let consumer = new LtiConsumer(this.consumer).for(
+            let consumer = new Consumer(this.consumer).for(
                 new Organization({ id: this.organization.id }),
                 new Course({ id: this.course.id })
             )
@@ -319,7 +321,7 @@ export default {
                     security: [],
                 },
             }
-            this.consumer = new LtiConsumer(emptyConsumer)
+            this.consumer = new Consumer(emptyConsumer)
             this.updateKey = Crypto.id()
         },
     },

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

@@ -99,7 +99,7 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-import LtiConsumer from '../../../../models/ExternalIntegration/LtiConsumer'
+import Consumer from '../../../../models/ExternalIntegration/Consumer'
 import ManageConsumer from './ManageConsumer.vue'
 import Course from '~/models/Course'
 import Organization from '~/models/Organization'
@@ -189,7 +189,7 @@ export default {
             this.loadConsumers()
         },
         async loadConsumers() {
-            this.consumers = await new LtiConsumer()
+            this.consumers = await new Consumer()
                 .for(
                     new Organization({ id: this.organization.id }),
                     new Course({ id: this.course.id })

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

@@ -262,7 +262,7 @@
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
 import ProviderTargetPicker from '../../ProviderTargetPicker.vue'
-import LtiProvider from '../../../../models/ExternalIntegration/LtiProvider'
+import Provider from '../../../../models/ExternalIntegration/Provider'
 import FormVue from '~/components/Core/Form.vue'
 import Role from '~/models/Role'
 import Organization from '~/models/Organization'
@@ -275,7 +275,7 @@ export default {
     extends: FormVue,
     props: {
         value: {
-            type: [LtiProvider, null],
+            type: [Provider, null],
             required: false,
             default: null,
         },
@@ -294,6 +294,7 @@ export default {
             provider: {
                 role_metadata: {},
                 metadata: {},
+                type: 'lti',
                 version: '1.1',
             },
             rolePanel: false,
@@ -323,9 +324,10 @@ export default {
     },
     created() {
         if (_.isEmpty(this.value)) {
-            this.provider = new LtiProvider({
+            this.provider = new Provider({
                 role_metadata: {},
                 metadata: {},
+                type: 'lti',
                 version: '1.1',
             })
         } else {
@@ -371,7 +373,7 @@ export default {
             this.newMap.id = null
         },
         async save() {
-            let provider = new LtiProvider(this.provider).for(
+            let provider = new Provider(this.provider).for(
                 new Organization({ id: this.organization.id }),
                 new Course({ id: this.course.id })
             )
@@ -395,9 +397,10 @@ export default {
 
             // Create a new provider to clear the form if the original value is empty aka new
             if (_.isEmpty(this.value)) {
-                this.provider = new LtiProvider({
+                this.provider = new Provider({
                     role_metadata: {},
                     metadata: {},
+                    type: 'lti',
                     version: '1.1',
                 })
             }

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

@@ -122,7 +122,7 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-import LtiProvider from '../../../../models/ExternalIntegration/LtiProvider'
+import Provider from '../../../../models/ExternalIntegration/Provider'
 import SecretField from '../../../SecretField.vue'
 import ProviderTargetViewer from '../../ProviderTargetViewer.vue'
 import ManageProvider from './ManageProvider.vue'
@@ -236,11 +236,12 @@ export default {
             this.loadProviders()
         },
         async loadProviders() {
-            this.providers = await new LtiProvider()
+            this.providers = await new Provider()
                 .for(
                     new Organization({ id: this.organization.id }),
                     new Course({ id: this.course.id })
                 )
+                .where('type', 'lti')
                 .where('version', '1.1')
                 .get()
         },

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

@@ -157,7 +157,7 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-import LtiConsumer from '../../../../models/ExternalIntegration/LtiConsumer'
+import Consumer from '../../../../models/ExternalIntegration/Consumer'
 import Organization from '~/models/Organization'
 import Course from '~/models/Course'
 import TextEditor from '~/components/Text/TextEditor.vue'
@@ -170,7 +170,7 @@ export default {
     extends: FormVue,
     props: {
         value: {
-            type: [LtiConsumer, null],
+            type: [Consumer, null],
             required: false,
             default: null,
         },
@@ -188,6 +188,7 @@ export default {
             render: false,
             consumer: {
                 version: '1.3',
+                type: 'lti',
                 metadata: {
                     custom: [],
                     security_level: '',
@@ -231,9 +232,9 @@ export default {
     },
     created() {
         if (_.isEmpty(this.value)) {
-            this.consumer = new LtiConsumer(this.consumer)
+            this.consumer = new Consumer(this.consumer)
         } else {
-            this.consumer = new LtiConsumer(_.cloneDeep(this.value))
+            this.consumer = new Consumer(_.cloneDeep(this.value))
         }
     },
     mounted() {
@@ -271,7 +272,7 @@ export default {
             this.consumer.metadata.custom.splice(index, 1)
         },
         async save() {
-            let consumer = new LtiConsumer(this.consumer).for(
+            let consumer = new Consumer(this.consumer).for(
                 new Organization({ id: this.organization.id }),
                 new Course({ id: this.course.id })
             )
@@ -307,13 +308,14 @@ export default {
         resetConsumer() {
             const emptyConsumer = {
                 version: '1.3',
+                type: 'lti',
                 metadata: {
                     custom: [],
                     security_level: '',
                     security: [],
                 },
             }
-            this.consumer = new LtiConsumer(emptyConsumer)
+            this.consumer = new Consumer(emptyConsumer)
             this.updateKey = Crypto.id()
         },
     },

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

@@ -125,7 +125,7 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-import LtiConsumer from '../../../../models/ExternalIntegration/LtiConsumer'
+import Consumer from '../../../../models/ExternalIntegration/Consumer'
 import ManageConsumer from './ManageConsumer.vue'
 import ViewConsumer from './ViewConsumer.vue'
 import Course from '~/models/Course'
@@ -216,7 +216,7 @@ export default {
             this.loadConsumers()
         },
         async loadConsumers() {
-            this.consumers = await new LtiConsumer()
+            this.consumers = await new Consumer()
                 .for(
                     new Organization({ id: this.organization.id }),
                     new Course({ id: this.course.id })

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

@@ -48,9 +48,17 @@
                             "
                         />
 
+                        <v-alert v-if="isNew" type="warning">
+                            {{
+                                $t(
+                                    'windward.integrations.components.external_integration.driver.lti1p3.disabled_fields_in_new_tool'
+                                )
+                            }}
+                        </v-alert>
                         <v-text-field
                             id="lti-pid"
                             v-model="provider.metadata.platform_name"
+                            :disabled="isNew"
                             :label="
                                 $t(
                                     'windward.integrations.components.external_integration.driver.lti1p3.platform_name'
@@ -65,6 +73,7 @@
                         <v-text-field
                             id="lti-pid"
                             v-model="provider.metadata.platform_id"
+                            :disabled="isNew"
                             :label="
                                 $t(
                                     'windward.integrations.components.external_integration.driver.lti1p3.platform_id'
@@ -82,6 +91,7 @@
                             v-model="
                                 provider.metadata.platform_public_keyset_url
                             "
+                            :disabled="isNew"
                             :label="
                                 $t(
                                     'windward.integrations.components.external_integration.driver.lti1p3.platform_public_keyset_url'
@@ -99,6 +109,7 @@
                             v-model="
                                 provider.metadata.platform_oidc_auth_endpoint
                             "
+                            :disabled="isNew"
                             :placeholder="
                                 $t(
                                     'windward.integrations.components.external_integration.driver.lti1p3.platform_oidc_auth_endpoint'
@@ -122,6 +133,7 @@
                                 provider.metadata
                                     .platform_oauth2_access_token_url
                             "
+                            :disabled="isNew"
                             :label="
                                 $t(
                                     'windward.integrations.components.external_integration.driver.lti1p3.platform_oauth2_access_token_url'
@@ -136,6 +148,7 @@
                         <v-text-field
                             id="lti-oauth2-aud"
                             v-model="provider.metadata.platform_oauth2_audience"
+                            :disabled="isNew"
                             :label="
                                 $t(
                                     'windward.integrations.components.external_integration.driver.lti1p3.platform_oauth2_audience'
@@ -150,6 +163,7 @@
                         <v-text-field
                             id="lti-client-id"
                             v-model="provider.metadata.tool_client_id"
+                            :disabled="isNew"
                             :placeholder="
                                 $t(
                                     'windward.integrations.components.external_integration.driver.lti1p3.tool_client_id'
@@ -170,6 +184,7 @@
                         <v-text-field
                             id="lti-deployment-id"
                             v-model="provider.metadata.platform_deployment_id"
+                            :disabled="isNew"
                             :placeholder="
                                 $t(
                                     'windward.integrations.components.external_integration.driver.lti1p3.platform_deployment_id'
@@ -362,13 +377,14 @@
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
 import ProviderTargetPicker from '../../ProviderTargetPicker.vue'
-import LtiProvider from '../../../../models/ExternalIntegration/LtiProvider'
+import Provider from '../../../../models/ExternalIntegration/Provider'
 
 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'
+import Uuid from '~/helpers/Uuid'
 
 export default {
     name: 'ManageLti1p3ProviderDriver',
@@ -376,7 +392,7 @@ export default {
     extends: FormVue,
     props: {
         value: {
-            type: [LtiProvider, null],
+            type: [Provider, null],
             required: false,
             default: null,
         },
@@ -388,6 +404,7 @@ export default {
             provider: {
                 role_metadata: {},
                 metadata: {},
+                type: 'lti',
                 version: '1.3',
                 enabled: false,
             },
@@ -415,6 +432,9 @@ export default {
             course: 'course/get',
             contentTree: 'content/getTree',
         }),
+        isNew() {
+            return !Uuid.test(this.provider.id)
+        },
         canBeEnabled() {
             if (
                 this.provider.metadata.platform_public_keyset_url &&
@@ -441,9 +461,10 @@ export default {
     },
     created() {
         if (_.isEmpty(this.value)) {
-            this.provider = new LtiProvider({
+            this.provider = new Provider({
                 role_metadata: {},
                 metadata: {},
+                type: 'lti',
                 version: '1.3',
             })
         } else {
@@ -489,7 +510,7 @@ export default {
             this.newMap.id = null
         },
         async save() {
-            let provider = new LtiProvider(this.provider).for(
+            let provider = new Provider(this.provider).for(
                 new Organization({ id: this.organization.id }),
                 new Course({ id: this.course.id })
             )
@@ -513,9 +534,10 @@ export default {
 
             // Create a new provider to clear the form if the original value is empty aka new
             if (_.isEmpty(this.value)) {
-                this.provider = new LtiProvider({
+                this.provider = new Provider({
                     role_metadata: {},
                     metadata: {},
+                    type: 'lti',
                     version: '1.3',
                 })
             }

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

@@ -124,7 +124,7 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-import LtiProvider from '../../../../models/ExternalIntegration/LtiProvider'
+import Provider from '../../../../models/ExternalIntegration/Provider'
 import SecretField from '../../../SecretField.vue'
 import ProviderTargetViewer from '../../ProviderTargetViewer.vue'
 import ManageProvider from './ManageProvider.vue'
@@ -166,7 +166,7 @@ export default {
                 },
                 {
                     text: this.$t(
-                        'windward.integrations.components.external_integration.launch_url'
+                        'windward.integrations.components.external_integration.driver.lti1p3.launch_url'
                     ),
                     value: 'url',
                 },
@@ -238,11 +238,12 @@ export default {
             this.loadProviders()
         },
         async loadProviders() {
-            this.providers = await new LtiProvider()
+            this.providers = await new Provider()
                 .for(
                     new Organization({ id: this.organization.id }),
                     new Course({ id: this.course.id })
                 )
+                .where('type', 'lti')
                 .where('version', '1.3')
                 .get()
         },

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

@@ -108,7 +108,7 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-import LtiConsumer from '../../../../models/ExternalIntegration/LtiConsumer'
+import Consumer from '../../../../models/ExternalIntegration/Consumer'
 import SecretField from '../../../SecretField.vue'
 import Organization from '~/models/Organization'
 import Course from '~/models/Course'
@@ -119,7 +119,7 @@ export default {
     extends: FormVue,
     props: {
         value: {
-            type: [LtiConsumer, null],
+            type: [Consumer, null],
             required: false,
             default: null,
         },
@@ -137,6 +137,7 @@ export default {
             render: false,
             consumer: {
                 version: '1.3',
+                type: 'lti',
                 metadata: {
                     custom: [],
                     security_level: '',
@@ -153,9 +154,9 @@ export default {
     },
     created() {
         if (_.isEmpty(this.value)) {
-            this.consumer = new LtiConsumer(this.consumer)
+            this.consumer = new Consumer(this.consumer)
         } else {
-            this.consumer = new LtiConsumer(_.cloneDeep(this.value))
+            this.consumer = new Consumer(_.cloneDeep(this.value))
         }
     },
     mounted() {
@@ -193,7 +194,7 @@ export default {
             this.consumer.metadata.custom.splice(index, 1)
         },
         async save() {
-            let consumer = new LtiConsumer(this.consumer).for(
+            let consumer = new Consumer(this.consumer).for(
                 new Organization({ id: this.organization.id }),
                 new Course({ id: this.course.id })
             )

package/components/ExternalIntegration/Driver/ManageScorm.vue

@@ -0,0 +1,45 @@
+<template>
+    <div>
+        <v-expansion-panels flat accordion>
+            <v-expansion-panel>
+                <v-expansion-panel-header>
+                    {{
+                        $t(
+                            'windward.integrations.components.external_integration.provider_panel_title'
+                        )
+                    }}
+                </v-expansion-panel-header>
+                <v-expansion-panel-content>
+                    <ManageProviders></ManageProviders>
+                </v-expansion-panel-content>
+            </v-expansion-panel>
+            <!-- Not Implemented
+            <v-expansion-panel>
+                <v-expansion-panel-header>
+                    {{
+                        $t(
+                            'windward.integrations.components.external_integration.consumer_panel_title'
+                        )
+                    }}
+                </v-expansion-panel-header>
+                <v-expansion-panel-content>
+                    <ManageConsumers></ManageConsumers>
+                </v-expansion-panel-content>
+            </v-expansion-panel>
+            -->
+        </v-expansion-panels>
+    </div>
+</template>
+
+<script>
+import ManageProviders from './Scorm/ManageProviders.vue'
+//import ManageConsumers from './Scorm/ManageConsumers.vue'
+
+export default {
+    name: 'ManageScormDriver',
+    components: { ManageProviders },
+    data() {
+        return {}
+    },
+}
+</script>

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

@@ -0,0 +1,76 @@
+<template>
+    <div>Not implemented</div>
+</template>
+
+<script>
+import _ from 'lodash'
+import { mapGetters } from 'vuex'
+import Consumer from '../../../../models/ExternalIntegration/Consumer'
+import TextEditor from '~/components/Text/TextEditor.vue'
+import FormVue from '~/components/Core/Form'
+
+export default {
+    name: 'ManageLti1p1ConsumerDriver',
+    components: { TextEditor },
+    extends: FormVue,
+    props: {
+        value: {
+            type: [Consumer, null],
+            required: false,
+            default: null,
+        },
+    },
+    emits: ['update:consumer'],
+    meta: {
+        privilege: {
+            '': {
+                writable: true,
+            },
+        },
+    },
+    data() {
+        return {}
+    },
+    computed: {
+        ...mapGetters({
+            organization: 'organization/get',
+            course: 'course/get',
+        }),
+    },
+    created() {
+        if (_.isEmpty(this.value)) {
+            this.consumer = new Consumer(this.consumer)
+        } else {
+            this.consumer = new Consumer(_.cloneDeep(this.value))
+        }
+    },
+    mounted() {
+        if (
+            !this.$PermissionService.userHasAccessTo(
+                'plugin.windward.integrations.course.externalIntegration',
+                'writable'
+            )
+        ) {
+            // Display an angry error that they can't view this driver
+            this.$dialog.error(this.$t('shared.error.description_401'), {
+                duration: null,
+                action: {
+                    text: this.$t('shared.forms.close'),
+                    onClick: (_e, toastObject) => {
+                        toastObject.goAway(0)
+                    },
+                },
+            })
+
+            // eslint-disable-next-line no-console
+            console.error('You do not have access to this consumer!')
+
+            // Return so we don't even attempt loading
+            return false
+        }
+
+        this.render = true
+    },
+    methods: {},
+}
+</script>