@windward/core 0.0.7 → 0.0.9

package/components/Settings/TabSettings.vue

@@ -1,60 +1,69 @@
 <template>
     <div>
-        <v-btn color="primary" @click="onAddElement" class="fullWidth">
-            <v-icon>mdi-plus</v-icon>
-            {{ $t('windward.core.components.content.blocks.tab.add_tab') }}
-        </v-btn>
-        <v-expansion-panels flat v-model="block.metadata.config.tab">
-            <v-expansion-panel
-                v-for="(item, itemIndex) in block.metadata.config.items"
-                :key="itemIndex"
-                class="elevation-0"
+        <v-form ref="form" v-model="valid" v-if="!loading">
+            <v-divider class="my-4 primary"></v-divider>
+            <p>{{ $t('windward.core.components.settings.tab.tabs') }}</p>
+            <SortableExpansionPanel
+                v-model="block.metadata.config.items"
+                @click:close="onRemoveElement($event)"
+                :copy="false"
             >
-                <v-expansion-panel-header>{{
-                    'Tab ' + (itemIndex + 1)
-                }}</v-expansion-panel-header>
-                <v-expansion-panel-content :key="expansionPanelKey">
-                    <v-text-field
-                        v-model="
-                            block.metadata.config.items[itemIndex].tabHeader
-                        "
-                        :placeholder="'item ' + (itemIndex + 1)"
-                    ></v-text-field>
-                    <v-btn @click="onToggleExpand(item)" class="mb-3">
-                        <v-icon
-                            v-if="
-                                !block.metadata.config.items[itemIndex].expand
+                <template #header="{ item, index }">
+                    {{ item.tabHeader !== '' ? item.tabHeader : 'No Header' }}
+                </template>
+                <template #body="{ item, index }">
+                    <v-container :key="expansionPanelKey">
+                        <p class="p-label">
+                            {{
+                                $t(
+                                    'windward.core.components.settings.tab.header'
+                                )
+                            }}
+                        </p>
+                        <v-text-field
+                            outlined
+                            :autofocus="true"
+                            v-model="
+                                block.metadata.config.items[index].tabHeader
                             "
-                            >mdi-arrow-expand-all</v-icon
-                        >
-                        <v-icon
-                            v-if="block.metadata.config.items[itemIndex].expand"
-                        >
-                            mdi-arrow-collapse-all
-                        </v-icon>
-                    </v-btn>
-                    <br />
-                    <TextEditor
-                        :api_key="api_key"
-                        v-model="block.metadata.config.items[itemIndex].content"
-                        v-show="!block.metadata.config.items[itemIndex].expand"
-                    ></TextEditor>
-                    <br />
-                    <v-btn
-                        color="primary"
-                        @click="onRemoveElement(itemIndex)"
-                        class="fullWidth"
-                    >
-                        <v-icon>mdi-minus</v-icon>
-                        {{
-                            $t(
-                                'windward.core.components.content.blocks.tab.delete_tab'
-                            )
-                        }}
-                    </v-btn>
-                </v-expansion-panel-content>
-            </v-expansion-panel>
-        </v-expansion-panels>
+                            :placeholder="'item ' + (index + 1)"
+                        ></v-text-field>
+                        <v-btn @click="onToggleExpand(index)" class="mb-3">
+                            <v-icon
+                                v-if="
+                                    !block.metadata.config.items[index].expand
+                                "
+                                >mdi-arrow-expand-all</v-icon
+                            >
+                            <v-icon
+                                v-if="block.metadata.config.items[index].expand"
+                            >
+                                mdi-arrow-collapse-all
+                            </v-icon>
+                        </v-btn>
+                        <TextEditor
+                            :api_key="api_key"
+                            v-model="block.metadata.config.items[index].content"
+                            v-if="!item.expand"
+                        ></TextEditor>
+                    </v-container>
+                </template>
+            </SortableExpansionPanel>
+            <v-row justify="center" class="my-4">
+                <v-btn color="primary" @click="onAddElement">
+                    <v-icon>mdi-plus</v-icon>
+                    {{ $t('windward.core.components.settings.tab.add_tab') }}
+                </v-btn>
+            </v-row>
+        </v-form>
+        <div v-if="loading" class="text-center">
+            <v-progress-circular
+                :size="70"
+                :width="7"
+                color="primary"
+                indeterminate
+            ></v-progress-circular>
+        </div>
     </div>
 </template>
 
