@windward/integrations 0.20.0 → 0.23.0

package/pages/admin/translateCourse.vue

@@ -0,0 +1,81 @@
+<template>
+    <div>
+        <v-tabs v-model="tab" class="mb-5">
+            <v-tabs-slider></v-tabs-slider>
+
+            <v-tab>
+                {{ $t('windward.integrations.pages.admin.translateCourse.tab_title') }}
+            </v-tab>
+
+            <v-tab>
+                {{ $t('windward.integrations.pages.admin.translateCourse.recent_jobs_tab_title') }}
+            </v-tab>
+        </v-tabs>
+        <v-tabs-items v-model="tab">
+            <v-tab-item>
+                <TranslateCourse @translation-started="onTranslationStarted" />
+            </v-tab-item>
+            <v-tab-item>
+                <h2 tabindex="0">
+                    {{ $t('windward.integrations.pages.admin.translateCourse.recent_jobs_tab_title') }}
+                </h2>
+                <IntegrationJobTable
+                    ref="integrationJobTable"
+                    :channel="'integrations.organizations.' + organization.id"
+                    :event="'.Windward\\Integrations\\App\\Events\\CourseTranslationProgressEvent'"
+                    job-type="translation"
+                ></IntegrationJobTable>
+            </v-tab-item>
+        </v-tabs-items>
+    </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import TranslateCourse from '../../components/Integration/TranslateCourse.vue'
+import IntegrationJobTable from '../../components/Integration/JobTable.vue'
+
+export default {
+    name: 'PluginIntegrationsAdminTranslateCoursePage',
+    components: {
+        TranslateCourse,
+        IntegrationJobTable,
+    },
+    layout: 'authenticated',
+    meta: {
+        privilege: {
+            'plugin.windward.integrations.course': {
+                writable: true,
+            },
+        },
+    },
+    data() {
+        return {
+            tab: 0,
+        }
+    },
+    computed: {
+        ...mapGetters({
+            organization: 'organization/get',
+        }),
+    },
+    watch: {
+        // Refresh jobs list when "Recent Translation Jobs" tab is selected
+        tab(newTab) {
+            if (newTab === 1 && this.$refs.integrationJobTable) {
+                this.$refs.integrationJobTable.loadJobs()
+            }
+        },
+    },
+    methods: {
+        onTranslationStarted() {
+            // Reload the jobs table when a new translation is started
+            if (this.$refs.integrationJobTable) {
+                this.$refs.integrationJobTable.loadJobs()
+            }
+            // Switch to the jobs tab to show the new job
+            this.tab = 1
+        },
+    },
+}
+</script>

package/plugin.js

@@ -3,6 +3,7 @@ import locales from './i18n'
 
 import AdminVendorsPage from './pages/admin/vendors.vue'
 import AdminImportCoursePage from './pages/admin/importCourse.vue'
+import AdminTranslateCoursePage from './pages/admin/translateCourse.vue'
 import ExternalIntegrationIndexPage from './pages/course/externalIntegration/index.vue'
 import LoginLtiErrorPage from './pages/login/lti/error.vue'
 import LoginScormErrorPage from './pages/login/scorm/error.vue'
@@ -18,6 +19,7 @@ import LtiConsumerBlockSettings from './components/Settings/ExternalIntegration/
 import ScormConsumerBlockSettings from './components/Settings/ExternalIntegration/ScormConsumerSettings'
 
 import ActionPanelTransformBlock from './components/Content/Blocks/ActionPanel/TransformBlock.vue'
+import ActionPanelTransformActivity from './components/Content/Blocks/ActionPanel/TransformActivity.vue'
 
 import ManageCourseIntegrationSettings from './components/Settings/ExternalIntegration/ManageCourseIntegrationSettings'
 
@@ -124,6 +126,13 @@ export default {
             name: 'PluginIntegrationsAdminImportCoursePage',
             template: AdminImportCoursePage,
         },
+        {
+            page: 'admin-integrations',
+            path: '/admin/integrations/translate-course',
+            i18n: 'windward.integrations.components.navigation.integrations.translate_course',
+            name: 'PluginIntegrationsAdminTranslateCoursePage',
+            template: AdminTranslateCoursePage,
+        },
         {
             page: 'admin-integrations',
             path: '/course/:course/integrations/external',
@@ -194,6 +203,16 @@ export default {
                             },
                         },
                     },
+                    {
+                        i18n: 'windward.integrations.components.navigation.integrations.translate_course',
+                        path: '/admin/integrations/translate-course',
+                        context: ['home'],
+                        permissions: {
+                            'plugin.windward.integrations.course': {
+                                writable: true,
+                            },
+                        },
+                    },
                     {
                         i18n: 'windward.integrations.pages.course.external_integration.title',
                         path: '/course/{course.id}/integrations/external',
@@ -318,7 +337,25 @@ export default {
             {
                 tag: 'windward-integrations-action-panel-transform-block',
                 template: ActionPanelTransformBlock,
-                context: ['block.content-blocks-text'],
+                context: [
+                    'block.content-blocks-text',
+                    'block.core-accordion',
+                    'block.core-tab',
+                    'block.core-clickable-icons',
+                ],
+            },
+            {
+                tag: 'windward-integrations-action-panel-transform-activity',
+                template: ActionPanelTransformActivity,
+                context: [
+                    'block.games-flash-card',
+                    'block.games-matching-game',
+                    'block.games-bucket',
+                    'block.games-seven-strikes-game',
+                    'block.games-wordjumble-game',
+                    'block.games-crossword-puzzle-game',
+                    'block.games-multiple-choice',
+                ],
             },
         ],
         courseSetting: [