@windward/core 0.1.0 → 0.1.1

package/components/Content/Blocks/Accordion.vue

@@ -1,6 +1,7 @@
 <template>
     <div>
         <v-expansion-panels
+            v-model="block.metadata.config.currentAccordion"
             flat
             accordion
             focusable
@@ -43,8 +44,8 @@
 <script>
 import _ from 'lodash'
 import Crypto from '~/helpers/Crypto'
-import TextEditor from '~/components/Text/TextEditor.vue'
-import TextViewer from '~/components/Text/TextViewer.vue'
+import TextEditor from '~/components/Text/TextEditor'
+import TextViewer from '~/components/Text/TextViewer'
 import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
 
 export default {
@@ -73,6 +74,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 = 'accordion'
     },
     data() {
@@ -114,6 +118,7 @@ export default {
             this.block.metadata.config.items.forEach((element) => {
                 element.expand = false
             })
+            this.block.metadata.config.currentAccordion = null
         },
     },
 }

package/components/Content/Blocks/Email.vue

@@ -0,0 +1,248 @@
+<template>
+    <v-container class="container-left-border">
+        <v-row
+            v-if="
+                block.metadata.config.title ||
+                block.metadata.config.instructions
+            "
+        >
+            <v-col cols="12" class="pa-0">
+                <h3 v-if="block.metadata.config.title">
+                    {{ block.metadata.config.title }}
+                </h3>
+                <p v-if="block.metadata.config.instructions" class="pb-0 mb-0">
+                    {{ block.metadata.config.instructions }}
+                </p>
+            </v-col>
+        </v-row>
+        <v-row>
+            <v-expansion-panels v-model="selectedPanels" accordion>
+                <v-container
+                    class="pa-0 primary container-subject d-flex justify-center align-center"
+                >
+                    <v-row class="d-flex pa-5">
+                        <v-col cols="6">
+                            {{
+                                block.metadata.config.subject
+                                    ? block.metadata.config.subject
+                                    : 'Subject'
+                            }}
+                        </v-col>
+                        <v-col
+                            cols="6"
+                            class="d-flex justify-end column-simulation"
+                        >
+                            {{
+                                $t(
+                                    'windward.core.components.content.blocks.email.simulation'
+                                )
+                            }}
+                        </v-col>
+                    </v-row>
+                </v-container>
+                <v-expansion-panel
+                    v-for="(item, index) in block.metadata.config.emails"
+                    :key="index"
+                    elevation="0"
+                >
+                    <v-expansion-panel-header>
+                        <v-row>
+                            <v-col class="pa-0 d-flex align-center">
+                                <v-btn fab x-small class="primary" elevation="0"
+                                    >{{ item.initials ? item.initials : '' }}
+                                </v-btn>
+                                <v-icon
+                                    v-if="
+                                        block.metadata.config.emails.length !==
+                                        index + 1
+                                    "
+                                    >mdi-circle-medium</v-icon
+                                >
+                                <v-icon
+                                    v-if="
+                                        block.metadata.config.emails.length ===
+                                        index + 1
+                                    "
+                                    color="secondary"
+                                    >mdi-circle-medium</v-icon
+                                >
+                                <span class="span-details"
+                                    >{{ 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">
+                                    <div class="div-details-to pl-4">
+                                        {{
+                                            $t(
+                                                'windward.core.components.content.blocks.email.to'
+                                            )
+                                        }}: {{ item.to }}
+                                    </div>
+                                    <div class="div-details-cc pl-4">
+                                        {{
+                                            $t(
+                                                'windward.core.components.content.blocks.email.cc'
+                                            )
+                                        }}: {{ item.cc }}
+                                    </div>
+                                </v-col>
+                            </v-row>
+                            <v-row>
+                                <v-col cols="1"></v-col>
+                                <v-col class="pl-4">
+                                    <TextViewer
+                                        v-if="!item.expand"
+                                        v-model="item.body"
+                                        text-viewer
+                                    ></TextViewer>
+                                    <TextEditor
+                                        v-if="!render && item.expand"
+                                        v-model="
+                                            block.metadata.config.emails[index]
+                                                .body
+                                        "
+                                    ></TextEditor>
+                                </v-col>
+                            </v-row>
+                        </v-container>
+                        <v-container
+                            v-if="
+                                block.metadata.config.emails.length ===
+                                index + 1
+                            "
+                        >
+                            <v-row class="pt-4">
+                                <v-col cols="10" class="pa-0">
+                                    <v-btn color="primary" outlined>
+                                        <v-icon>mdi-reply</v-icon>
+                                        {{
+                                            $t(
+                                                'windward.core.components.content.blocks.email.reply'
+                                            )
+                                        }}</v-btn
+                                    >
+                                    <v-btn color="primary" outlined>
+                                        <v-icon>mdi-reply-all</v-icon>
+                                        {{
+                                            $t(
+                                                'windward.core.components.content.blocks.email.reply_all'
+                                            )
+                                        }}</v-btn
+                                    >
+                                    <v-btn color="primary" outlined>
+                                        <v-icon>mdi-share</v-icon>
+                                        {{
+                                            $t(
+                                                'windward.core.components.content.blocks.email.forward'
+                                            )
+                                        }}</v-btn
+                                    >
+                                </v-col>
+                                <v-col cols="2" class="pa-0 d-flex justify-end">
+                                    <v-btn color="primary" outlined>
+                                        {{
+                                            $t(
+                                                'windward.core.components.content.blocks.email.reset'
+                                            )
+                                        }}
+                                    </v-btn>
+                                </v-col>
+                            </v-row>
+                        </v-container>
+                    </v-expansion-panel-content>
+                </v-expansion-panel>
+            </v-expansion-panels>
+        </v-row>
+    </v-container>
+</template>
+<script>
+import _ from 'lodash'
+import TextEditor from '~/components/Text/TextEditor'
+import TextViewer from '~/components/Text/TextViewer'
+import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
+export default {
+    name: 'ContentBlockEmail',
+    extends: BaseContentBlock,
+    components: {
+        TextEditor,
+        TextViewer,
+    },
+    beforeMount() {
+        if (_.isEmpty(this.block)) {
+            this.block = {}
+        }
+        if (_.isEmpty(this.block.metadata)) {
+            this.block.metadata = {}
+        }
+        if (_.isEmpty(this.block.metadata.config)) {
+            this.block.metadata.config = {}
+        }
+        if (_.isEmpty(this.block.metadata.config.title)) {
+            this.block.metadata.config.title = ''
+        }
+        if (_.isEmpty(this.block.metadata.config.instructions)) {
+            this.block.metadata.config.instructions = ''
+        }
+        if (_.isEmpty(this.block.metadata.config.emails)) {
+            this.block.metadata.config.emails = []
+        }
+        if (_.isEmpty(this.block.metadata.config.activeEmail)) {
+            this.block.metadata.config.activeEmail = 0
+        }
+        this.block.body = 'emails'
+    },
+    data() {
+        return {
+            expansionPanelKey: 0,
+            selectedPanels: 0,
+        }
+    },
+    watch: {
+        render() {
+            if (this.render) {
+                this.block.metadata.config.emails.forEach((element) => {
+                    element.expand = false
+                })
+                this.selectedPanels =
+                    this.block.metadata.config.emails.length - 1
+            }
+        },
+    },
+    mounted() {
+        this.selectedPanels = this.block.metadata.config.emails.length - 1
+    },
+    methods: {},
+}
+</script>
+<style scoped>
+.container-subject {
+    height: 40px;
+}
+.column-simulation {
+    font-size: 12px;
+}
+.container-details {
+    font-size: 10px;
+    margin-top: -26px;
+}
+.div-details {
+    color: grey;
+}
+.div-details-cc {
+    margin-top: -9px;
+}
+.span-details {
+    font-weight: bold;
+    font-size: 14px;
+}
+.v-expansion-panel {
+    border: 1px solid var(--v-primary-base);
+}
+</style>

package/components/Content/Blocks/Image.vue

@@ -45,7 +45,7 @@
 
 <script>
 import _ from 'lodash'
-import TextViewer from '~/components/Text/TextViewer.vue'
+import TextViewer from '~/components/Text/TextViewer'
 import Crypto from '~/helpers/Crypto'
 import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
 

package/components/Content/Blocks/OpenResponse.vue

@@ -76,8 +76,8 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-import TextViewer from '~/components/Text/TextViewer.vue'
-import TextEditor from '~/components/Text/TextEditor.vue'
+import TextViewer from '~/components/Text/TextViewer'
+import TextEditor from '~/components/Text/TextEditor'
 import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
 import UserContentBlockState from '~/models/UserContentBlockState'
 

package/components/Content/Blocks/Tab.vue

@@ -3,7 +3,7 @@
         <v-container>
             <v-tabs
                 background-color="primary"
-                v-model="block.metadata.config.tab"
+                v-model="block.metadata.config.currentTab"
             >
                 <v-tabs-slider></v-tabs-slider>
                 <v-tab
@@ -40,8 +40,8 @@
 
 <script>
 import _ from 'lodash'
-import TextEditor from '~/components/Text/TextEditor.vue'
-import TextViewer from '~/components/Text/TextViewer.vue'
+import TextEditor from '~/components/Text/TextEditor'
+import TextViewer from '~/components/Text/TextViewer'
 import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
 
 export default {
@@ -74,6 +74,9 @@ export default {
                 }
             })
         }
