@windward/integrations 0.0.11 → 0.1.0

package/components/Settings/ExternalIntegration/LtiConsumerSettings.vue

@@ -1,5 +1,30 @@
 <template>
     <v-container>
+        <v-text-field
+            v-model="block.metadata.config.title"
+            outlined
+            :counter="50"
+            maxlength="50"
+            :label="
+                $t(
+                    'windward.integrations.components.settings.external_integration.lti_consumer.title'
+                )
+            "
+        ></v-text-field>
+        <v-textarea
+            v-model="block.metadata.config.instructions"
+            outlined
+            :counter="255"
+            maxlength="255"
+            :label="
+                $t(
+                    'windward.integrations.components.settings.external_integration.lti_consumer.instructions'
+                )
+            "
+        ></v-textarea>
+        <br />
+        <v-divider class="primary"></v-divider>
+        <br />
         <v-select
             v-model="block.metadata.config.launch_type"
             :label="
@@ -17,40 +42,55 @@
             )
         }}
         <v-list>
-            <v-list-item
-                v-for="consumer in consumers"
-                :key="consumer.id"
-                two-line
-                :disabled="!consumer.enabled"
-                @click="onSelectLink(consumer)"
+            <v-list-item-group
+                v-model="block.metadata.config.tool_id"
+                color="primary"
             >
-                <v-list-item-avatar :color="!consumer.enabled ? 'error' : ''">
-                    <v-icon> mdi-shield-link-variant-outline </v-icon>
-                </v-list-item-avatar>
-                <v-list-item-content>
-                    <v-list-item-title>{{ consumer.name }}</v-list-item-title>
-                    <v-list-item-subtitle v-if="!consumer.enabled">
-                        <v-chip color="error">{{
-                            $t(
-                                'windward.integrations.components.settings.external_integration.lti_consumer.link_disabled'
-                            )
-                        }}</v-chip>
-                    </v-list-item-subtitle>
-                    <v-list-item-subtitle>{{
-                        consumer.description.replace(/(<([^>]+)>)/gi, '').trim()
-                    }}</v-list-item-subtitle>
-                </v-list-item-content>
-            </v-list-item>
+                <v-list-item
+                    v-for="consumer in consumers"
+                    :key="consumer.id"
+                    two-line
+                    :disabled="!consumer.enabled"
+                    :value="consumer.id"
+                >
+                    <v-list-item-avatar
+                        :color="!consumer.enabled ? 'error' : ''"
+                    >
+                        <v-icon> mdi-shield-link-variant-outline</v-icon>
+                    </v-list-item-avatar>
+                    <v-list-item-content color="secondary">
+                        <v-list-item-title>{{
+                            consumer.name
+                        }}</v-list-item-title>
+                        <v-list-item-subtitle v-if="!consumer.enabled">
+                            <v-chip color="error"
+                                >{{
+                                    $t(
+                                        'windward.integrations.components.settings.external_integration.lti_consumer.link_disabled'
+                                    )
+                                }}
+                            </v-chip>
+                        </v-list-item-subtitle>
+                        <v-list-item-subtitle
+                            >{{
+                                consumer.description
+                                    .replace(/(<([^>]+)>)/gi, '')
+                                    .trim()
+                            }}
+                        </v-list-item-subtitle>
+                    </v-list-item-content>
+                </v-list-item>
+            </v-list-item-group>
         </v-list>
     </v-container>
 </template>
 
 <script>
 import { mapGetters } from 'vuex'
+import LtiConsumer from '../../../models/ExternalIntegration/LtiConsumer'
 import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
 import Course from '~/models/Course'
 import Organization from '~/models/Organization'
-import Lti1p1Consumer from '../../../models/ExternalIntegration/Lti1p1Consumer'
 
 export default {
     name: 'ContentBlockExternalIntegrationLti1p1ConsumerSettings',
@@ -75,11 +115,17 @@ export default {
                     ),
                     value: 'inline',
                 },
+                {
+                    name: this.$t(
+                        'windward.integrations.components.settings.external_integration.lti_consumer.launch_type_modal'
+                    ),
+                    value: 'modal',
+                },
             ],
         }
     },
     async fetch() {
-        this.consumers = await new Lti1p1Consumer()
+        this.consumers = await new LtiConsumer()
             .for(
                 new Organization({ id: this.organization.id }),
                 new Course({ id: this.course.id })
@@ -96,10 +142,6 @@ export default {
     watch: {},
     beforeMount() {},
     mounted() {},
-    methods: {
-        onSelectLink(consumer) {
-            this.block.metadata.config.tool_id = consumer.id
-        },
-    },
+    methods: {},
 }
 </script>

package/i18n/en-US/components/content/blocks/external_integration/lti_consumer.ts

@@ -1,5 +1,12 @@
 export default {
+    title: 'LTI Consumer Block Title',
+    instructions:
+        'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam fringilla ipsum eget ante tempus blandit. Maecenas vel massa\n' +
+        'nec tellus vestibulum porttitor non a enim.',
     launch: 'Launch',
+    goodbye: 'goodbye',
+    launch_in_new_window: 'launch {0} in new tab',
+    launch_in_modal: 'launch {0} in modal',
     configure_warning:
         'This block needs to be configured. Please select a LTI tool in the settings panel.',
     no_access:

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

@@ -1,13 +1,22 @@
 export default {
     key: 'Key',
+    issuer: 'Issuer',
     tool_public_keyset_url: 'Tool Keyset Url',
     tool_oidc_auth_endpoint: 'Tool OpenID Connect Endpoint',
+    login_hint: 'login hint',
+    platform_id: 'Platform Identifier',
+    platform_name: 'Platform Name',
     platform_public_keyset_url: 'Platform Keyset Url',
     platform_oidc_auth_endpoint: 'Platform OpenID Connect Endpoint',
-    platform_client_id: 'Platform Client ID',
-    platform_deployment_id: 'Platform Deployment ID',
+    platform_oauth2_access_token_url: 'Platform OAuth2 Access Token URL',
+    platform_oauth2_audience: 'Platform Oauth2 audience',
+    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 !',
     parameter_name: 'Custom Parameter Name',
     value: 'Value',
     new: 'New LTI Link',
     edit: 'Edit LTI Link',
+    view: 'View LTI link details',
 }

package/i18n/en-US/components/settings/external_integration/lti_consumer.ts

@@ -1,7 +1,10 @@
 export default {
+    title: 'title',
+    instructions: 'instructions',
     launch_type: 'Launch Type',
     launch_type_new_window: 'New Window',
     launch_type_inline_frame: 'Inline Frame',
+    launch_type_modal: 'Modal',
     link_select: 'Select a Link:',
     link_disabled: 'Link Disabled',
 }

package/models/ExternalIntegration/{Lti1p1Consumer.ts → LtiConsumer.ts}

@@ -1,13 +1,13 @@
 // @ts-ignore
 import Model from '~/models/Model'
 
-export default class Lti1p1Consumer extends Model {
+export default class LtiConsumer extends Model {
     get required(): string[] {
         return []
     }
 
     // Set the resource route of the model
     resource() {
-        return 'external-integrations/lti/1.1/consumers'
+        return 'external-integrations/lti/consumers'
     }
 }

package/package.json

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

package/plugin.js

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