@windward/core 0.2.1 → 0.2.3

package/.idea/codeStyles/Project.xml

@@ -0,0 +1,58 @@
+<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

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

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<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

@@ -0,0 +1,8 @@
+<?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

@@ -0,0 +1,24 @@
+<?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

@@ -0,0 +1,19 @@
+<?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

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

package/.idea/watcherTasks.xml

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

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

@@ -0,0 +1,8 @@
+<?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/components/Content/Blocks/Accordion.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <v-expansion-panels
-            v-model="block.metadata.config.currentAccordion"
+            v-model="selectedPanels"
             flat
             accordion
             focusable
@@ -77,8 +77,8 @@ export default {
             this.block.metadata.config.items = []
             this.block.metadata.config.items.push(defaultObject)
         }
-        if (_.isEmpty(this.block.metadata.config.currentAccordion)) {
-            this.block.metadata.config.currentAccordion = 0
+        if (_.isEmpty(this.block.metadata.config.selectedPanels)) {
+            this.block.metadata.config.selectedPanels = 0
         }
         this.block.body = this.$t(
             'windward.core.shared.content_blocks.title.accordion'
@@ -88,10 +88,19 @@ export default {
         return {
             expansionPanelKey: '0',
             editingInContentItem: false,
+            selectedPanels: 0,
         }
     },
     watch: {
         value(newValue) {
+            if (
+                !this.render &&
+                this.selectedPanels !== newValue.metadata.config.selectedPanels
+            ) {
+                // update editing content block
+                this.selectedPanels = newValue.metadata.config.selectedPanels
+                this.expansionPanelKey = Crypto.id()
+            }
             const length = newValue.metadata.config.items.length
             let counter = 0
             newValue.metadata.config.items.forEach((element) => {
@@ -115,6 +124,7 @@ export default {
                 this.block.metadata.config.items.forEach((element) => {
                     element.expand = false
                 })
+                this.selectedPanels = 0
             }
         },
     },
@@ -123,7 +133,6 @@ export default {
             this.block.metadata.config.items.forEach((element) => {
                 element.expand = false
             })
-            this.block.metadata.config.currentAccordion = null
         },
     },
 }

package/components/Content/Blocks/Email.vue

@@ -1,5 +1,5 @@
 <template>
-    <v-container class="container-left-border">
+    <v-container>
         <v-row
             v-if="
                 block.metadata.config.title ||
@@ -16,16 +16,20 @@
             </v-col>
         </v-row>
         <v-row>
-            <v-expansion-panels v-model="selectedPanels" accordion>
+            <v-expansion-panels
+                v-model="selectedPanels"
+                :key="expansionPanelKey"
+                accordion
+            >
                 <v-container
                     class="pa-0 primary container-subject d-flex justify-center align-center"
                 >
-                    <v-row class="d-flex pa-5">
+                    <v-row class="d-flex ma-5">
                         <v-col cols="6">
                             {{
-                                block.metadata.config.subject
-                                    ? block.metadata.config.subject
-                                    : 'Subject'
+                                $t(
+                                    'windward.core.components.content.blocks.email.email'
+                                )
                             }}
                         </v-col>
                         <v-col
@@ -75,10 +79,10 @@
                                 >
                             </v-col>
                             <v-col
-                                xl="1"
-                                lg="3"
-                                md="11"
-                                sm="10"
+                                xl="4"
+                                lg="4"
+                                md="5"
+                                sm="5"
                                 xs="10"
                                 class="d-flex align-center"
                             >
@@ -88,12 +92,16 @@
                             </v-col>
                             <v-col
                                 v-if="selectedPanels !== index"
-                                xl="10"
-                                lg="8"
+                                xl="7"
+                                lg="7"
+                                md="6"
+                                sm="5"
                                 class="d-flex align-center container-body-preview"
                             >
                                 <div class="div-preview">
-                                    {{ onRemoveTags(item.body) }}
+                                    {{
+                                        item.body ? onRemoveTags(item.body) : ''
+                                    }}
                                 </div>
                             </v-col>
                         </v-row>
@@ -127,18 +135,25 @@
                                             )
                                         }}: {{ item.cc }}
                                     </div>
+                                    <div class="div-details-cc">
+                                        {{
+                                            $t(
+                                                'windward.core.components.content.blocks.email.subject'
+                                            )
+                                        }}: {{ item.subject }}
+                                    </div>
                                 </v-col>
                             </v-row>
                             <v-row>
                                 <v-col cols="1"></v-col>
                                 <v-col class="pl-4">
                                     <TextViewer