+        if (_.isEmpty(this.block.metadata.config.currentTab)) {
+            this.block.metadata.config.currentTab = 0
+        }
     },
     data() {
         return {}
@@ -83,6 +86,7 @@ export default {
             this.block.metadata.config.items.forEach((element) => {
                 element.expand = false
             })
+            this.block.metadata.config.currentTab = null
         },
     },
 }

package/components/Content/Blocks/UserUpload.vue

@@ -92,8 +92,8 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-import TextViewer from '~/components/Text/TextViewer.vue'
-import TextEditor from '~/components/Text/TextEditor.vue'
+import TextViewer from '~/components/Text/TextViewer'
+import TextEditor from '~/components/Text/TextEditor'
 import Uuid from '~/helpers/Uuid'
 import Download from '~/helpers/Download'
 

package/components/Settings/AccordionSettings.vue

@@ -10,6 +10,9 @@
                 </p>
                 <SortableExpansionPanel
                     v-model="block.metadata.config.items"
+                    v-bind:currentPanel.sync="
+                        block.metadata.config.currentAccordion
+                    "
                     @click:close="onRemoveElement($event)"
                     @change="onDragged"
                 >
@@ -17,7 +20,7 @@
                         item.header
                             ? item.header
                             : $t(
-                                  'plugin.games.components.settings.bucket_game.form.enter_text'
+                                  'windward.core.shared.settings.title.placeholder'
                               )
                     }}</template>
                     <template #body="{ index }">
