@windward/core 0.1.4 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/core",
-    "version": "0.1.4",
+    "version": "0.2.1",
     "description": "Windward UI Core Plugins",
     "main": "plugin.js",
     "scripts": {
@@ -12,7 +12,12 @@
         "type": "git",
         "url": "git+ssh://git@bitbucket.org/mindedge/windward-ui-plugin-core.git"
     },
-    "author": "Jacob Rogaishio",
+    "author": "Jacob Rogaishio <jrogaishio@mindedge.com>",
+    "contributors": [
+        "Jacob Rogaishio <jrogaishio@mindedge.com>",
+        "Ted Celestin <tcelestin@mindedge.com>",
+        "Christina Passafaro <cpassafaro@mindedge.com>"
+    ],
     "license": "MIT",
     "homepage": "https://bitbucket.org/mindedge/windward-ui-plugin-core#readme",
     "dependencies": {

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: [
@@ -153,8 +163,7 @@ export default {
                 metadata: {
                     icon: 'mdi-video',
                     name: 'windward.core.shared.content_blocks.title.video',
-                    grouping:
-                        'windward.core.shared.content_blocks.grouping.multimedia',
+                    grouping: 'components.content.blocks.group.multimedia',
                 },
             },
             {
@@ -163,8 +172,7 @@ export default {
                 metadata: {
                     icon: 'mdi-tab',
                     name: 'windward.core.shared.content_blocks.title.tab',
-                    grouping:
-                        'windward.core.shared.content_blocks.grouping.basic',
+                    grouping: 'components.content.blocks.group.basic',
                 },
             },
             {
@@ -173,28 +181,25 @@ export default {
                 metadata: {
                     icon: 'mdi-view-list',
                     name: 'windward.core.shared.content_blocks.title.accordion',
-                    grouping:
-                        'windward.core.shared.content_blocks.grouping.basic',
+                    grouping: 'components.content.blocks.group.basic',
                 },
             },
             {
                 tag: 'core-open-response',
                 template: OpenResponse,
                 metadata: {
-                    icon: 'mdi-typewriter',
+                    icon: 'mdi-text-long',
                     name: 'windward.core.shared.content_blocks.title.open_response',
-                    grouping:
-                        'windward.core.shared.content_blocks.grouping.basic',
+                    grouping: 'components.content.blocks.group.basic',
                 },
             },
             {
                 tag: 'core-open-response-collate',
                 template: OpenResponseCollate,
                 metadata: {
-                    icon: 'mdi-typewriter',
+                    icon: 'mdi-text-long',
                     name: 'windward.core.shared.content_blocks.title.open_response_collate',
-                    grouping:
-                        'windward.core.shared.content_blocks.grouping.basic',
+                    grouping: 'components.content.blocks.group.basic',
                 },
             },
             {
@@ -203,8 +208,7 @@ export default {
                 metadata: {
                     icon: 'mdi-image',
                     name: 'windward.core.shared.content_blocks.title.image',
-                    grouping:
-                        'windward.core.shared.content_blocks.grouping.multimedia',
+                    grouping: 'components.content.blocks.group.multimedia',
                 },
             },
             {
@@ -213,8 +217,7 @@ export default {
                 metadata: {
                     icon: 'mdi-cloud-upload',
                     name: 'windward.core.shared.content_blocks.title.user_upload',
-                    grouping:
-                        'windward.core.shared.content_blocks.grouping.multimedia',
+                    grouping: 'components.content.blocks.group.multimedia',
                 },
             },
             {
@@ -223,8 +226,7 @@ export default {
                 metadata: {
                     icon: 'mdi-format-list-checks',
                     name: 'windward.core.shared.content_blocks.title.clickable_icons',
-                    grouping:
-                        'windward.core.shared.content_blocks.grouping.basic',
+                    grouping: 'components.content.blocks.group.basic',
                 },
             },
             {
@@ -233,8 +235,7 @@ export default {
                 metadata: {
                     icon: 'mdi-ab-testing',
                     name: 'windward.core.shared.content_blocks.title.scenario_choice',
-                    grouping:
-                        'windward.core.shared.content_blocks.grouping.basic',
+                    grouping: 'components.content.blocks.group.basic',
                 },
             },
             {
@@ -243,8 +244,7 @@ export default {
                 metadata: {
                     icon: 'mdi-message',
                     name: 'windward.core.shared.content_blocks.title.feedback',
-                    grouping:
-                        'windward.core.shared.content_blocks.grouping.basic',
+                    grouping: 'components.content.blocks.group.basic',
                 },
             },
             {
@@ -253,8 +253,7 @@ export default {
                 metadata: {
                     icon: 'mdi-email',
                     name: 'windward.core.shared.content_blocks.title.email',
-                    grouping:
-                        'windward.core.shared.content_blocks.grouping.basic',
+                    grouping: 'components.content.blocks.group.basic',
                 },
             },
             {
@@ -263,8 +262,7 @@ export default {
                 metadata: {
                     icon: 'mdi-format-quote-close',
                     name: 'windward.core.shared.content_blocks.title.block_quote',
-                    grouping:
-                        'windward.core.shared.content_blocks.grouping.basic',
+                    grouping: 'components.content.blocks.group.basic',
                 },
             },
             {
@@ -273,8 +271,7 @@ export default {
                 metadata: {
                     icon: 'mdi-minus',
                     name: 'windward.core.shared.content_blocks.title.horizontal_rule',
-                    grouping:
-                        'windward.core.shared.content_blocks.grouping.basic',
+                    grouping: 'components.content.blocks.group.basic',
                 },
             },
         ],

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

@@ -23,19 +23,7 @@ jest.mock(
 )
 
 jest.mock(
-    '~/components/Dialog.vue',
-    () => {
-        return {
-            props: {},
-            computed: {},
-            methods: {},
-        }
-    },
-    { virtual: true }
-)
-
-jest.mock(
-    '~/components/Dialog',
+    '~/components/DialogBox.vue',
     () => {
         return {
             props: {},

package/test/mocks.js

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

package/.idea/codeStyles/Project.xml

@@ -1,58 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <code_scheme name="Project" version="173">
-    <HTMLCodeStyleSettings>
-      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
-      <option name="HTML_ENFORCE_QUOTES" value="true" />
-    </HTMLCodeStyleSettings>
-    <JSCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </JSCodeStyleSettings>
-    <TypeScriptCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </TypeScriptCodeStyleSettings>
-    <VueCodeStyleSettings>
-      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
-      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
-    </VueCodeStyleSettings>
-    <codeStyleSettings language="HTML">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="JavaScript">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="TypeScript">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="Vue">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-  </code_scheme>
-</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -1,5 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <state>
-    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
-  </state>
-</component>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -1,6 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <profile version="1.0">
-    <option name="myName" value="Project Default" />
-    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
-  </profile>
-</component>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/windward-ui-plugin-core.iml" filepath="$PROJECT_DIR$/.idea/windward-ui-plugin-core.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/php-docker-settings.xml

@@ -1,24 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="PhpDockerContainerSettings">
-    <list>
-      <map>
-        <entry key="79d59a8f-c56c-4789-b96c-e55a326ab125">
-          <value>
-            <DockerContainerSettings>
-              <option name="version" value="1" />
-              <option name="volumeBindings">
-                <list>
-                  <DockerVolumeBindingImpl>
-                    <option name="containerPath" value="/opt/project" />
-                    <option name="hostPath" value="$PROJECT_DIR$" />
-                  </DockerVolumeBindingImpl>
-                </list>
-              </option>
-            </DockerContainerSettings>
-          </value>
-        </entry>
-      </map>
-    </list>
-  </component>
-</project>

package/.idea/php.xml

@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="MessDetectorOptionsConfiguration">
-    <option name="transferred" value="true" />
-  </component>
-  <component name="PHPCSFixerOptionsConfiguration">
-    <option name="transferred" value="true" />
-  </component>
-  <component name="PHPCodeSnifferOptionsConfiguration">
-    <option name="highlightLevel" value="WARNING" />
-    <option name="transferred" value="true" />
-  </component>
-  <component name="PhpStanOptionsConfiguration">
-    <option name="transferred" value="true" />
-  </component>
-  <component name="PsalmOptionsConfiguration">
-    <option name="transferred" value="true" />
-  </component>
-</project>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="" vcs="Git" />
-  </component>
-</project>

package/.idea/watcherTasks.xml

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectTasksOptions" suppressed-tasks="SCSS" />
-</project>

package/.idea/windward-ui-plugin-core.iml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-    "git-blame.gitWebUrl": ""
-}

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}',
-                            },
-                        ],
-                    },
-                ],
-            },
-        },
-    ],
-}