-                                        v-if="!item.expand"
+                                        v-if="!item.tinymce_expand"
                                         v-model="item.body"
                                         text-viewer
                                     ></TextViewer>
                                     <TextEditor
-                                        v-if="!render && item.expand"
+                                        v-if="!render && item.tinymce_expand"
                                         v-model="
                                             block.metadata.config.emails[index]
                                                 .body
@@ -155,7 +170,7 @@
                         >
                             <v-row class="pt-4">
                                 <v-col cols="10" class="pa-0">
-                                    <v-btn color="primary" outlined>
+                                    <v-btn color="primary" text>
                                         <v-icon>mdi-reply</v-icon>
                                         {{
                                             $t(
@@ -163,7 +178,7 @@
                                             )
                                         }}</v-btn
                                     >
-                                    <v-btn color="primary" outlined>
+                                    <v-btn color="primary" text>
                                         <v-icon>mdi-reply-all</v-icon>
                                         {{
                                             $t(
@@ -171,7 +186,7 @@
                                             )
                                         }}</v-btn
                                     >
-                                    <v-btn color="primary" outlined>
+                                    <v-btn color="primary" text>
                                         <v-icon>mdi-share</v-icon>
                                         {{
                                             $t(
@@ -199,6 +214,7 @@
 </template>
 <script>
 import _ from 'lodash'
+import Crypto from '~/helpers/Crypto'
 import TextEditor from '~/components/Text/TextEditor'
 import TextViewer from '~/components/Text/TextViewer'
 import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
@@ -231,6 +247,9 @@ export default {
         if (_.isEmpty(this.block.metadata.config.activeEmail)) {
             this.block.metadata.config.activeEmail = 0
         }
+        if (_.isEmpty(this.block.metadata.config.selectedPanels)) {
+            this.block.metadata.config.selectedPanels = 0
+        }
         this.block.body = this.$t(
             'windward.core.components.content.blocks.email.title'
         )
@@ -242,18 +261,34 @@ export default {
         }
     },
     watch: {
-        render() {
-            if (this.render) {
+        render(newValue) {
+            if (newValue) {
                 this.block.metadata.config.emails.forEach((element) => {
-                    element.expand = false
+                    element.tinymce_expand = false
                 })
                 this.selectedPanels =
                     this.block.metadata.config.emails.length - 1
+            } else {
+                // when in editing mode first panel opens initially
+                this.selectedPanels = 0
+            }
+        },
+        value(newValue) {
+            if (
+                !this.render &&
+                this.selectedPanels !== newValue.metadata.config.selectedPanels
+            ) {
+                // update editing content block
+                this.selectedPanels = newValue.metadata.config.selectedPanels
+                this.expansionPanelKey = Crypto.id()
             }
         },
     },
     mounted() {
-        this.selectedPanels = this.block.metadata.config.emails.length - 1
+        this.selectedPanels =
+            this.block.metadata.config.emails.length === 0
+                ? this.block.metadata.config.emails.length
+                : this.block.metadata.config.emails.length - 1
     },
     methods: {
         onRemoveTags(body) {
@@ -284,7 +319,7 @@ export default {
 .v-expansion-panel {
     border: 1px solid var(--v-primary-base);
 }
-@media only screen and (max-width: 1264px) {
+@media only screen and (max-width: 800px) {
     .container-body-preview {
         display: none !important;
     }
@@ -299,4 +334,7 @@ export default {
 .container-header {
     width: 100%;
 }
+.v-expansion-panels {
+    z-index: 0 !important;
+}
 </style>

package/components/Content/Blocks/Feedback.vue

@@ -90,7 +90,8 @@
             v-if="render && !doesFeedbackExist"
         >
             <v-btn
-                color="error"
+                color="primary"
+                outlined
                 class="text-center mt-4 mr-2"
                 @click="onReset()"
                 >{{

package/components/Content/Blocks/Image.vue

@@ -128,6 +128,10 @@ export default {
         },
         imageClass() {
             let imageClass = ''
+            // change cursor to pointer for images that open in larger modal
+            if (this.block.metadata.config.modal) {
+                imageClass += ' container-pointer'
+            }
             // If NOT hide background, inclide the extra class
             if (!_.get(this.block.metadata, 'config.hide_background', false)) {
                 imageClass += ' img-white'
@@ -174,6 +178,9 @@ export default {
     text-align: center;
     margin-top: -175px;
 }
+.container-pointer {
+    cursor: pointer;
+}
 ::v-deep .v-skeleton-loader.v-skeleton-loader--is-loading {
     .v-skeleton-loader__image {
         height: 100%;

package/components/Content/Blocks/OpenResponseCollate.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <div v-if="block.metadata.config.linked.length">
-            <v-btn color="primary" block @click="onCollate">
+            <v-btn color="primary" outlined block @click="onCollate">
                 <v-icon class="mr-3">mdi-file-word</v-icon>
                 {{
                     $t(

package/components/Content/Blocks/UserUpload.vue

@@ -57,10 +57,10 @@
                                 "
                             ></FileDropZone>
 
-                            <v-container class="primary lighten-1 text-center">
+                            <v-container class="text-center">
                                 <v-btn
                                     :disabled="!canUpload || loading"
-                                    color="success"
+                                    color="primary"
                                     class="text-center"
                                     @click="handleUpload"
                                 >

package/components/Settings/AccordionSettings.vue

@@ -10,11 +10,9 @@
                 </p>
                 <SortableExpansionPanel
                     v-model="block.metadata.config.items"
-                    v-bind:currentPanel.sync="
-                        block.metadata.config.currentAccordion
-                    "
                     @click:close="onRemoveElement($event)"
                     @change="onDragged"
+                    @update:currentPanel="onUpdatePanel"
                 >
                     <template #header="{ item }">{{
                         item.header
@@ -26,16 +24,17 @@
                     <template #body="{ index }">
                         <v-container :key="expansionPanelKey">
                             <v-text-field
-                                outlined
-                                :autofocus="true"
                                 v-model="
                                     block.metadata.config.items[index].header
                                 "
+                                :autofocus="true"
+                                outlined
                                 :label="
                                     $t(
                                         'windward.core.shared.settings.title.title'
                                     )
                                 "
+                                @focus="onTextAreaFocus"
                             ></v-text-field>
                             <v-btn
                                 @click="
@@ -43,12 +42,14 @@
                                         block.metadata.config.items[index]
                                     )
                                 "
+                                text
                             >
                                 <v-icon
                                     v-if="
                                         !block.metadata.config.items[index]
                                             .expand
                                     "
+                                    color="primary"
                                     >mdi-arrow-expand-all</v-icon
                                 >
                                 <v-icon
@@ -56,6 +57,7 @@
                                         block.metadata.config.items[index]
                                             .expand
                                     "
+                                    color="primary"
                                 >
                                     mdi-arrow-collapse-all
                                 </v-icon>
@@ -67,6 +69,11 @@
                                 v-model="
                                     block.metadata.config.items[index].content
                                 "
+                                :label="
+                                    $t(
+                                        'windward.core.components.settings.accordion.label'
+                                    )
+                                "
                             ></TextEditor>
                         </v-container>
                     </template>
@@ -131,10 +138,9 @@ export default {
             this.block.metadata.config.items = []
             this.block.metadata.config.items.push(defaultObject)
         }
-        if (_.isEmpty(this.block.metadata.config.currentAccordion)) {
-            this.block.metadata.config.currentAccordion = 0
-        }
-        this.block.body = this.$t('windward.core.shared.content_blocks.title.accordion')
+        this.block.body = this.$t(
+            'windward.core.shared.content_blocks.title.accordion'
+        )
     },
     data() {
         return {
@@ -148,8 +154,20 @@ export default {
             clearTimeout(this.debouncer)
         }
     },
-
+    mounted() {
+        this.block.metadata.config.selectedPanels = 0
+    },
     methods: {
+        onUpdatePanel($event) {
+            if ($event !== this.block.metadata.config.selectedPanels) {
+                //catch click event to open selected panel to edit
+                this.block.metadata.config.selectedPanels = $event
+            } else {
+                // if user clicks same panel again expansion panel closes
+                // setting selected to null will close content blocks expansion panels
+                this.block.metadata.config.selectedPanels = null
+            }
+        },
         onAddElement() {
             const default_item = {
                 header: '',
@@ -157,7 +175,7 @@ export default {
                 content: '',
             }
             this.block.metadata.config.items.push(default_item)
-            this.block.metadata.config.currentAccordion =
+            this.block.metadata.config.selectedPanels =
                 this.block.metadata.config.items.length - 1
         },
         onRemoveElement(index) {
@@ -171,6 +189,13 @@ export default {
         onDragged() {
             // need to remount body after dragged to update the content body on the element
             this.expansionPanelKey = Crypto.id()
+            //close all panels on drag, leaving them open confuses the tracking as indexes changes around
+            this.block.metadata.config.selectedPanels = null
+        },
+        onTextAreaFocus($event) {
+            // prevent focus error that is happening on text field because of last pass
+            $event.preventDefault()
+            $event.stopPropagation()
         },
     },
 }