@@ -128,6 +131,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.components.settings.accordion.accordion'
         )
@@ -153,6 +159,8 @@ export default {
                 content: '',
             }
             this.block.metadata.config.items.push(default_item)
+            this.block.metadata.config.currentAccordion =
+                this.block.metadata.config.items.length - 1
         },
         onRemoveElement(index) {
             this.block.metadata.config.items.splice(index, 1)

package/components/Settings/EmailSettings.vue

@@ -0,0 +1,216 @@
+<template>
+    <div>
+        <v-form ref="form" v-model="valid" v-if="!loading"> </v-form>
+        <v-container class="pa-0">
+            <v-text-field
+                v-model="block.metadata.config.title"
+                outlined
+                :counter="50"
+                :autofocus="true"
+                :label="$t('windward.core.shared.settings.title.title')"
+                ref="title"
+            ></v-text-field>
+            <v-textarea
+                v-model="block.metadata.config.instructions"
+                outlined
+                auto-grow
+                :counter="255"
+                :label="$t('windward.core.shared.settings.title.instructions')"
+            ></v-textarea>
+        </v-container>
+        <v-container class="pa-0">
+            <v-text-field
+                v-model="block.metadata.config.subject"
+                outlined
+                :label="$t('windward.core.components.settings.email.subject')"
+            ></v-text-field>
+        </v-container>
+        <v-divider class="my-4 primary"></v-divider>
+        <v-container class="pa-0">
+            <p>Email Items</p>
+            <SortableExpansionPanel
+                v-model="block.metadata.config.emails"
+                @click:close="onRemoveElement($event)"
+                @change="onDragged"
+            >
+                <template #header="{ item }">{{
+                    item.from
+                        ? item.from
+                        : $t(
+                              'windward.core.shared.settings.title.click_to_enter'
+                          )
+                }}</template>
+                <template #body="{ item, index }">
+                    <v-container :key="expansionPanelKey">
+                        <v-text-field
+                            v-model="block.metadata.config.emails[index].from"
+                            :autofocus="true"
+                            outlined
+                            :label="
+                                $t(
+                                    'windward.core.components.settings.email.from'
+                                )
+                            "
+                        ></v-text-field>
+                        <v-text-field
+                            v-model="block.metadata.config.emails[index].to"
+                            outlined
+                            :label="
+                                $t('windward.core.components.settings.email.to')
+                            "
+                        ></v-text-field>
+                        <v-text-field
+                            v-model="block.metadata.config.emails[index].cc"
+                            outlined
+                            :label="
+                                $t('windward.core.components.settings.email.cc')
+                            "
+                        ></v-text-field>
+                        <v-btn
+                            @click="
+                                onToggleExpand(
+                                    block.metadata.config.emails[index],
+                                    index
+                                )
+                            "
+                        >
+                            <v-icon
+                                v-if="
+                                    !block.metadata.config.emails[index].expand
+                                "
+                                >mdi-arrow-expand-all</v-icon
+                            >
+                            <v-icon
+                                v-if="
+                                    block.metadata.config.emails[index].expand
+                                "
+                            >
+                                mdi-arrow-collapse-all
+                            </v-icon>
+                        </v-btn>
+                        <TextEditor
+                            v-show="!block.metadata.config.emails[index].expand"
+                            v-model="block.metadata.config.emails[index].body"
+                        ></TextEditor>
+                    </v-container>
+                </template>
+            </SortableExpansionPanel>
+        </v-container>
+        <v-container class="pa-0">
+            <v-row justify="center" class="my-4">
+                <v-btn color="primary" @click="onAddElement"
+                    ><v-icon>mdi-plus</v-icon
+                    >{{
+                        $t('windward.core.components.settings.accordion.add')
+                    }}</v-btn
+                >
+            </v-row>
+        </v-container>
+        <div v-if="loading" class="text-center">
+            <v-progress-circular
+                :size="70"
+                :width="7"
+                color="primary"
+                indeterminate
+            ></v-progress-circular>
+        </div>
+    </div>
+</template>
+<script>
+import _ from 'lodash'
+import Crypto from '~/helpers/Crypto'
+import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import TextEditor from '~/components/Text/TextEditor'
+import SortableExpansionPanel from '~/components/SortableExpansionPanel.vue'
+
+export default {
+    name: 'EmailSettings',
+    components: {
+        SortableExpansionPanel,
+        TextEditor,
+    },
+    extends: BaseContentSettings,
+    beforeMount() {
+        if (_.isEmpty(this.block)) {
+            this.block = {}
+        }
+        if (_.isEmpty(this.block.metadata)) {
+            this.block.metadata = {}
+        }
+        if (_.isEmpty(this.block.metadata.config)) {
+            this.block.metadata.config = {}
+        }
+        if (_.isEmpty(this.block.metadata.config.title)) {
+            this.block.metadata.config.title = ''
+        }
+        if (_.isEmpty(this.block.metadata.config.instructions)) {
+            this.block.metadata.config.instructions = ''
+        }
+        if (_.isEmpty(this.block.metadata.config.subject)) {
+            this.block.metadata.config.subject = ''
+        }
+        if (_.isEmpty(this.block.metadata.config.emails)) {
+            this.block.metadata.config.emails = []
+            const defaultObject = {
+                from: '',
+                to: '',
+                cc: '',
+                body: '',
+                expand: false,
+                initials: '',
+            }
+            this.block.metadata.config.emails.push(defaultObject)
+        }
+        this.block.body = 'emails'
+    },
+    data() {
+        return {
+            valid: true,
+            loading: false,
+            expansionPanelKey: 0,
+        }
+    },
+    beforeDestroy() {
+        if (this.debouncer) {
+            clearTimeout(this.debouncer)
+        }
+    },
+    methods: {
+        onBeforeSave() {
+            this.block.metadata.config.emails.forEach((element) => {
+                let matches = element.from.match(/\b(\w)/g)
+                element.initials = matches.join('')
+                element.expand = false
+            })
+        },
+        onRemoveElement(event) {
+            this.block.metadata.config.emails.splice(event, 1)
+            this.expansionPanelKey = Crypto.id()
+        },
+        onAddElement() {
+            const defaultObject = {
+                from: '',
+                to: '',
+                cc: '',
+                body: '',
+                expand: false,
+                initials: '',
+            }
+            this.block.metadata.config.emails.push(defaultObject)
+        },
+        onToggleExpand(item, index) {
+            this.expansionPanelKey = Crypto.id()
+            return (item.expand = !item.expand)
+        },
+        onDragged() {
+            // need to remount body after dragged to update the content body on the element
+            this.expansionPanelKey = Crypto.id()
+        },
+    },
+}
+</script>
+<style scoped>
+.v-progress-circular {
+    margin: 1rem;
+}
+</style>