@@ -63,17 +72,20 @@ import _, { get } from 'lodash'
 import Crypto from '~/helpers/Crypto'
 import TextEditor from '~/components/Text/TextEditor.vue'
 import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import SortableExpansionPanel from '~/components/SortableExpansionPanel.vue'
 
 export default {
     name: 'TabSettings',
-    components: { TextEditor },
+    components: { TextEditor, SortableExpansionPanel },
     extends: BaseContentSettings,
     beforeMount() {
         if (_.isEmpty(this.block)) {
             this.block = {}
         }
         if (_.isEmpty(this.block.body)) {
-            this.block.body = ''
+            this.block.body = this.$t(
+                'windward.core.components.settings.tab.tab'
+            )
         }
         if (_.isEmpty(this.block.metadata)) {
             this.block.metadata = {}
@@ -93,12 +105,13 @@ export default {
             this.block.metadata.config.items = []
             this.block.metadata.config.items.push(defaultObject)
         }
-        this.block.body = 'tab'
     },
     data() {
         return {
             expansionPanelKey: '0',
             api_key: process.env.TINY_MCE_API_KEY,
+            valid: true,
+            loading: false,
         }
     },
     mounted() {
@@ -111,7 +124,6 @@ export default {
             clearTimeout(this.debouncer)
         }
     },
-
     methods: {
         onAddElement() {
             const defaultObject = {
@@ -125,9 +137,10 @@ export default {
             this.block.metadata.config.items.splice(index, 1)
             this.expansionPanelKey = Crypto.id()
         },
-        onToggleExpand(item) {
+        onToggleExpand(index) {
             this.expansionPanelKey = Crypto.id()
-            return (item.expand = !item.expand)
+            return (this.block.metadata.config.items[index].expand =
+                !this.block.metadata.config.items[index].expand)
         },
     },
 }
@@ -136,7 +149,8 @@ export default {
 .v-progress-circular {
     margin: 1rem;
 }
-.fullWidth {
-    width: 100%;
+.p-label {
+    font-size: 16px;
+    font-weight: 500;
 }
 </style>

package/components/Settings/TextEditorSettings.vue

@@ -100,9 +100,8 @@
         <br />
         <text-editor
             v-model="block.body"
-            v-show="
-                settingSelector.includes(1) && !block.metadata.config.expand
-            "
+            v-if="settingSelector.includes(1) && !block.metadata.config.expand"
+            autofill
         ></text-editor>
         <v-skeleton-loader
             v-bind="attrs"

package/components/utils/FillInBlank/FillInBlankInput.vue

@@ -133,7 +133,10 @@ export default {
 
     computed: {
         answerIsCorrect() {
-            if (_.toLower(this.answer) === _.toLower(this.userInput)) {
+            if (
+                _.trim(_.toLower(this.answer)) ===
+                _.trim(_.toLower(this.userInput))
+            ) {
                 return true
             }
             return false

package/components/utils/TinyMCEWrapper.vue

@@ -6,7 +6,7 @@
         :api-key="api_key"
         :init="config"
         tag-name="div"
-        model-events="change keydown blur focus paste input submit"
+        model-events="change keydown blur focus paste input submit SetContent"
     >
     </editor>
 </template>
@@ -29,13 +29,13 @@ export default {
         menubar: {
             type: String,
             required: false,
-            default: 'file edit insert format view table windward help',
+            default: 'edit insert format  view table windward help',
         },
         toolbar: {
             type: String,
             required: false,
             default:
-                'undo redo | formatselect | bold italic | alignleft aligncenter alignright | table bullist numlist outdent indent | mathButton ',
+                'undo redo | formatselect | fontsizeselect  | bold italic underline strikethrough removeformat | alignleft aligncenter alignright | table bullist numlist outdent indent | mathButton ',
         },
     },
     beforeMount() {
@@ -71,6 +71,10 @@ export default {
                         title: 'Table',
                         items: 'inserttable | tableprops |  deletetable',
                     },
+                    format: {
+                        title: 'Format',
+                        items: ' bold italic underline strikethrough superscript subscript codeformat | formats align | forecolor backcolor | language | removeformat',
+                    },
                 },
                 plugins: [
                     'advlist autolink lists link  charmap',
@@ -85,6 +89,8 @@ export default {
                 table_default_attributes: {
                     class: 'default',
                 },
+                font_size_formats:
+                    '8pt 10pt 12pt 14pt 16pt 18pt 24pt 36pt 48pt',
                 table_class_list: [
                     { title: 'None', value: ' ' },
                     {
@@ -163,6 +169,7 @@ export default {
                         WindwardPlugins
                     )
                 },
+
                 formats: {
                     glossary: {
                         inline: 'span',
@@ -183,7 +190,7 @@ export default {
                             contenteditable: 'true',
                             'data-feedback': btoa(
                                 this.$t(
-                                    'windward.core.components.utils.fill_in_the_blank.fill_in_blank_input.default.description'
+                                    'windward.core.components.utils.fill_in_the_blank.fill_in_blank_input.default_description'
                                 )
                             ),
                         },

package/components/utils/assets/tinymce/css/content.scss

@@ -193,5 +193,5 @@ span.windward-fill-blank{
     color: #000000;
 }
 
-
+body { font-family: 'Roboto', sans-serif; }
 

package/helpers/FillInBlankHelper.ts

@@ -1,5 +1,3 @@
-import * as _ from "lodash";
-import GlossaryTerm from "~/helpers/GlossaryTerm";
 
 export default class FillInBlankHelper {
 

package/helpers/tinymce/plugin.ts

@@ -66,7 +66,7 @@ const WindwardPlugins = function (editor: any) {
         setOnClickEquationContent(editor)
         setOnClickFillInBlank(editor)
     })
-    editor.on('change', function () {
+    editor.on('SetContent', function () {
         setOnClickEquationContent(editor)
         setOnClickFillInBlank(editor)
     })

package/i18n/en-US/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/en-US/components/content/blocks/open_response_collate.ts

@@ -3,4 +3,5 @@ export default {
     no_response: '[no response]',
     initial_setup:
         'Open the block settings and select Open Response blocks you want to collate for download',
+    generate_error: 'Failed to generate the document',
 }

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

@@ -0,0 +1,5 @@
+export default {
+    information: 'Click one of the items below to make a choice.',
+    try_again: 'Try again',
+    selected_choice: 'Your choice',
+}

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

@@ -0,0 +1,5 @@
+export default {
+    items: 'Accordion Items',
+    add: 'Add Accordion',
+    accordion: 'Accordion',
+}

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

@@ -2,8 +2,16 @@ export default {
     title: 'Title',
     description: 'Description',
     information: 'Click on each of the list items below for more information.',
+    no_icon: 'No Icon',
     item_icon: 'Item {0} icon',
     item_title: 'Item Title',
     item_color: 'Item Color',
     item_text: 'Item Text',
+    autocolor: 'Auto-color Options',
+    display: {
+        show_title: 'Always Show Title',
+        show_background: 'Show Background',
+        round_icon: 'Round Icons',
+        italic_icon: 'Italic Icons',
+    },
 }

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

@@ -1 +1,3 @@
-export default {}
+export default {
+    hide_background: 'Hide Background',
+}

package/i18n/en-US/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/en-US/components/settings/scenario_choice.ts

@@ -0,0 +1,19 @@
+export default {
+    title: 'Title',
+    description: 'Description',
+    over_item_limit: 'Cannot add more items',
+    no_title: 'No Title',
+    item_title: 'Item Title',
+    item_text: 'Item Text',
+    correct_choice: 'Is Correct Choice',
+    show_reset: 'Allow Retries',
+    display_style: 'Display Style',
+    is_linked: 'Block links to a page',
+    link_content: 'Link Content',
+    link_text: 'Link Text',
+    link_required: 'Link text and target page are required',
+    style: {
+        letter: 'Letters',
+        number: 'Numbers',
+    },
+}

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

@@ -0,0 +1,7 @@
+export default {
+    tab: 'Tab',
+    tabs: 'Tabs',
+    header: 'Tab Header',
+    add_tab: 'Add Tab',
+    delete_tab: 'Delete Tab',
+}

package/i18n/en-US/components/utils/FillInBlank/FillInBlankInput.ts

@@ -5,7 +5,7 @@ export default {
     check_answer: 'Click to check answer',
     close: 'Close',
     correct: 'Correct',
-    default_description: 'default description',
+    default_description: 'Your input is correct',
     incorrect: 'Incorrect',
     input_incorrect: "'{0}' is incorrect",
     reset: 'reset',

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

@@ -12,6 +12,7 @@ export default {
         image: 'Image',
         user_upload: 'User Upload',
         clickable_icons: 'Clickable Icons',
+        scenario_choice: 'Scenario Choice',
         feedback: 'Feedback',
     },
     grouping: {

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

@@ -8,10 +8,12 @@ export default {
         tab_settings: 'Tab Settings',
         text_editor: 'Text Editor Settings',
         clickable_icons: 'Clickable Icons Settings',
+        scenario_choice: 'Scenario Choice',
         accordion: 'Accordion Settings',
         video: 'Video Settings',
         table: 'Table Settings',
         math: 'Math Settings',
         feedback: 'Feedback Settings',
+        title: 'Title',
     },
 }

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

@@ -4,6 +4,8 @@ export default {
     module: 'Módulo',
     preset: 'Preajustes',
     likert: 'Agregar preguntas tipo Likert estándar',
+    likert_directions:
+        'Haga clic para elegir la primera opción y luego use la pestaña para cambiar los grupos de botones y luego las flechas para navegar entre las opciones.',
     contact_mindedge: 'Póngase en contacto con Mindedge pregunta',
     open_response: 'Respuesta abierta',
     response_prompt: 'Proporcione comentarios sobre el curso a continuación',

package/i18n/es-ES/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/es-ES/components/content/blocks/open_response_collate.ts

@@ -3,4 +3,5 @@ export default {
     no_response: '[sin respuesta]',
     initial_setup:
         'Abra la configuración del bloque y seleccione los bloques de respuesta abierta que desea recopilar para descargar',
+    generate_error: 'No se pudo generar el documento',
 }

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

@@ -0,0 +1,6 @@
+export default {
+    information:
+        'Haga clic en uno de los elementos siguientes para tomar una decisión.',
+    try_again: 'Inténtalo de nuevo',
+    selected_choice: 'Tu elección',
+}

package/i18n/es-ES/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/es-ES/components/settings/accordion.ts

@@ -0,0 +1,5 @@
+export default {
+    items: 'Artículos de acordeón',
+    add: 'Agregar Acordeón',
+    accordion: 'Acordeón',
+}

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

@@ -3,8 +3,16 @@ export default {
     description: 'Descripción',
     information:
         'Haga clic en cada uno de los elementos de la lista a continuación para obtener más información.',
+    no_icon: 'Sin icono',
     item_icon: 'Ícono de elemento {0}',
     item_title: 'Título del artículo',
     item_color: 'Color del artículo',
     item_text: 'Texto del elemento',
+    autocolor: 'Opciones de color automático',
+    display: {
+        show_title: 'Mostrar siempre el título',
+        show_background: 'Mostrar fondo',
+        round_icon: 'Iconos redondos',
+        italic_icon: 'Iconos en cursiva',
+    },
 }

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

@@ -1 +1,3 @@
-export default {}
+export default {
+    hide_background: 'Ocultar fondo',
+}

package/i18n/es-ES/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/es-ES/components/settings/scenario_choice.ts

@@ -0,0 +1,19 @@
+export default {
+    title: 'Título',
+    description: 'Descripción',
+    over_item_limit: 'No se pueden agregar más elementos',
+    no_title: 'Sin título',
+    item_title: 'Título del artículo',
+    item_text: 'Texto del elemento',
+    correct_choice: 'Es la elección correcta',
+    show_reset: 'Permitir reintentos',
+    display_style: 'Estilo de visualización',
+    is_linked: 'Bloquear enlaces a una página',
+    link_content: 'Contenido del enlace',
+    link_text: 'Texto del enlace',
+    link_required: 'Se requieren el texto del enlace y la página de destino.',
+    style: {
+        letter: 'Letras',
+        number: 'Números',
+    },
+}

package/i18n/es-ES/components/{content/blocks → settings}/tab.ts

@@ -1,4 +1,7 @@
 export default {
+    tab: 'Pestaña',
+    tabs: 'Pestañas',
+    header: 'Encabezado de Pestaña',
     add_tab: 'Añadir pestaña',
     delete_tab: 'Borrar pestaña',
 }

package/i18n/es-ES/components/utils/FillInBlank/FillInBlankInput.ts

@@ -0,0 +1,13 @@
+export default {
+    add_answer: 'Agregar respuesta',
+    answer: 'Respuesta',
+    check: 'Verificar',
+    check_answer: 'Haga clic para comprobar respuesta',
+    close: 'Cerrar',
+    correct: 'Correcto',
+    default_description: 'Su entrada es correcta',
+    incorrect: 'Incorrecto',
+    input_incorrect: "'{0}' es incorrecto",
+    reset: 'restablecer',
+    try_again: 'Intentar de nuevo',
+}

package/i18n/es-ES/components/utils/FillInBlank/FillInTheBlanksManager.ts

@@ -0,0 +1,11 @@
+export default {
+    close: 'Cerrar',
+    try_again: 'Intentar de nuevo',
+    correct: 'Correcto',
+    incorrect: 'Incorrecto',
+    reset: 'restablecer',
+    check: 'Verificar',
+    add_answer: 'Agregar respuesta',
+    default_description: 'descripción predeterminada',
+    answer: 'Respuesta',
+}

package/i18n/es-ES/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/es-ES/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/es-ES/components/utils/tiny_mce_wrapper.ts

@@ -4,6 +4,7 @@ export default {
     alternate_forms: 'Formas alternativas',
     definition: 'definición',
     related_terms: 'términos relacionados',
+    fill_blank: 'Completa el espacio en blanco',
     table: {
         default: 'Tabla predeterminada',
         default_white_line: 'Líneas blancas de tabla predeterminadas',