@windward/core 0.0.9 → 0.1.1

package/components/utils/MathExpressionEditor.vue

@@ -1,14 +1,23 @@
 <template>
     <div>
         <v-card flat class="py-12">
-            <label>Add Math Below</label>
-            <math-live-wrapper
-                ref="mathfield"
-                v-model="formula"
-                :options="options"
-                :value="value"
-                @change="submit"
-            ></math-live-wrapper>
+            <v-card-title>
+                {{
+                    $t(
+                        'windward.core.components.utils.math_expression_editor.title'
+                    )
+                }}
+            </v-card-title>
+            <v-card-text>
+                <math-live-wrapper
+                    ref="mathfield"
+                    v-model="formula"
+                    :id="mathElementId"
+                    :options="options"
+                    :value="value"
+                    @change="submit"
+                ></math-live-wrapper>
+            </v-card-text>
         </v-card>
         <v-card>
             <v-card-text>
@@ -115,6 +124,7 @@
 import MathHelper from '../../helpers/MathHelper'
 import MathLiveWrapper from './MathLiveWrapper'
 import tinymceConfig from '../../config/tinymce.config'
+import Crypto from '~/helpers/Crypto'
 export default {
     components: { MathLiveWrapper },
     layout: 'plugin',
@@ -140,6 +150,7 @@ export default {
             tab: null,
             toggle_exclusive: true,
             panel: [],
+            mathElementId: '',
         }
     },
     computed: {
@@ -158,6 +169,7 @@ export default {
         },
     },
     beforeMount() {
+        this.mathElementId = Crypto.id()
         if (this.mode === 'standalone') {
             this.initStandaloneMode()
         }
@@ -172,7 +184,6 @@ export default {
                 '*'
             )
         }