package/components/Settings/ImageSettings.vue

@@ -48,7 +48,7 @@
 
 <script>
 import _ from 'lodash'
-import TextEditor from '~/components/Text/TextEditor.vue'
+import TextEditor from '~/components/Text/TextEditor'
 import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
 import ContentBlockAsset from '~/components/Content/ContentBlockAsset.vue'
 

package/components/Settings/OpenResponseCollateSettings.vue

@@ -75,7 +75,7 @@
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
 import draggable from 'vuedraggable'
-import TextEditor from '~/components/Text/TextEditor.vue'
+import TextEditor from '~/components/Text/TextEditor'
 import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
 import ContentBlock from '~/models/ContentBlock'
 import Course from '~/models/Course'

package/components/Settings/OpenResponseSettings.vue

@@ -37,7 +37,7 @@
 
 <script>
 import _ from 'lodash'
-import TextEditor from '~/components/Text/TextEditor.vue'
+import TextEditor from '~/components/Text/TextEditor'
 import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
 import ContentBlockAsset from '~/components/Content/ContentBlockAsset.vue'
 

package/components/Settings/TabSettings.vue

@@ -5,6 +5,7 @@
             <p>{{ $t('windward.core.components.settings.tab.tabs') }}</p>
             <SortableExpansionPanel
                 v-model="block.metadata.config.items"
