@windward/core 0.1.2 → 0.1.3

package/components/Content/Blocks/ClickableIcons.vue

@@ -20,12 +20,11 @@
                 no-gutters
                 :class="rowClass(itemIndex)"
             >
-                <v-col cols="2">
+                <v-col cols="12" xl="2" lg="3" md="3" sm="3">
                     <v-btn
-                        class="pt-8 pb-8 outlined-button mb-4"
+                        class="button-icon pa-1 mb-4"
                         :color="itemColor(itemIndex)"
                         :fab="block.metadata.config.display.round_icon"
-                        x-large
                         outlined
                         @click="item.active = !item.active"
                     >
@@ -37,7 +36,7 @@
                         }}</span>
                     </v-btn>
                 </v-col>
-                <v-col cols="10">
+                <v-col cols="12" xl="10" lg="9" md="9" sm="9">
                     <h4
                         v-if="
                             block.metadata.config.display.show_title ||
@@ -185,9 +184,11 @@ export default {
 .option-container {
     border-radius: 1rem;
 }
-.outlined-button {
+.button-icon {
     border-width: 4px;
     background: #fff;
+    height: 74px !important;
+    width: 74px;
 }
 .text-icon {
     font-size: 1.5rem;

package/components/Content/Blocks/Email.vue

@@ -70,14 +70,16 @@
                                     >{{ item.from ? item.from : 'From' }}
                                 </span>
                             </v-col>
-                            <v-col> </v-col>
                         </v-row>
                     </v-expansion-panel-header>
                     <v-expansion-panel-content>
                         <v-container class="pa-0 container-details">
                             <v-row>
                                 <v-col cols="1"></v-col>
-                                <v-col class="pa-0 div-details">
+                                <v-col
+                                    class="pa-0 div-details"
+                                    v-if="item.to || item.cc"
+                                >
                                     <div class="div-details-to pl-4">
                                         {{
                                             $t(

package/components/Content/Blocks/Image.vue

@@ -1,50 +1,84 @@
 <template>
     <div>
-        <div v-if="!block.body" class="img-holder">
-            <v-skeleton-loader
-                height="300px"
-                :elevation="2"
-                type="image"
-            ></v-skeleton-loader>
+        <v-container class="pa-0 ma-0">
+            <div v-if="!block.body" class="img-holder">
+                <v-skeleton-loader
+                    height="300px"
+                    :elevation="2"
+                    type="image"
+                ></v-skeleton-loader>
 
-            <div class="no-source-overlay">
-                <v-icon x-large>mdi-file-question</v-icon><br />
-                {{
-                    $t(
-                        'windward.core.components.content.blocks.image.no_image_url'
-                    )
-                }}
+                <div class="no-source-overlay">
+                    <v-icon x-large>mdi-file-question</v-icon><br />
+                    {{
+                        $t(
+                            'windward.core.components.content.blocks.image.no_image_url'
+                        )
+                    }}
+                </div>
             </div>
-        </div>
-        <v-responsive :aspect-ratio="aspectRatio">
-            <v-img
-                v-if="block.body"
-                :alt="block.metadata.config.alt"
-                :aria-describedby="block.metadata.config.aria_described_by"
-                :class="imageClass"
-                :src="block.body"
-                contain
-            >
-                <template #placeholder>
-                    <v-skeleton-loader
-                        type="image, image, list-item-avatar"
-                        height="100%"
-                        width="100%"
-                    ></v-skeleton-loader>
-                </template>
-            </v-img>
-        </v-responsive>
-        <TextViewer
-            v-if="describedById"
-            v-model="describedByText"
-            :id="describedById"
-            class="sr-only"
-        ></TextViewer>
+            <v-responsive :aspect-ratio="aspectRatio">
+                <v-img
+                    v-if="block.body"
+                    :alt="block.metadata.config.alt"
+                    :aria-describedby="block.metadata.config.aria_described_by"
+                    :class="imageClass"
+                    :src="block.body"
+                    contain
+                    @click="onHandleModal"
+                >
+                    <template #placeholder>
+                        <v-skeleton-loader
+                            type="image, image, list-item-avatar"
+                            height="100%"
+                            width="100%"
+                        ></v-skeleton-loader>
+                    </template>
+                </v-img>
+            </v-responsive>
+            <TextViewer
+                v-if="describedById"
+                v-model="describedByText"
+                :id="describedById"
+                class="sr-only"
+            ></TextViewer>
+        </v-container>
+        <Dialog v-model="dialog" persistent :trigger="false">
+            <template #title></template>
+            <template #form="{ on, attrs }">
+                <v-responsive
+                    :aspect-ratio="aspectRatio"
+                    v-bind="attrs"
+                    v-on="on"
+                >
+                    <v-img
+                        v-if="block.body"
+                        :alt="block.metadata.config.alt"
+                        :aria-describedby="
+                            block.metadata.config.aria_described_by
+                        "
+                        :class="imageClass"
+                        :src="block.body"
+                        contain
+                        @click="onHandleModal"
+                    >
+                        <template #placeholder>
+                            <v-skeleton-loader
+                                type="image, image, list-item-avatar"
+                                height="100%"
+                                width="100%"
+                            ></v-skeleton-loader>
+                        </template>
+                    </v-img>
+                </v-responsive>
+            </template>
+        </Dialog>
     </div>
 </template>
 
 <script>
 import _ from 'lodash'
+import Dialog from '~/components/Dialog'
 import TextViewer from '~/components/Text/TextViewer'
 import Crypto from '~/helpers/Crypto'
 import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
@@ -53,12 +87,14 @@ export default {
     name: 'ContentBlockImage',
     extends: BaseContentBlock,
     components: {
+        Dialog,
         TextViewer,
     },
     data() {
         return {
             id: 'image_' + Crypto.id(),
             aspectRatio: undefined,
+            dialog: false,
         }
     },
     beforeMount() {
@@ -71,6 +107,9 @@ export default {
         if (!_.isBoolean(this.block.metadata.config.hide_background)) {
             this.block.metadata.config.hide_background = false
         }
+        if (!_.isBoolean(this.block.metadata.config.modal)) {
+            this.block.metadata.config.modal = false
+        }
         if (_.isEmpty(this.block.metadata.config.aria_describedby)) {
             this.block.metadata.config.aria_describedby = ''
         }
@@ -111,8 +150,13 @@ export default {
             }
         },
     },
-    mounted() {},
-    methods: {},
+    methods: {
+        onHandleModal() {
+            if (this.block.metadata.config.modal) {
+                this.dialog = true
+            }
+        },
+    },
 }
 </script>
 

package/components/Settings/ClickableIconsSettings.vue

@@ -1,9 +1,10 @@
 <template>
     <div>
-        <v-container>
+        <v-container class="pa-0">
             <v-col class="pa-0">
                 <v-text-field
                     v-model="block.metadata.config.title"
+                    outlined
                     id="title"
                     :label="
                         $t(
@@ -13,6 +14,7 @@
                 ></v-text-field>
                 <v-text-field
                     v-model="block.metadata.config.description"
+                    outlined
                     id="description"
                     :label="
                         $t(
@@ -60,12 +62,8 @@
                         )
                     "
                 ></v-switch>
-                <v-btn color="primary" outlined block @click="onAddElement"
-                    ><v-icon>mdi-plus</v-icon
-                    >{{ $t('shared.forms.add') }}</v-btn
-                >
             </v-col>
-            <v-col>
+            <v-col class="pa-0">
                 <SortableExpansionPanel
                     v-model="block.metadata.config.items"
                     @click:close="onRemoveElement"
@@ -86,47 +84,64 @@
                         </span>
                     </template>
                     <template #body="{ index }">
-                        <TextIconPicker
-                            v-model="block.metadata.config.items[index].icon"
-                            :label="
-                                $t(
-                                    'windward.core.components.settings.clickable_icon.item_icon',
-                                    [index + 1]
-                                )
-                            "
-                        ></TextIconPicker>
-                        <v-text-field
-                            v-model="block.metadata.config.items[index].title"
-                            :id="'item-' + index + '-title'"
-                            :label="
-                                $t(
-                                    'windward.core.components.settings.clickable_icon.item_title'
-                                )
-                            "
-                        ></v-text-field>
+                        <v-container>
+                            <TextIconPicker
+                                v-model="
+                                    block.metadata.config.items[index].icon
+                                "
+                                :label="
+                                    $t(
+                                        'windward.core.components.settings.clickable_icon.item_icon',
+                                        [index + 1]
+                                    )
+                                "
+                            ></TextIconPicker>
+                            <v-text-field
+                                v-model="
+                                    block.metadata.config.items[index].title
+                                "
+                                :id="'item-' + index + '-title'"
+                                outlined
+                                :label="
+                                    $t(
+                                        'windward.core.components.settings.clickable_icon.item_title'
+                                    )
+                                "
+                            ></v-text-field>
 
-                        <ColorPicker
-                            v-if="!block.metadata.config.display.autocolor"
-                            v-model="block.metadata.config.items[index].color"
-                            :label="
+                            <ColorPicker
+                                v-if="!block.metadata.config.display.autocolor"
+                                v-model="
+                                    block.metadata.config.items[index].color
+                                "
+                                :label="
+                                    $t(
+                                        'windward.core.components.settings.clickable_icon.item_color'
+                                    )
+                                "
+                            ></ColorPicker>
+                            <v-divider class="mt-3 mb-3" />
+                            <span>{{
                                 $t(
-                                    'windward.core.components.settings.clickable_icon.item_color'
+                                    'windward.core.components.settings.clickable_icon.item_text'
                                 )
-                            "
-                        ></ColorPicker>
-                        <v-divider class="mt-3 mb-3" />
-                        <span>{{
-                            $t(
-                                'windward.core.components.settings.clickable_icon.item_text'
-                            )
-                        }}</span>
-                        <TextEditor
-                            v-model="block.metadata.config.items[index].body"
-                            :height="200"
-                        ></TextEditor>
+                            }}</span>
+                            <TextEditor
+                                v-model="
+                                    block.metadata.config.items[index].body
+                                "
+                                :height="200"
+                            ></TextEditor>
+                        </v-container>
                     </template>
                 </SortableExpansionPanel>
             </v-col>
+            <v-row justify="center" class="my-4">
+                <v-btn color="primary" @click="onAddElement"
+                    ><v-icon>mdi-plus</v-icon
+                    >{{ $t('shared.forms.add') }}</v-btn
+                >
+            </v-row>
         </v-container>
     </div>
 </template>

package/components/Settings/ImageSettings.vue

@@ -23,6 +23,10 @@
                 $t('windward.core.components.settings.image.hide_background')
             "
         ></v-switch>
+        <v-switch
+            v-model="block.metadata.config.modal"
+            :label="$t('windward.core.components.settings.image.modal')"
+        ></v-switch>
 
         <v-form>
             <v-text-field
@@ -79,6 +83,9 @@ export default {
         if (!_.isBoolean(this.block.metadata.config.hide_background)) {
             this.block.metadata.config.hide_background = false
         }
+        if (!_.isBoolean(this.block.metadata.config.modal)) {
+            this.block.metadata.config.modal = false
+        }
         if (_.isEmpty(this.block.metadata.config.aria_describedby)) {
             this.block.metadata.config.aria_describedby = ''
         }

package/components/utils/FillInBlank/FillInBlankInput.vue

@@ -139,8 +139,8 @@ export default {
     computed: {
         answerIsCorrect() {
             if (
-                _.trim(_.toLower(this.answer)) ===
-                _.trim(_.toLower(this.userInput))
+                _.replace(_.trim(_.toLower(this.answer)),new RegExp(' ','g'), '', ) ===
+                _.replace(_.trim(_.toLower(this.userInput)),new RegExp(' ','g'), '', )
             ) {
                 return true
             }

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

@@ -1,3 +1,4 @@
 export default {
     hide_background: 'Hide Background',
+    modal: 'Click to open in modal',
 }

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

@@ -1,3 +1,4 @@
 export default {
     hide_background: 'Ocultar fondo',
+    modal: 'Haga clic para abrir en modal',
 }

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

@@ -1,3 +1,4 @@
 export default {
     hide_background: 'Dölj bakgrund',
+    modal: 'Klicka för att öppna i modal',
 }

package/package.json

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

package/plugin.js

@@ -165,16 +165,6 @@ export default {
                         'windward.core.shared.content_blocks.grouping.basic',
                 },
             },
-            {
-                tag: 'core-math',
-                template: Math,
-                metadata: {
-                    icon: 'mdi-math-integral',
-                    name: 'windward.core.shared.content_blocks.title.math',
-                    grouping:
-                        'windward.core.shared.content_blocks.grouping.basic',
-                },
-            },
             {
                 tag: 'core-accordion',
                 template: Accordion,
@@ -262,7 +252,7 @@ export default {
                     icon: 'mdi-email',
                     name: 'windward.core.shared.content_blocks.title.email',
                     grouping:
-                    'windward.core.shared.content_blocks.grouping.basic',
+                        'windward.core.shared.content_blocks.grouping.basic',
                 },
             },
             {
@@ -376,15 +366,6 @@ export default {
                     name: 'windward.core.shared.settings.title.text_editor',
                 },
             },
-            {
-                tag: 'core-math-settings',
-                template: MathSettings,
-                context: ['block.core-math'],
-                metadata: {
-                    icon: 'mdi-notebook-outline',
-                    name: 'windward.core.shared.settings.title.math',
-                },
-            },
             {
                 tag: 'core-feedback-settings',
                 template: FeedbackSettings,

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

@@ -27,8 +27,8 @@ describe('EmailSettings', () => {
         })
         wrapper.vm.onAddElement()
         expect(wrapper.vm.$data.block.metadata.config.emails).toEqual([
-            { from: '', to: '', cc: '', body: '', expand: false },
-            { from: '', to: '', cc: '', body: '', expand: false },
+            { from: '', to: '', cc: '', body: '', expand: false, initials: '' },
+            { from: '', to: '', cc: '', body: '', expand: false, initials: '' },
         ])
     })
 

package/test/helpers/MathHelper.spec.js

@@ -7,7 +7,7 @@ const text =
     ' Et inventore hic aut.'
 const mathML =
     '<math xmlns="http://www.w3.org/1998/Math/MathML"><mfrac><mn>1</mn><mn>2</mn></mfrac><mo>+</mo><mfrac><mn>3</mn><mn>4</mn></mfrac></math>'
-const latexContent = '\\frac{1}{2}+\\frac{3}{4}'
+const latexContent = '\\frac{1}{2} + \\frac{3}{4}'
 const srEnhancedlatex =
     '**' +
     JSON.stringify({

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>