@windward/integrations 0.17.0 → 0.19.0

package/i18n/sv-SE/components/integration/driver.ts

@@ -34,6 +34,29 @@ export default {
         username: 'Användarnamn',
         key: 'API Key',
     },
+    saml_sso: {
+        manage_dialog_title: 'Hantera SAML SSO-integration',
+        idp_entity_id: 'Identitetsleverantörens enhets-ID',
+        idp_entity_id_hint: 'Den unika identifieraren för din IdP (t.ex. http://www.okta.com/exk1fxphPNZPCOB3v0g3)',
+        idp_sso_url: 'URL för enkel inloggning',
+        idp_sso_url_hint: 'URL:en dit användare omdirigeras för autentisering',
+        idp_slo_url: 'URL för enkel utloggning (Valfritt)',
+        idp_slo_url_hint: 'URL:en för att logga ut från IdP',
+        idp_x509_cert: 'X.509-certifikat',
+        idp_x509_cert_hint: 'Klistra in certifikatinnehållet från din IdP-metadata (utan BEGIN/END-rader)',
+        sp_details: 'Tjänsteleverantörsdetaljer',
+        sp_details_description: 'Ge dessa uppgifter till din identitetsleverantörsadministratör:',
+        cert_stored: 'Certifikat säkert lagrat',
+        button_settings: 'Inställningar för inloggningsknapp',
+        button_label: 'Knappetikett',
+        button_label_hint: 'Text att visa på SSO-inloggningsknappen',
+        button_label_default: 'Logga in med SSO',
+        button_icon: 'Knappikon',
+        button_icon_hint: 'Material Design-ikonnamn (t.ex. mdi-login, mdi-account-key)',
+        sp_entity_id_label: 'SP Entity ID',
+        acs_url_label: 'ACS URL',
+        slo_url_label: 'SLO URL',
+    },
     enabled: 'Integration aktiverad',
     disabled: 'Integration inaktiverad',
     ssl_enabled: 'SSL aktiverat (Bör vara aktiverad för produktion)',

package/i18n/sv-SE/components/llm/generate_content/generate_questions.ts