+                v-bind:currentPanel.sync="block.metadata.config.currentTab"
                 @change="onDragged"
                 @click:close="onRemoveElement($event)"
             >
@@ -70,7 +71,7 @@
 <script>
 import _, { get } from 'lodash'
 import Crypto from '~/helpers/Crypto'
-import TextEditor from '~/components/Text/TextEditor.vue'
+import TextEditor from '~/components/Text/TextEditor'
 import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
 import SortableExpansionPanel from '~/components/SortableExpansionPanel.vue'
 
@@ -96,6 +97,9 @@ export default {
         if (_.isEmpty(this.block.metadata.config.tab)) {
             this.block.metadata.config.tab = 0
         }
+        if (_.isEmpty(this.block.metadata.config.currentTab)) {
+            this.block.metadata.config.currentTab = 0
+        }
         if (_.isEmpty(this.block.metadata.config.items)) {
             const defaultObject = {
                 tabHeader: '',
@@ -132,6 +136,8 @@ export default {
                 content: '',
             }
             this.block.metadata.config.items.push(defaultObject)
+            this.block.metadata.config.currentTab =
+                this.block.metadata.config.items.length - 1
         },
         onRemoveElement(index) {
             this.block.metadata.config.items.splice(index, 1)

package/components/Settings/TextEditorSettings.vue

@@ -138,7 +138,7 @@ import { mapGetters, mapMutations } from 'vuex'
 import GlossaryHelper from '../../helpers/GlossaryHelper'
 import Course from '~/models/Course'
 import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
-import TextEditor from '~/components/Text/TextEditor.vue'
+import TextEditor from '~/components/Text/TextEditor'
 import CourseGlossaryForm from '../utils/glossary/CourseGlossaryForm.vue'
 export default {
     name: 'TextEditorSettings',

package/components/Settings/UserUploadSettings.vue

@@ -50,7 +50,7 @@
 <script>
 import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
 import Crypto from '~/helpers/Crypto'
-import TextEditor from '~/components/Text/TextEditor.vue'
+import TextEditor from '~/components/Text/TextEditor'
 import _ from 'lodash'
 
 export default {

package/components/utils/TinyMCEWrapper.vue

@@ -231,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/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,7 @@ 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 {
@@ -17,5 +18,6 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
-    block_quote
+    email,
+    block_quote,
 }

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,7 @@ 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 {
@@ -21,5 +22,6 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
+    email,
     block_quote,
 }

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

@@ -14,11 +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,8 +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/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

@@ -7,6 +7,7 @@ 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,
@@ -17,5 +18,6 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
-    block_quote
+    block_quote,
+    email,
 }

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

@@ -9,6 +9,7 @@ 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,
@@ -21,5 +22,6 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
-    block_quote
+    block_quote,
+    email,
 }

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

@@ -14,11 +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,8 +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/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

@@ -7,6 +7,7 @@ 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,
@@ -17,5 +18,6 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
-    block_quote
+    block_quote,
+    email,
 }

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

@@ -9,6 +9,7 @@ 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,
@@ -21,5 +22,6 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
-    block_quote
+    block_quote,
+    email,
 }

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

@@ -14,11 +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,8 +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.1.0",
+    "version": "0.1.1",
     "description": "Windward UI Core Plugins",
     "main": "plugin.js",
     "scripts": {

package/plugin.js

@@ -9,6 +9,7 @@ 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'
@@ -34,6 +35,7 @@ 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'
@@ -253,6 +255,16 @@ 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,
@@ -382,6 +394,15 @@ 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,

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

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

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: {} } },
             },

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

