@windward/core 0.2.0 → 0.2.1

package/i18n/es-ES/pages/plugins/index.ts

@@ -0,0 +1,5 @@
+import error from './error'
+
+export default {
+    error,
+}

package/i18n/sv-SE/components/utils/math_expression_editor.ts

@@ -1,3 +1,14 @@
 export default {
     title: 'Redaktör för matematiska uttryck',
+    basic: 'Grundläggande',
+    operators: 'Operatörer',
+    trigonometry: 'Trigonometri',
+    greek: 'grekisk',
+    probability: 'Sannolikhet',
+    matrix: 'Matris',
+    eq_systems: 'Ekvationssystem',
+    screen_reader_text: 'skärmläsare text',
+    default_screen_reader_text: 'Standard skärmläsare text',
+    custom_screen_reader_text: 'Anpassa skärmläsartext',
+    read_text_aloud: 'Läs texten högt',
 }

package/i18n/sv-SE/components/utils/tiny_mce_wrapper.ts

@@ -16,4 +16,5 @@ export default {
         t_chart: 'T Chart',
         subject_report: 'Ämnesrapport',
     },
+    minimize: 'Minimera',
 }

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

@@ -1,7 +1,9 @@
 import user_upload from './user_upload'
 import glossary from './glossary'
+import plugins from './plugins'
 
 export default {
     user_upload,
     glossary,
+    plugins,
 }

package/i18n/sv-SE/pages/plugins/error.ts

@@ -0,0 +1,8 @@
+export default {
+    title_401: 'Ingen åtkomst',
+    description_401:
+        'Du har inte behörighet att använda denna plugin. Vänligen kontakta din kontoadministratör',
+    not_enabled: "'{0}' är inte aktiverat. Kontakta din kontoadministratör",
+    missing_tag:
+        "Något gick fel på vår sida. '{0}' är aktiverat men kunde inte laddas. Kontakta din kontoadministratör",
+}

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

