@windward/core 0.0.7 → 0.0.9

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

@@ -12,6 +12,7 @@ export default {
         image: 'Imagen',
         user_upload: 'Carga de usuario',
         clickable_icons: 'Iconos en los que se puede hacer clic',
+        scenario_choice: 'Elección de escenario',
         feedback: 'Comentarios',
     },
     grouping: {

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

@@ -1,3 +1,4 @@
 export default {
     course_glossary: 'Glosario del curso',
+    ask_the_expert: 'Pregunta al experto',
 }

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

@@ -10,10 +10,12 @@ export default {
         text_editor: 'Configuración del editor de texto',
         clickable_icons:
             'Configuración de iconos en los que se puede hacer clic',
+        scenario_choice: 'Elección de escenario',
         accordion: 'Configuración de acordeón',
         video: 'Configuración de vídeo',
         table: 'Configuración de la tabla',
         math: 'Configuración matemática',
         feedback: 'Configuración de comentarios',
+        title: 'Título',
     },
 }

package/i18n/index.ts

@@ -0,0 +1,11 @@
+import enUS from './en-US'
+import esES from './es-ES'
+import svSE from './sv-SE'
+
+export default {
+    messages: {
+        'en-US': enUS,
+        'es-ES': esES,
+        'sv-SE': svSE,
+    },
+}

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