@@ -0,0 +1,45 @@
+import { shallowMount } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+
+import { defaultMocks } from '@/test/mocks'
+import EmailSettings from '@/components/Settings/EmailSettings'
+
+Vue.use(Vuetify)
+
+describe('EmailSettings', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(EmailSettings, {
+            propsData: {
+                tag: 'core-email-settings',
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+
+    test('can add an email', () => {
+        const wrapper = shallowMount(EmailSettings, {
+            propsData: {
+                tag: 'core-email-settings',
+            },
+            mocks: defaultMocks,
+        })
+        wrapper.vm.onAddElement()
+        expect(wrapper.vm.$data.block.metadata.config.emails).toEqual([
+            { from: '', to: '', cc: '', body: '', expand: false },
+            { from: '', to: '', cc: '', body: '', expand: false },
+        ])
+    })
+
+    test('can remove an email', () => {
+        const wrapper = shallowMount(EmailSettings, {
+            propsData: {
+                tag: 'core-email-settings',
+            },
+            mocks: defaultMocks,
+        })
+        wrapper.vm.onRemoveElement(0)
+        expect(wrapper.vm.$data.block.metadata.config.emails).toEqual([])
+    })
+})

package/test/__mocks__/componentsMock.js

@@ -77,6 +77,9 @@ jest.mock(
             props: {},
             computed: {},
             methods: {},
+            data() {
+                return { validation: {} }
+            },
         }
     },
     { virtual: true }
@@ -89,6 +92,9 @@ jest.mock(
             props: {},
             computed: {},
             methods: {},
+            data() {
+                return { validation: {} }
+            },
         }
     },
     { virtual: true }