-        this.$refs.mathfield.focus()
     },
     created() {
         if (this.mode === 'plugin') {
@@ -263,24 +274,28 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 /* stylelint-disable-next-line selector-type-no-unknown */
 math-field {
     min-height: 150px;
-    outline: 2px solid #64b5f6;
+    outline: 2px solid var(--v-primary-base);
     border-radius: 4px;
+    width: 100%;
+    background: var(--v-background-base);
+    color: var(--v-primary-base);
 }
 /* stylelint-disable-next-line selector-type-no-unknown */
 math-field:focus-within {
-    outline: 4px solid #52d70b;
+    outline: 2px solid var(--v-secondary-base);
     border-radius: 4px;
-    background: rgba(251, 187, 182, 0.1);
+    background: var(--v-background-base);
+    color: var(--v-primary-base);
 }
 .btn {
     cursor: pointer;
     margin: 0 5px 5px 0;
     border: 1px solid #595959;
-    background: white;
+    background: var(--v-background-base);
     border-radius: 5px;
     padding: 5px 10px;
     min-height: 40px;
@@ -288,7 +303,7 @@ math-field:focus-within {
 
 .btn:hover {
     background: #595959;
-    color: white;
+    color: var(--v-background-base);
 }
 .adjustFont {
     font-size: 12px !important;

package/components/utils/TinyMCEWrapper.vue

@@ -37,6 +37,7 @@ export default {
             default:
                 'undo redo | formatselect | fontsizeselect  | bold italic underline strikethrough removeformat | alignleft aligncenter alignright | table bullist numlist outdent indent | mathButton ',
         },
+        root_block: { type: String, required: false, default: 'div' },
     },
     beforeMount() {
         this.text = this.value
@@ -61,6 +62,7 @@ export default {
             return {
                 height: 500,
                 visual: false,
+                forced_root_block: this.root_block,
                 menubar: this.menubar,
                 menu: {
                     insert: {
@@ -229,7 +231,7 @@ export default {
                 ],
                 style_formats_merge: true,
                 placeholder: this.$t(
-                    'windward.core.shared.content_blocks.grouping.placeholder'
+                    'windward.core.shared.settings.title.placeholder'
                 ),
                 //required as it will be displayed as inline style in tinymce renderer
 

package/i18n/en-US/components/content/blocks/block_quote.ts

@@ -0,0 +1,3 @@
+export default {
+    body: 'Blockquote Body',
+}

package/i18n/en-US/components/content/blocks/email.ts

@@ -0,0 +1,12 @@
+export default {
+    title: 'Email Block',
+    from: 'From',
+    to: 'To',
+    cc: 'CC',
+    body: 'Email Body',
+    simulation: 'Email Simulation',
+    reply: 'Reply',
+    reply_all: 'Reply All',
+    forward: 'Forward',
+    reset: 'Reset',
+}

package/i18n/en-US/components/content/blocks/index.ts

@@ -6,6 +6,8 @@ import feedback from './feedback'
 import open_response from './open_response'
 import open_response_collate from './open_response_collate'
 import scenarioChoice from './scenario_choice'
+import email from './email'
+import block_quote from './block_quote'
 
 export default {
     user_upload,
@@ -16,4 +18,6 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
+    email,
+    block_quote,
 }

package/i18n/en-US/components/settings/block_quote.ts

@@ -0,0 +1,9 @@
+export default {
+    block_quote: 'Block Quote',
+    body: 'Blockquote Body',
+    name: 'Name',
+    title: 'Title',
+    org: 'Organization',
+    source_title: 'Source Title',
+    type: 'Source Type',
+}

package/i18n/en-US/components/settings/email.ts

@@ -0,0 +1,9 @@
+export default {
+    items: 'Email Items',
+    add: 'Add Email',
+    subject: 'Subject',
+    from: 'From',
+    to: 'To',
+    cc: 'CC',
+    body: 'Email Body',
+}

package/i18n/en-US/components/settings/index.ts

@@ -8,6 +8,8 @@ import open_response_collate from './open_response_collate'
 import scenarioChoice from './scenario_choice'
 import accordion from './accordion'
 import tab from './tab'
+import email from './email'
+import block_quote from './block_quote'
 
 export default {
     accordion,
@@ -20,4 +22,6 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
+    email,
+    block_quote,
 }

package/i18n/en-US/components/utils/index.ts

@@ -1,6 +1,8 @@
 import tiny_mce_wrapper from './tiny_mce_wrapper'
 import fill_in_the_blank from './FillInBlank/index'
+import math_expression_editor from './math_expression_editor'
 export default {
     tiny_mce_wrapper,
     fill_in_the_blank,
+    math_expression_editor,
 }

package/i18n/en-US/components/utils/math_expression_editor.ts

@@ -0,0 +1,3 @@
+export default {
+    title: 'Mathematical Expression editor',
+}

package/i18n/en-US/shared/content_blocks.ts

@@ -14,10 +14,11 @@ export default {
         clickable_icons: 'Clickable Icons',
         scenario_choice: 'Scenario Choice',
         feedback: 'Feedback',
+        email: 'Email',
+        block_quote: 'Block Quote',
     },
     grouping: {
         basic: 'Basic Components',
         multimedia: 'Multimedia Files',
-        placeholder: 'Enter text here',
     },
 }

package/i18n/en-US/shared/settings.ts

@@ -14,6 +14,11 @@ export default {
         table: 'Table Settings',
         math: 'Math Settings',
         feedback: 'Feedback Settings',
+        email: 'Ajustes del correo electrónico',
+        click_to_enter: 'Click here to enter text',
+        block_quote: 'Block Quote Settings',
         title: 'Title',
+        instructions: 'Instructions',
+        placeholder: 'Enter text here',
     },
 }

package/i18n/es-ES/components/content/blocks/block_quote.ts

@@ -0,0 +1,3 @@
+export default {
+    body: 'Cuerpo de la cotización en bloque',
+}

package/i18n/es-ES/components/content/blocks/email.ts

@@ -0,0 +1,12 @@
+export default {
+    title: 'Bloqueo de correo electrónico',
+    from: 'De',
+    to: 'Para',
+    cc: 'CC',
+    body: 'Cuerpo del correo electrónico',
+    simulation: 'Simulación de correo electrónico',
+    reply: 'Responder',
+    reply_all: 'Responder a todos',
+    forward: 'Adelante',
+    reset: 'reiniciar',
+}

package/i18n/es-ES/components/content/blocks/index.ts

@@ -6,6 +6,8 @@ import feedback from './feedback'
 import open_response from './open_response'
 import open_response_collate from './open_response_collate'
 import scenarioChoice from './scenario_choice'
+import block_quote from './block_quote'
+import email from './email'
 
 export default {
     user_upload,
@@ -16,4 +18,6 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
+    block_quote,
+    email,
 }

package/i18n/es-ES/components/settings/block_quote.ts

@@ -0,0 +1,9 @@
+export default {
+    block_quote: 'Cita en bloque',
+    body: 'Cuerpo de la cita en bloque',
+    name: 'Nombre',
+    title: 'Título',
+    org: 'Organización',
+    source_title: 'Título de la fuente' ,
+    type: 'Tipo de fuente',
+}

package/i18n/es-ES/components/settings/email.ts

@@ -0,0 +1,9 @@
+export default {
+    items: 'Elementos de correo electrónico',
+    add: 'Agregar correo electrónico',
+    subject: 'Asunto',
+    from: 'De',
+    to: 'Para',
+    cc: 'CC',
+    body: 'Cuerpo del correo electrónico',
+}

package/i18n/es-ES/components/settings/index.ts

@@ -8,6 +8,8 @@ import open_response_collate from './open_response_collate'
 import scenarioChoice from './scenario_choice'
 import accordion from './accordion'
 import tab from './tab'
+import block_quote from './block_quote'
+import email from './email'
 
 export default {
     accordion,
@@ -20,4 +22,6 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
+    block_quote,
+    email,
 }

package/i18n/es-ES/components/utils/index.ts

@@ -1,7 +1,8 @@
 import tiny_mce_wrapper from './tiny_mce_wrapper'
 import fill_in_the_blank from './FillInBlank/index'
-
+import math_expression_editor from './math_expression_editor'
 export default {
     tiny_mce_wrapper,
     fill_in_the_blank,
+    math_expression_editor,
 }

package/i18n/es-ES/components/utils/math_expression_editor.ts

@@ -0,0 +1,3 @@
+export default {
+    title: 'Manipulador de expresión matemática',
+}

package/i18n/es-ES/shared/content_blocks.ts

@@ -14,10 +14,11 @@ export default {
         clickable_icons: 'Iconos en los que se puede hacer clic',
         scenario_choice: 'Elección de escenario',
         feedback: 'Comentarios',
+        email: 'Correo Electrónico',
+        block_quote: 'Cotización en bloque',
     },
     grouping: {
         basic: 'Componentes básicos',
         multimedia: 'Archivos multimedia',
-        placeholder: 'Ingrese texto aquí',
     },
 }

package/i18n/es-ES/shared/settings.ts

@@ -16,6 +16,11 @@ export default {
         table: 'Configuración de la tabla',
         math: 'Configuración matemática',
         feedback: 'Configuración de comentarios',
+        email: 'Ajustes del correo electrónico',
+        click_to_enter: 'Haga clic para ingresar texto',
+        block_quote: 'Configuración de cotización en bloque',
         title: 'Título',
+        instructions: 'Instrucciones',
+        placeholder: 'Ingrese texto aquí',
     },
 }

package/i18n/sv-SE/components/content/blocks/block_quote.ts

@@ -0,0 +1,3 @@
+export default {
+    body: 'Block Citat Body',
+}

package/i18n/sv-SE/components/content/blocks/email.ts

@@ -0,0 +1,12 @@
+export default {
+    title: 'E-postblockering',
+    from: 'Från',
+    to: 'Till',
+    cc: 'CC',
+    body: 'E-posttext',
+    simulation: 'E-postsimulering',
+    reply: 'Svar',
+    reply_all: 'Svara alla',
+    forward: 'Fram',
+    reset: 'Återställa',
+}

package/i18n/sv-SE/components/content/blocks/index.ts

@@ -6,6 +6,8 @@ import feedback from './feedback'
 import open_response from './open_response'
 import open_response_collate from './open_response_collate'
 import scenarioChoice from './scenario_choice'
+import block_quote from './block_quote'
+import email from './email'
 
 export default {
     user_upload,
@@ -16,4 +18,6 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
+    block_quote,
+    email,
 }

package/i18n/sv-SE/components/settings/block_quote.ts

@@ -0,0 +1,9 @@
+export default {
+    block_quote: 'Blockera citat',
+    body: 'Blockquote Body',
+    name: 'Namn',
+    title: 'Titel',
+    org: 'Organisation',
+    source_title: 'Källtitel' ,
+    type: 'Källtyp',
+}

package/i18n/sv-SE/components/settings/email.ts

@@ -0,0 +1,9 @@
+export default {
+    items: 'E-postobjekt',
+    add: 'Lägg till e-post',
+    subject: 'Ämne',
+    from: 'Från',
+    to: 'Till',
+    cc: 'CC',
+    body: 'E-posttext',
+}

package/i18n/sv-SE/components/settings/index.ts

@@ -8,6 +8,8 @@ import open_response_collate from './open_response_collate'
 import scenarioChoice from './scenario_choice'
 import accordion from './accordion'
 import tab from './tab'
+import block_quote from './block_quote'
+import email from './email'
 
 export default {
     accordion,
@@ -20,4 +22,6 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
+    block_quote,
+    email,
 }

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

@@ -1,7 +1,8 @@
 import tiny_mce_wrapper from './tiny_mce_wrapper'
 import fill_in_the_blank from './FillInBlank/index'
-
+import math_expression_editor from './math_expression_editor'
 export default {
     tiny_mce_wrapper,
     fill_in_the_blank,
+    math_expression_editor,
 }

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

@@ -0,0 +1,3 @@
+export default {
+    title: 'Redaktör för matematiska uttryck',
+}

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

@@ -14,10 +14,11 @@ export default {
         clickable_icons: 'Klickbara ikoner',
         scenario_choice: 'Scenarioval',
         feedback: 'Feedback',
+        email: 'E-Post',
+        block_quote: 'Block citat',
     },
     grouping: {
         basic: 'Basic Components',
         multimedia: 'Multimedia Files',
-        placeholder: 'Skriv in text här',
     },
 }

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

@@ -14,6 +14,11 @@ export default {
         table: 'Tabellinställningar',
         math: 'Matematiska inställningar',
         feedback: 'Feedback-inställningar',
+        email: 'E-postinställningar',
+        click_to_enter: 'Klicka för att skriva in text',
+        block_quote: 'Blockera offertinställningar',
         title: 'Titel',
+        instructions: 'Instruktioner',
+        placeholder: 'Skriv in text här',
     },
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/core",
-    "version": "0.0.9",
+    "version": "0.1.1",
     "description": "Windward UI Core Plugins",
     "main": "plugin.js",
     "scripts": {
@@ -16,13 +16,13 @@
     "license": "MIT",
     "homepage": "https://bitbucket.org/mindedge/windward-ui-plugin-core#readme",
     "dependencies": {
-        "@mindedge/vuetify-player": "^0.2.0",
+        "@mindedge/vuetify-player": "^0.3.0",
         "@tinymce/tinymce-vue": "^3.2.8",
         "eslint": "^8.11.0",
         "he": "^1.2.0",
         "lodash": "^4.17.21",
-        "mathlive": "^0.73.7",
-        "mathml-to-latex": "^1.2.0",
+        "mathlive": "^0.75.0",
+        "mathml-to-latex": "^1.3.0",
         "prettier": "^2.6.0",
         "raw-loader": "^4.0.2"
     },

package/plugin.js

@@ -9,6 +9,8 @@ import Accordion from './components/Content/Blocks/Accordion'
 import Feedback from './components/Content/Blocks/Feedback.vue'
 import ClickableIcons from './components/Content/Blocks/ClickableIcons'
 import ScenarioChoice from './components/Content/Blocks/ScenarioChoice'
+import Email from './components/Content/Blocks/Email'
+import BlockQuote from './components/Content/Blocks/BlockQuote.vue'
 
 import UserUploadNav from './components/Navigation/Items/UserUploadNav.vue'
 
@@ -33,6 +35,8 @@ import VideoSettings from './components/Settings/VideoSettings.vue'
 import AccordionSettings from './components/Settings/AccordionSettings.vue'
 import TabSettings from './components/Settings/TabSettings.vue'
 import FeedbackSettings from './components/Settings/FeedbackSettings.vue'
+import EmailSettings from './components/Settings/EmailSettings.vue'
+import BlockQuoteSettigns from './components/Settings/BlockQuoteSettings.vue'
 
 import UserUploadPage from './pages/userUpload.vue'
 import GlossaryToolTip from './components/utils/glossary/GlossaryToolTip.vue'
@@ -251,6 +255,26 @@ export default {
                         'windward.core.shared.content_blocks.grouping.basic',
                 },
             },
+            {
+                tag: 'core-email',
+                template: Email,
+                metadata: {
+                    icon: 'mdi-email',
+                    name: 'windward.core.shared.content_blocks.title.email',
+                    grouping:
+                    'windward.core.shared.content_blocks.grouping.basic',
+                },
+            },
+            {
+                tag: 'core-block-quote',
+                template: BlockQuote,
+                metadata: {
+                    icon: 'mdi-format-quote-close',
+                    name: 'windward.core.shared.content_blocks.title.block_quote',
+                    grouping:
+                        'windward.core.shared.content_blocks.grouping.basic',
+                },
+            },
         ],
         settings: [
             {
@@ -370,6 +394,24 @@ export default {
                     name: 'windward.core.shared.settings.title.feedback',
                 },
             },
+            {
+                tag: 'core-email-settings',
+                template: EmailSettings,
+                context: ['block.core-email'],
+                metadata: {
+                    icon: 'mdi-notebook-outline',
+                    name: 'windward.core.shared.settings.title.email',
+                },
+            },
+            {
+                tag: 'core-block-quote-settings',
+                template: BlockQuoteSettigns,
+                context: ['block.core-block-quote'],
+                metadata: {
+                    icon: 'mdi-notebook-outline',
+                    name: 'windward.core.shared.settings.title.block_quote',
+                },
+            },
         ],
     },
 }

package/test/Components/Content/Blocks/Accordion.spec.js

@@ -9,6 +9,8 @@ Vue.use(Vuetify)
 describe('Accordion', () => {
     test('is a Vue instance', () => {
         const wrapper = shallowMount(Accordion, {
+            vuetify: new Vuetify(),
+            mocks: defaultMocks,
             propsData: {
                 value: {
                     body: 'accordion',

package/test/Components/Content/Blocks/BlockQuote.spec.js

@@ -0,0 +1,23 @@
+import { shallowMount } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+import { defaultMocks } from '@/test/mocks'
+import BlockQuote from '@/components/Content/Blocks/BlockQuote'
+
+Vue.use(Vuetify)
+
+describe('BlockQuote', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(BlockQuote, {
+            vuetify: new Vuetify(),
+            mocks: defaultMocks,
+            propsData: {
+                value: {
+                    body: 'block quote',
+                    metadata: { config: {} },
+                },
+            },
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Content/Blocks/Email.spec.js

@@ -0,0 +1,23 @@
+import { shallowMount } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+import { defaultMocks } from '@/test/mocks'
+import Email from '@/components/Content/Blocks/Email'
+
+Vue.use(Vuetify)
+
+describe('Email', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(Email, {
+            vuetify: new Vuetify(),
+            mocks: defaultMocks,
+            propsData: {
+                value: {
+                    body: 'email',
+                    metadata: { config: {} },
+                },
+            },
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Content/Blocks/Feedback.spec.js

@@ -10,6 +10,7 @@ describe('Feedback', () => {
     test('is a Vue instance', () => {
         const wrapper = shallowMount(Feedback, {
             vuetify: new Vuetify(),
+            mocks: defaultMocks,
             propsData: {
                 value: {
                     body: 'feedback',

package/test/Components/Content/Blocks/Math.spec.js

@@ -19,6 +19,7 @@ describe('ContentMathEditor component', () => {
     test('is a Vue instance', () => {
         const wrapper = shallowMount(CoreMath, {
             vuetify: new Vuetify(),
+            mocks: defaultMocks,
             propsData: {
                 value: {
                     id: '00000000-0000-0000-0000-000000000000',

package/test/Components/Content/Blocks/Tab.spec.js

@@ -10,6 +10,7 @@ Vue.use(Vuetify)
 describe('Tab', () => {
     test('is a Vue instance', () => {
         const wrapper = shallowMount(Tab, {
+            vuetify: new Vuetify(),
             propsData: {
                 value: { body: 'tab', metadata: { config: {} } },
             },