@@ -42,6 +42,11 @@ export default {
         content_mismatch_word_jumble_support:
             'Överväg att lägga till innehåll med tydliga vokabulärtermer, ordlistor eller nyckelkoncept som kan blandas.',
 
+        content_mismatch_crossword:
+            'Innehållet är inte lämpligt för korsordsspel.',
+        content_mismatch_crossword_support:
+            'Överväg att lägga till innehåll med ordlistetermer eller kortfattat ordförråd som kan bli korsordsord med korta ledtrådar.',
+
         content_mismatch_multiple_choice:
             'Innehållet är inte lämpligt för flervalsfrågor.',
         content_mismatch_multiple_choice_support:
@@ -69,6 +74,7 @@ export default {
     button_label_word_jumble: 'Generera objekt',
     button_label_seven_strikes: 'Generera objekt',
     button_label_multiple_choice: 'Generera frågor',
+    button_label_crossword: 'Generera objekt',
 
     replace_existing_flashcard: 'Ersätt befintliga flashcards',
     replace_existing_bucket_game: 'Ersätt befintliga hinkar',
@@ -76,6 +82,7 @@ export default {
     replace_existing_sorting_game: 'Ersätt befintliga objekt',
     replace_existing_word_jumble: 'Ersätt befintliga ord',
     replace_existing_multiple_choice: 'Ersätt befintliga frågor',
+    replace_existing_crossword: 'Ersätt befintliga korsordsobjekt',
     replace_existing: 'Ersätt befintlig',
 
     replaces_content: 'Ersätter aktuellt blockinnehåll.',

package/i18n/sv-SE/pages/course/external_integration/index.ts

@@ -2,5 +2,5 @@ export default {
     title: 'Externa integrationer',
     lti_1p1: 'LTI 1.1',
     lti_1p3: 'LTI 1.3',
-    scorm_1p2: 'SCORM 1.2',
+    scorm: 'SCORM',
 }

package/i18n/sv-SE/pages/login/index.ts

@@ -1,5 +1,9 @@
 import lti from './lti'
+import saml from './saml'
+import scorm from './scorm'
 
 export default {
     lti,
+    saml,
+    scorm,
 }

package/i18n/sv-SE/pages/login/lti.ts

@@ -4,6 +4,8 @@ export default {
     missing_title: 'Fälten nedan saknas:',
     error_title: 'Fel nedan uppstod:',
     error: {
+        invalid_launch_request: 'Startbegäran var ogiltig',
+        tool_disabled: 'Detta LTI-paket är inaktiverat',
         unknown: 'Ett okänt kommunikationsfel inträffade',
         organization: 'Ogiltig organisation',
         tool: 'Ogiltigt verktygs-id',

package/i18n/sv-SE/pages/login/saml.ts

@@ -0,0 +1,7 @@
+export default {
+    or: 'ELLER',
+    processing: 'Bearbetar SSO-inloggning...',
+    success: 'Inloggningen lyckades! Omdirigerar...',
+    failed: 'SSO-inloggning misslyckades',
+    failed_description: 'SSO-inloggning misslyckades. Vänligen försök igen.',
+}

package/i18n/sv-SE/pages/login/scorm.ts

@@ -0,0 +1,29 @@
+export default {
+    scorm_error: 'SCORM-fel',
+    email_required: 'E-postadress krävs för att fortsätta',
+    launch_error: 'SCORM-paketet misslyckades med att starta',
+    missing_title: 'Fälten nedan saknas:',
+    error_title: 'Felen nedan inträffade:',
+    enter_email:
+        'Ange din e-postadress nedan för att slutföra kontokonfigurationen. Din e-postadress kommer endast att användas för att underlätta kursrelaterad kommunikation, såsom frågor om kursinnehåll och teknisk support.',
+    privacy_policy: 'För mer information, se vår integritetspolicy.',
+    error: {
+        missing_data:
+            'Kunde inte ladda på grund av saknade data. Student-ID och/eller studentnamn saknas.',
+        missing_api: 'Kunde inte komma åt LMS SCORM API.',
+        invalid_launch_request: 'Startbegäran var ogiltig',
+        tool_disabled: 'Detta SCORM-paket är inaktiverat',
+        unknown: 'Ett okänt kommunikationsfel inträffade',
+        organization: 'Ogiltig organisation',
+        tool: 'Ogiltigt verktygs-ID',
+        tool_organization:
+            'Det här verktyget tillhör inte den här organisationen',
+        oauth: 'Ogiltig OAuth. Kontrollera din nyckel och hemlighet.',
+    },
+    missing: {
+        course_id: 'Kurs-ID saknas eller är ogiltigt.',
+        course_name: 'Kursnamnet saknas.',
+        callback: 'SCORM-återanropet saknas.',
+        state: 'SCORM-verifieringsstatus saknas.',
+    },
+}

package/i18n/sv-SE/shared/content_blocks.ts

@@ -1,6 +1,7 @@
 export default {
     title: {
-        lti_consumer: 'LTI Link',
+        lti_consumer: 'LTI-länk',
+        scorm_consumer: 'SCORM-paketet',
     },
     grouping: {
         integrations: 'Integrationer',

package/i18n/sv-SE/shared/settings.ts

@@ -1,6 +1,7 @@
 export default {
     title: {
         lti_consumer: 'LTI konsument',
+        scorm_consumer: 'SCORM-konsument',
         ai_chat: 'AI-chatt',
     },
     errors: {

package/jest.config.js

@@ -1,4 +1,7 @@
 module.exports = {
+    testEnvironment: 'jsdom',
+    setupFiles: ['<rootDir>/test/setup.js'],
+    testURL: 'http://localhost/',
     moduleNameMapper: {
         '^@/(.*)$': '<rootDir>/$1',
         '^vue$': 'vue/dist/vue.common.js',

package/models/Auth/Saml.ts

@@ -0,0 +1,21 @@
+// @ts-ignore
+import Model from '~/models/Model'
+
+export default class Saml extends Model {
+    get required(): string[] {
+        return []
+    }
+
+    // Set the resource route of the model
+    resource() {
+        return 'saml'
+    }
+
+    // Static method for custom endpoints
+    static custom(endpoint: string): any {
+        const instance = new Saml()
+        // Override the resource for this specific instance
+        instance.resource = () => endpoint
+        return instance
+    }
+}

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

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

package/models/ExternalIntegration/{LtiProvider.ts → Provider.ts}

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/integrations",
-    "version": "0.17.0",
+    "version": "0.19.0",
     "description": "Windward UI Plugin Integrations for 3rd Party Systems",
     "main": "plugin.js",
     "scripts": {
@@ -25,6 +25,7 @@
         "@windward/core": "^0.8.0",
         "canvas-confetti": "^1.6.0",
         "eslint": "^8.11.0",
+        "jwt-decode": "^4.0.0",
         "laravel-echo": "^1.15.0",
         "prettier": "^2.6.0",
         "pusher-js": "^8.0.1"

package/pages/course/externalIntegration/index.vue

@@ -61,5 +61,9 @@ export default {
             ]
         },
     },
+    mounted() {
+        // Emit the page load event so MenuMainNavigation knows what page is active
+        this.$eb.$emit('load:page', 'course_settings')
+    },
 }
 </script>

package/pages/login/scorm/error.vue

@@ -0,0 +1,102 @@
+<template>
+    <v-container>
+        <v-divider />
+        <v-row>
+            <v-col cols="12" md="6" offset-md="3">
+                <h1 class="text-center mt-5">
+                    {{
+                        $t(
+                            'windward.integrations.pages.login.scorm.launch_error'
+                        )
+                    }}
+                </h1>
+                <v-alert
+                    v-if="error.length === 0 && missing.length === 0"
+                    type="error"
+                    class="mt-5"
+                >
+                    <strong>{{
+                        $t(
+                            'windward.integrations.pages.login.scorm.error.unknown'
+                        )
+                    }}</strong>
+                </v-alert>
+                <v-alert v-if="missing.length" type="warning" class="mt-5">
+                    <strong>{{
+                        $t(
+                            'windward.integrations.pages.login.scorm.missing_title'
+                        )
+                    }}</strong>
+                    <ul>
+                        <li v-for="missingItem in missing" :key="missingItem">
+                            {{
+                                $t(
+                                    'windward.integrations.pages.login.scorm.missing.' +
+                                        missingItem
+                                )
+                            }}
+                        </li>
+                    </ul>
+                </v-alert>
+                <v-alert v-if="error.length" type="error" class="mt-5">
+                    <strong>{{
+                        $t(
+                            'windward.integrations.pages.login.scorm.error_title'
+                        )
+                    }}</strong>
+                    <ul>
+                        <li v-for="errorItem in error" :key="errorItem">
+                            {{
+                                $t(
+                                    'windward.integrations.pages.login.scorm.error.' +
+                                        errorItem
+                                )
+                            }}
+                        </li>
+                    </ul>
+                </v-alert>
+            </v-col>
+        </v-row>
+    </v-container>
+</template>
+
+<script>
+import _ from 'lodash'
+export default {
+    name: 'PluginIntegrationsLoginScormErrorPage',
+    layout: 'default',
+    data() {
+        return {
+            missing: [],
+            error: [],
+        }
+    },
+    async fetch() {},
+    computed: {},
+    mounted() {
+        // Get the missing url parameters to display
+        if (!_.isEmpty(_.get(this.$route, 'query.missing', ''))) {
+            this.missing = _.get(this.$route, 'query.missing', '')
+                .split(',')
+                .map((v) => v.trim())
+        }
+
+        // Get the error url parameters to display
+        if (!_.isEmpty(_.get(this.$route, 'query.error', ''))) {
+            this.error = _.get(this.$route, 'query.error', '')
+                .split(',')
+                .map((v) => v.trim())
+        }
+
+        // Set the appropriate locale
+        if (!_.isEmpty(_.get(this.$route, 'query.locale', ''))) {
+            const locale = _.get(this.$route, 'query.locale', '')
+
+            if (this.$i18n.locales.includes(locale)) {
+                this.$i18n.setLocale(locale)
+            }
+        }
+    },
+    methods: {},
+}
+</script>

package/pages/login/scorm/promptEmail.vue

@@ -0,0 +1,180 @@
+<template>
+    <v-container>
+        <v-divider />
+        <v-row v-if="error">
+            <v-col cols="12" lg="6" offset-lg="3">
+                <v-alert type="error" class="mt-5 text-center">
+                    <strong>{{ error }}</strong>
+                </v-alert>
+            </v-col>
+        </v-row>
+
+        <div v-if="error === null">
+            <v-row>
+                <v-col cols="12" lg="6" offset-lg="3">
+                    <h2 class="text-center my-5">
+                        {{
+                            $t(
+                                'windward.integrations.pages.login.scorm.email_required'
+                            )
+                        }}
+                    </h2>
+
+                    <v-card>
+                        <v-card-text>
+                            <v-row>
+                                <v-col v-if="course.icon" cols="4">
+                                    <v-img :src="course.icon" />
+                                </v-col>
+                                <v-col :cols="course.icon ? 8 : 12">
+                                    <p>
+                                        <strong>{{ course.name }}</strong>
+                                    </p>
+                                    <p>
+                                        {{
+                                            $t(
+                                                'windward.integrations.pages.login.scorm.enter_email'
+                                            )
+                                        }}
+                                    </p>
+                                    <p>
+                                        <a
+                                            :href="privacyPolicyUrl"
+                                            target="_blank"
+                                            >{{
+                                                $t(
+                                                    'windward.integrations.pages.login.scorm.privacy_policy'
+                                                )
+                                            }}</a
+                                        >
+                                    </p>
+                                </v-col>
+                            </v-row>
+
+                            <v-row>
+                                <v-col cols="12">
+                                    <v-form
+                                        ref="form"
+                                        v-model="formValid"
+                                        lazy-validation
+                                        @submit.prevent="onSubmit"
+                                    >
+                                        <v-text-field
+                                            v-model="email"
+                                            :label="$t('shared.forms.email')"
+                                            :rules="
+                                                $Validation.getRule('email')
+                                            "
+                                        />
+                                        <v-btn
+                                            color="primary"
+                                            :disabled="!formValid"
+                                            @click="onSubmit"
+                                        >
+                                            {{ $t('shared.forms.continue') }}
+                                        </v-btn>
+                                    </v-form>
+                                </v-col>
+                            </v-row>
+                        </v-card-text>
+                    </v-card>
+                </v-col>
+            </v-row>
+            <v-divider class="my-8" />
+        </div>
+    </v-container>
+</template>
+
+<script>
+import _ from 'lodash'
+import Uuid from '~/helpers/Uuid'
+
+export default {
+    components: {},
+    name: 'PluginIntegrationsLoginScormErrorPage',
+    layout: 'default',
+    data() {
+        return {
+            loaded: false,
+            formValid: false,
+            email: null,
+            callback: null,
+            state: null,
+            course: {
+                id: null,
+                name: null,
+                icon: null,
+            },
+            privacyPolicyUrl: 'https://www.mindedge.com/privacy-policy/',
+        }
+    },
+    async fetch() {},
+    computed: {
+        error() {
+            if (!this.loaded) {
+                return null
+            } else if (!Uuid.test(this.course.id)) {
+                return this.$t(
+                    'windward.integrations.pages.login.scorm.missing.course_id'
+                )
+            } else if (this.course.name === null) {
+                return this.$t(
+                    'windward.integrations.pages.login.scorm.missing.course_name'
+                )
+            } else if (!this.callback) {
+                return this.$t(
+                    'windward.integrations.pages.login.scorm.missing.callback'
+                )
+            } else if (!this.state) {
+                return this.$t(
+                    'windward.integrations.pages.login.scorm.missing.state'
+                )
+            }
+            return null
+        },
+    },
+    mounted() {
+        // Get the state url parameter to callback with. This is just the encrypted payload from earlier
+        this.state = _.get(this.$route, 'query.state', null)
+
+        // Get the data url parameter to display course information
+        if (!_.isEmpty(_.get(this.$route, 'query.data', ''))) {
+            try {
+                const data = JSON.parse(
+                    atob(_.get(this.$route, 'query.data', ''))
+                )
+                this.course.id = data.id
+                this.course.name = data.name
+                this.course.icon = data.icon
+                this.callback = data.callback
+            } catch (e) {
+                console.error('Could not parse course data', e)
+            }
+        }
+
+        // Set the appropriate locale
+        if (!_.isEmpty(_.get(this.$route, 'query.locale', ''))) {
+            const locale = _.get(this.$route, 'query.locale', '')
+
+            if (this.$i18n.locales.includes(locale)) {
+                this.$i18n.setLocale(locale)
+            }
+        }
+
+        this.loaded = true
+    },
+    methods: {
+        onSubmit() {
+            if (this.email) {
+                let url = this.callback
+                url += '?state=' + this.state
+                url += '&email=' + btoa(this.email.trim())
+
+                console.log('Redirecting to ', url)
+                // Redirect back to the callback url
+                window.location = url
+            }
+        },
+    },
+}
+</script>