@@ -0,0 +1,5 @@
+import error from './error'
+
+export default {
+    error,
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/core",
-    "version": "0.2.0",
+    "version": "0.2.1",
     "description": "Windward UI Core Plugins",
     "main": "plugin.js",
     "scripts": {

package/pages/plugins/tinymce/_plugin.vue

@@ -0,0 +1,79 @@
+<template>
+    <div>
+        <component
+            :is="plugin.tag"
+            v-if="
+                isRegistered &&
+                $PermissionService.userHasAccessTo(
+                    'windward.global.course,windward.organization.contentBlock,windward.organization.course.contentBlock',
+                    'writable'
+                )
+            "
+        >
+        </component>
+        <!-- No permissions error condition -->
+        <div
+            v-if="
+                !$PermissionService.userHasAccessTo(
+                    'windward.global.course,windward.organization.contentBlock,windward.organization.course.contentBlock',
+                    'writable'
+                )
+            "
+        >
+            <h2>
+                {{ $t('windward.core.pages.plugins.error.title_401') }}
+            </h2>
+            <p>
+                {{ $t('windward.core.pages.plugins.error.description_401') }}
+            </p>
+        </div>
+        <!-- Plugin doesn't have a tag error condition -->
+        <v-alert v-if="!plugin.tag" type="error">
+            {{
+                $t('windward.core.pages.plugins.error.not_enabled', [
+                    plugin.name,
+                ])
+            }}
+        </v-alert>
+        <!-- Plugin tag wasn't autoloaded error condition -->
+        <v-alert v-if="plugin.tag && !isRegistered" type="error">
+            {{
+                $t('windward.core.pages.plugins.error.missing_tag', [
+                    plugin.name,
+                ])
+            }}
+        </v-alert>
+    </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import tinymcePluginConfig from '../../../config/tinymce.config'
+export default {
+    layout: 'plugin',
+    data() {
+        return {}
+    },
+    computed: {
+        isRegistered() {
+            const c = _.get(
+                this.$root,
+                "$options.components['" + this.plugin.tag + "']",
+                null
+            )
+
+            return c !== null
+        },
+        plugin() {
+            const plugin = tinymcePluginConfig.plugins.filter((item) => {
+                return (
+                    item.name.toLowerCase() ===
+                    this.$route.params.plugin.toLowerCase()
+                )
+            })
+
+            return plugin[0] || { tag: null, name: this.$route.params.plugin }
+        },
+    },
+}
+</script>

package/plugin.js

@@ -21,6 +21,8 @@ import Image from './components/Content/Blocks/Image'
 import UserUpload from './components/Content/Blocks/UserUpload'
 
 import GlossaryPage from './pages/glossary.vue'
+import TinymcePlugin from './pages/plugins/tinymce/_plugin.vue'
+
 import CourseGlossaryToolNav from './components/Navigation/Items/CourseGlossaryToolNav.vue'
 import GlossaryNav from './components/Navigation/Items/GlossaryNav.vue'
 import AskTheExpert from './components/Navigation/Items/AskTheExpert.vue'
@@ -78,6 +80,14 @@ export default {
             name: 'CourseGlossaryPage',
             template: GlossaryPage,
         },
+        {
+            page: 'tinymce-plugin',
+            path: '/plugins/tinymce/:plugin',
+            i18n: 'windward.core.shared.menu.plugin',
+            icon: 'mdi-toy-brick',
+            name: 'TinymcePlugin',
+            template: TinymcePlugin,
+        },
     ],
     components: {
         utils: [

package/test/Pages/Plugins/TinyMce.spec.js

@@ -0,0 +1,23 @@
+import { shallowMount } from '@vue/test-utils'
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+
+import TinyMcePlugin from '@/pages/plugins/tinymce/_plugin.vue'
+
+Vue.use(Vuetify)
+
+const mocks = {
+    ...defaultMocks,
+    $route: { params: { plugin: '' } },
+}
+
+describe('TinyMcePlugin', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(TinyMcePlugin, {
+            vuetify: new Vuetify(),
+            mocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/__mocks__/componentsMock.js

@@ -34,18 +34,6 @@ jest.mock(
     { virtual: true }
 )
 
-jest.mock(
-    '~/components/DialogBox.vue',
-    () => {
-        return {
-            props: {},
-            computed: {},
-            methods: {},
-        }
-    },
-    { virtual: true }
-)
-
 jest.mock(
     '~/components/Text/TextViewer',
     () => {

package/test/mocks.js

@@ -56,6 +56,7 @@ const mocks = {
     app: {},
     $router: [],
     $PluginService: { mounted: () => {} },
+    $PermissionService: { userHasAccessTo: () => {} },
     $Grading: {
         getTypes() {
             return [

package/config/tinymce.config.js

@@ -1,136 +0,0 @@
-export default {
-    plugins: [
-        {
-            name: 'math',
-            tag: 'plugin-core-math-expression-editor',
-            buttons: {
-                groups: [
-                    {
-                        name: 'shared.math.trigonometry',
-                        buttons: [
-                            {
-                                cmd: false,
-                                text: '\\sec',
-                            },
-                            {
-                                cmd: false,
-                                text: '\\sec^{-1}',
-                            },
-                            {
-                                cmd: false,
-                                text: '\\csc',
-                            },
-                            {
-                                cmd: false,
-                                text: '\\csc^{-1}',
-                            },
-                            {
-                                cmd: false,
-                                text: '\\cot',
-                            },
-                            {
-                                cmd: false,
-                                text: '\\cot^{-1}',
-                            },
-                        ],
-                    },
-                    {
-                        name: 'shared.math.statistic',
-                        buttons: [
-                            {
-                                cmd: false,
-                                text: '\\mu',
-                            },
-                            {
-                                cmd: false,
-                                text: '\\overline{x}',
-                            },
-                            {
-                                cmd: false,
-                                text: '\\overline{y}',
-                            },
-                            {
-                                cmd: false,
-                                text: 'x^i',
-                            },
-                            {
-                                cmd: false,
-                                text: 'x_i',
-                            },
-                            {
-                                cmd: false,
-                                text: 'x!',
-                            },
-                            {
-                                cmd: false,
-                                text: '\\Sigma',
-                            },
-                        ],
-                    },
-                    {
-                        name: 'shared.math.matrix',
-                        buttons: [
-                            {
-                                cmd: false,
-                                text: '\\begin{bmatrix} a & b \\\\ c & d \\end{bmatrix}',
-                            },
-                            {
-                                cmd: false,
-                                text: '\\begin{bmatrix} a & b & c \\\\ d & e & f \\\\ g & h & i \\end{bmatrix}',
-                            },
-                        ],
-                    },
-                    {
-                        name: 'shared.math.group',
-                        buttons: [
-                            {
-                                cmd: true,
-                                latex: '(\\placeholder{})',
-                                text: '(\\cdot)',
-                            },
-                            {
-                                cmd: true,
-                                latex: '[\\placeholder{}]',
-                                text: '[\\cdot]',
-                            },
-                            {
-                                cmd: true,
-                                latex: '|\\placeholder{}|',
-                                text: '|\\cdot|',
-                            },
-                            {
-                                cmd: false,
-                                text: '(x,y)',
-                            },
-                            {
-                                cmd: false,
-                                text: '[x,y]',
-                            },
-                            {
-                                cmd: false,
-                                text: '(x,y]',
-                            },
-                            {
-                                cmd: false,
-                                text: '[x,y)',
-                            },
-                        ],
-                    },
-                    {
-                        name: 'shared.math.equation_system',
-                        buttons: [
-                            {
-                                cmd: false,
-                                text: '\\begin{cases} x + y \\\\ x + y \\end{cases}',
-                            },
-                            {
-                                cmd: false,
-                                text: '\\begin{cases} x + y \\\\ x – y \\end{cases}',
-                            },
-                        ],
-                    },
-                ],
-            },
-        },
-    ],
-}