@@ -4,6 +4,8 @@ export default {
     module: 'Modul',
     preset: 'Förinställningar',
     likert: 'Lägg till standard likert-frågor',
+    likert_directions:
+        'Klicka för att välja det första alternativet och använd sedan fliken för att växla knappgrupper och sedan pilarna för att navigera mellan alternativen.',
     contact_mindedge: 'Kontakta Mindedge fråga',
     open_response: 'Öppet svar',
     response_prompt: 'Ge kursfeedback nedan',

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

@@ -2,18 +2,18 @@ import user_upload from './user_upload'
 import image from './image'
 import video from './video'
 import table from './table'
-import tab from './tab'
 import feedback from './feedback'
 import open_response from './open_response'
 import open_response_collate from './open_response_collate'
+import scenarioChoice from './scenario_choice'
 
 export default {
     user_upload,
     image,
     video,
     table,
-    tab,
     feedback,
     open_response,
     open_response_collate,
+    scenario_choice: scenarioChoice,
 }

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

@@ -3,4 +3,5 @@ export default {
     no_response: '[inget svar]',
     initial_setup:
         'Öppna blockinställningarna och välj Öppna svarsblock som du vill sortera för nedladdning',
+    generate_error: 'Det gick inte att generera dokumentet',
 }

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

@@ -0,0 +1,5 @@
+export default {
+    information: 'Klicka på ett av objekten nedan för att gör ett val.',
+    try_again: 'Försök igen',
+    selected_choice: 'Ditt val',
+}

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

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

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

@@ -0,0 +1,5 @@
+export default {
+    items: 'Dragspelsföremål',
+    add: 'Lägg till dragspel',
+    accordion: 'Dragspel',
+}

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

@@ -3,8 +3,16 @@ export default {
     description: 'Description',
     information:
         'Klicka på vart och ett av listobjekten nedan för mer information.',
+    no_icon: 'Ingen ikon',
     item_icon: 'Artikel {0} icon',
     item_title: 'Artikeltitel',
     item_color: 'Artikelfärg',
     item_text: 'Artikeltext',
+    autocolor: 'Auto-färgalternativ',
+    display: {
+        show_title: 'Visa alltid titel',
+        show_background: 'Visa bakgrund',
+        round_icon: 'Runda ikoner',
+        italic_icon: 'Kursiva ikoner',
+    },
 }

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

@@ -1 +1,3 @@
-export default {}
+export default {
+    hide_background: 'Dölj bakgrund',
+}

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

@@ -5,13 +5,19 @@ import video from './video'
 import clickable_icon from './clickable_icon'
 import open_response from './open_response'
 import open_response_collate from './open_response_collate'
+import scenarioChoice from './scenario_choice'
+import accordion from './accordion'
+import tab from './tab'
 
 export default {
+    accordion,
     image,
     user_upload,
     text_editor,
+    tab,
     video,
     clickable_icon,
     open_response,
     open_response_collate,
+    scenario_choice: scenarioChoice,
 }

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

@@ -0,0 +1,19 @@
+export default {
+    title: 'Titel',
+    description: 'Beskrivning',
+    over_item_limit: 'Kan inte lägga till fler objekt',
+    no_title: 'Ingen titel',
+    item_title: 'Artikeltitel',
+    item_text: 'Artikeltext',
+    correct_choice: 'Är rätt val',
+    show_reset: 'Tillåt återförsök',
+    display_style: 'Visa stil',
+    is_linked: 'Blockera länkar till en sida',
+    link_content: 'Länkinnehåll',
+    link_text: 'Länktext',
+    link_required: 'Länktext och målsida krävs',
+    style: {
+        letter: 'Brev',
+        number: 'Nummer',
+    },
+}

package/i18n/sv-SE/components/{content/blocks → settings}/tab.ts

@@ -1,4 +1,7 @@
 export default {
+    tab: 'Flik',
+    tabs: 'Flikar',
+    header: 'Flikhuvud',
     add_tab: 'Lägg till flik',
     delete_tab: 'Delete Tab',
 }

package/i18n/sv-SE/components/utils/FillInBlank/FillInBlankInput.ts

@@ -0,0 +1,13 @@
+export default {
+    add_answer: 'Lägg till svar',
+    answer: 'Svar',
+    check: 'Kontrollera',
+    check_answer: 'Klicka för att kontrollera svar',
+    close: 'Stäng',
+    correct: 'Korrekt',
+    default_description: 'Din inmatning är korrekt',
+    incorrect: 'Inkorrekt',
+    input_incorrect: "'{0}' är felaktig",
+    reset: 'återställ',
+    try_again: 'Try Again',
+}

package/i18n/sv-SE/components/utils/FillInBlank/FillInTheBlanksManager.ts

@@ -0,0 +1,11 @@
+export default {
+    close: 'Stäng',
+    try_again: 'Try Again',
+    correct: 'Korrekt',
+    incorrect: 'Inkorrekt',
+    reset: 'återställ',
+    check: 'Kontrollera',
+    add_answer: 'Lägg till svar',
+    default_description: 'default description',
+    answer: 'Svar',
+}

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

@@ -0,0 +1,6 @@
+import fill_in_blank_input from './FillInBlankInput'
+import fill_in_the_blank_manager from './FillInTheBlanksManager'
+export default {
+    fill_in_blank_input,
+    fill_in_the_blank_manager,
+}

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

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

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

@@ -4,6 +4,7 @@ export default {
     alternate_forms: 'Alternativa formulär',
     definition: 'definition',
     related_terms: 'relaterade termer',
+    fill_blank: 'Fyll i luckorna',
     table: {
         default: 'Standardtabell',
         default_white_line: 'Standard tabell vita linjer',

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

@@ -12,6 +12,7 @@ export default {
         image: 'Bild',
         user_upload: 'User Upload',
         clickable_icons: 'Klickbara ikoner',
+        scenario_choice: 'Scenarioval',
         feedback: 'Feedback',
     },
     grouping: {

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

@@ -1,3 +1,4 @@
 export default {
     course_glossary: 'Kursordlista',
+    ask_the_expert: 'Fråga experten',
 }

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

@@ -8,10 +8,12 @@ export default {
         tab_settings: 'Flikinställningar',
         text_editor: 'Textredigeringsinställningar',
         clickable_icons: 'Inställningar för klickbara ikoner',
+        scenario_choice: 'Scenarioval',
         accordion: 'Accordion Settings',
         video: 'Videoinställningar',
         table: 'Tabellinställningar',
         math: 'Matematiska inställningar',
         feedback: 'Feedback-inställningar',
+        title: 'Titel',
     },
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/core",
-    "version": "0.0.7",
+    "version": "0.0.9",
     "description": "Windward UI Core Plugins",
     "main": "plugin.js",
     "scripts": {
@@ -19,6 +19,7 @@
         "@mindedge/vuetify-player": "^0.2.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",

package/plugin.js

@@ -1,4 +1,4 @@
-import enUS from './i18n/en-US'
+import locales from './i18n'
 
 // Content Blocks
 import Video from './components/Content/Blocks/Video'
@@ -8,6 +8,7 @@ import MathExpressionEditor from './components/utils/MathExpressionEditor'
 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 UserUploadNav from './components/Navigation/Items/UserUploadNav.vue'
 
@@ -27,6 +28,7 @@ import OpenResponseCollateSettings from './components/Settings/OpenResponseColla
 import ImageSettings from './components/Settings/ImageSettings.vue'
 import UserUploadSettings from './components/Settings/UserUploadSettings.vue'
 import ClickableIconsSettings from './components/Settings/ClickableIconsSettings.vue'
+import ScenarioChoiceSettings from './components/Settings/ScenarioChoiceSettings.vue'
 import VideoSettings from './components/Settings/VideoSettings.vue'
 import AccordionSettings from './components/Settings/AccordionSettings.vue'
 import TabSettings from './components/Settings/TabSettings.vue'
@@ -52,9 +54,7 @@ export default {
         onLoad: (page) => {},
         onContent: () => {},
     },
-    i18n: {
-        'en-US': enUS,
-    },
+    i18n: locales.messages,
     pages: [
         {
             page: 'user-uploads',
@@ -231,6 +231,16 @@ export default {
                         'windward.core.shared.content_blocks.grouping.basic',
                 },
             },
+            {
+                tag: 'core-scenario-choice',
+                template: ScenarioChoice,
+                metadata: {
+                    icon: 'mdi-ab-testing',
+                    name: 'windward.core.shared.content_blocks.title.scenario_choice',
+                    grouping:
+                        'windward.core.shared.content_blocks.grouping.basic',
+                },
+            },
             {
                 tag: 'core-feedback',
                 template: Feedback,
@@ -289,7 +299,7 @@ export default {
                 },
             },
             {
-                tag: 'core-clickable-icon-setting',
+                tag: 'core-clickable-icons-settings',
                 template: ClickableIconsSettings,
                 context: ['block.core-clickable-icons'],
                 metadata: {
@@ -297,6 +307,15 @@ export default {
                     name: 'windward.core.shared.settings.title.clickable_icons',
                 },
             },
+            {
+                tag: 'core-scenario-choice-settings',
+                template: ScenarioChoiceSettings,
+                context: ['block.core-scenario-choice'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'windward.core.shared.settings.title.scenario_choice',
+                },
+            },
             {
                 tag: 'core-video-settings',
                 template: VideoSettings,

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

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

package/test/Components/Settings/ClickableIconsSettings.spec.js

@@ -11,7 +11,7 @@ describe('ClickableIconsSettings', () => {
     test('is a Vue instance', () => {
         const wrapper = shallowMount(ClickableIconsSettings, {
             propsData: {
-                tag: 'core-clickable-icon-setting',
+                tag: 'core-clickable-icons-settings',
             },
             mocks: defaultMocks,
         })

package/test/Components/Settings/ScenarioChoiceSettings.spec.js

@@ -0,0 +1,20 @@
+import { shallowMount } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+
+import { defaultMocks } from '@/test/mocks'
+import ScenarioChoiceSettings from '@/components/Settings/ScenarioChoiceSettings'
+
+Vue.use(Vuetify)
+
+describe('ScenarioChoiceSettings', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(ScenarioChoiceSettings, {
+            propsData: {
+                tag: 'core-scenario-choice-settings',
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Feature/LocaleKeys.spec.js

@@ -0,0 +1,9 @@
+import _ from 'lodash'
+import locales from '../../i18n'
+import localeTest from '../locales'
+describe('LocaleKeys', () => {
+    test('Confirm that all localizations are equal aka not missing keys between them', () => {
+        const messages = locales.messages
+        localeTest.test(messages)
+    })
+})

package/test/__mocks__/componentsMock.js

@@ -1,3 +1,27 @@
+jest.mock(
+    '~/components/TextIconPicker.vue',
+    () => {
+        return {
+            props: {},
+            computed: {},
+            methods: {},
+        }
+    },
+    { virtual: true }
+)
+
+jest.mock(
+    '~/components/SortableExpansionPanel.vue',
+    () => {
+        return {
+            props: {},
+            computed: {},
+            methods: {},
+        }
+    },
+    { virtual: true }
+)
+
 jest.mock(
     '~/components/Dialog.vue',
     () => {

package/test/__mocks__/helpersMock.js

@@ -41,6 +41,9 @@ jest.mock(
             isEmpty: () => {
                 return jest.fn()
             },
+            isBoolean: () => {
+                return jest.fn()
+            },
             flatten: () => {
                 return jest.fn()
             },

package/test/__mocks__/modelMock.js

@@ -8,6 +8,10 @@ jest.mock('axios')
 
 // Define any new model mocks here. The imports / mocks will be auto-generated below
 const mockVirtualModels = [
+    {
+        path: '~/models/UserContentBlockState',
+        resource: 'user-content-block-state',
+    },
     { path: '~/models/Enrollment', resource: 'enrollments' },
     { path: '~/models/ContentBlock', resource: 'blocks' },
     { path: '~/models/FileAsset', resource: 'file-assets' },

package/test/locales.js

@@ -0,0 +1,95 @@
+import _ from 'lodash'
+export default {
+    test(messages) {
+        // Flatten the localizations from objects to object paths
+        for (const locale of Object.keys(messages)) {
+            messages[locale] = this.flattenTree(messages[locale])
+        }
+
+        const parsed = this.filtered(messages)
+        const missing = []
+
+        for (const message of parsed) {
+            // Check the "support" prop array. This lists all the langs that support this key
+            // This array must match the total number of locales we're checking
+            if (
+                _.get(message, 'support', []).length !==
+                Object.keys(messages).length
+            ) {
+                missing.push(message)
+            }
+        }
+
+        if (missing.length > 0) {
+            const errorMessages = []
+            for (const item of missing) {
+                const localesMissing = _.difference(
+                    Object.keys(messages),
+                    item.support
+                )
+                errorMessages.push({
+                    locale_path: item.path,
+                    missing_in: localesMissing,
+                    found_in: item.support,
+                })
+            }
+            console.log(
+                `(${missing.length}) Localization paths are missing in other locales. See the below table:`
+            )
+            console.table(errorMessages)
+        }
+
+        expect(missing.length).toEqual(0)
+    },
+    filtered(locales, primary = 'en-US') {
+        const results = _.cloneDeep(locales[primary])
+
+        // Loop over each locale
+        for (const [locale, messages] of Object.entries(locales)) {
+            // Now loop over all the messages aka localizations
+            for (const message of messages) {
+                // Skip plugin messages
+                if (_.startsWith(message.path, 'plugin')) {
+                    return
+                }
+                const existingIndex = results.findIndex((item) => {
+                    return item.path === message.path
+                })
+
+                if (existingIndex === -1) {
+                    message.support = [locale]
+                    results.push(message)
+                } else {
+                    results[existingIndex].support.push(locale)
+                }
+            }
+        }
+
+        // Finally filter the results
+        return results.filter((item) => {
+            return item.path.toLowerCase() || item.value.toLowerCase()
+        })
+    },
+    flattenTree(messages, path = '') {
+        let flat = []
+
+        if (_.isEmpty(messages)) {
+            messages = []
+        }
+
+        for (const [key, value] of Object.entries(messages)) {
+            let newPath = key
+            if (path !== '') {
+                newPath = path + '.' + key
+            }
+
+            if (typeof value === 'object') {
+                flat = flat.concat(this.flattenTree(value, newPath))
+            } else {
+                flat.push({ support: [], path: newPath, value })
+            }
+        }
+
+        return flat
+    },
+}

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

@@ -1,4 +0,0 @@
-export default {
-    add_tab: 'Add Tab',
-    delete_tab: 'Delete Tab'
-}