@windward/integrations 0.21.0 → 0.23.0

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

@@ -64,7 +64,7 @@
                                         (consumer.id ? 'change_key' : 'key')
                                 )
                             "
-                            :rules="$Validation.getRule('exists')"
+                            :rules="isNew ? $Validation.getRule('exists') : []"
                         ></v-text-field>
 
                         <v-text-field
@@ -83,7 +83,7 @@
                                             : 'secret')
                                 )
                             "
-                            :rules="$Validation.getRule('exists')"
+                            :rules="isNew ? $Validation.getRule('exists') : []"
                         >
                         </v-text-field>
 
@@ -172,6 +172,7 @@ import Course from '~/models/Course'
 import TextEditor from '~/components/Text/TextEditor.vue'
 import FormVue from '~/components/Core/Form'
 import Crypto from '~/helpers/Crypto'
+import Uuid from '~/helpers/Uuid'
 
 export default {
     name: 'ManageLti1p1ConsumerDriver',
@@ -196,6 +197,7 @@ export default {
         return {
             render: false,
             consumer: {
+                type: 'lti',
                 version: '1.1',
                 metadata: {
                     custom: [],
@@ -237,6 +239,9 @@ export default {
             organization: 'organization/get',
             course: 'course/get',
         }),
+        isNew() {
+            return !Uuid.test(this.consumer.id)
+        },
     },
     created() {
         if (_.isEmpty(this.value)) {
@@ -314,6 +319,7 @@ export default {
         },
         resetConsumer() {
             const emptyConsumer = {
+                type: 'lti',
                 version: '1.1',
                 metadata: {
                     custom: [],

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

@@ -268,6 +268,7 @@ 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: 'ManageLti1p1ProviderDriver',
@@ -321,6 +322,9 @@ export default {
             course: 'course/get',
             contentTree: 'content/getTree',
         }),
+        isNew() {
+            return !Uuid.test(this.provider.id)
+        },
     },
     created() {
         if (_.isEmpty(this.value)) {

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

@@ -187,8 +187,8 @@ export default {
         return {
             render: false,
             consumer: {
-                version: '1.3',
                 type: 'lti',
+                version: '1.3',
                 metadata: {
                     custom: [],
                     security_level: '',
@@ -307,8 +307,8 @@ export default {
         },
         resetConsumer() {
             const emptyConsumer = {
-                version: '1.3',
                 type: 'lti',
+                version: '1.3',
                 metadata: {
                     custom: [],
                     security_level: '',

package/components/Integration/JobTable.vue

@@ -167,6 +167,7 @@ export default {
     props: {
         channel: { type: String, required: true },
         event: { type: String, required: true },
+        jobType: { type: String, default: null }, // 'translation' or null for all
     },
     data() {
         return {
@@ -196,6 +197,15 @@ export default {
         },
         vendorFromOrgIntegration() {
             return (id) => {
+                // Handle null organization_integration_id (translation jobs)
+                if (!id) {
+                    return {
+                        name: this.$t(
+                            'windward.integrations.components.integration.job.vendor_name_translation'
+                        ),
+                    }
+                }
+                
                 const orgIntegration = this.orgIntegrations.find(
                     (o) => o.id === id
                 )
@@ -208,12 +218,24 @@ export default {
                         vendor = foundVendor
                     }
                 }
-                // this.orgIntegrations.map(({ foo }) => foo)
                 return vendor
             }
         },
         jobDetails() {
             return (job) => {
+                // Translation job details
+                if (_.get(job.metadata, 'type') === 'translation') {
+                    const sourceCourseId = _.get(job.metadata, 'source_course_id', '')
+                    const targetLocaleId = _.get(job.metadata, 'target_locale_id', '')
+                    const courseIdShort = sourceCourseId.substring(sourceCourseId.length - 6).toUpperCase()
+                    const localeIdShort = targetLocaleId.substring(targetLocaleId.length - 6).toUpperCase()
+                    return this.$t(
+                        'windward.integrations.components.integration.job.job_details.translate_course',
+                        [courseIdShort, localeIdShort]
+                    )
+                }
+                
+                // Import job details
                 if (
                     _.get(job.metadata, 'import.remote_course.id') &&
                     _.get(job.metadata, 'import.remote_course.name')
@@ -240,6 +262,10 @@ export default {
         this.socket = this.$Integration.getSocket()
         this.connect(this.channel, this.event)
     },
+    // Refresh data when tab becomes active (for keep-alive components)
+    activated() {
+        this.loadJobs()
+    },
     methods: {
         doConfetti() {
             // launch a few confetti from the left edge
@@ -267,13 +293,19 @@ export default {
                 .include('vendor')
                 .get()
 
-            this.jobs = await new Organization({
+            let jobsQuery = new Organization({
                 id: this.organization.id,
             })
                 .integrationJobs()
                 .orderBy('-created_at')
                 .limit(10)
-                .get()
+            
+            // Filter by job type if specified
+            if (this.jobType) {
+                jobsQuery = jobsQuery.where('metadata->type', this.jobType)
+            }
+            
+            this.jobs = await jobsQuery.get()
         },
         connect(channel, event) {
             this.socket.connector.pusher.connection.bind(