@windward/core 0.0.9 → 0.1.1

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/BlockQuoteSettings.vue

@@ -0,0 +1,143 @@
+<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-divider class="my-4 primary"></v-divider>
+        <v-container class="pa-0">
+            <v-textarea
+                v-model="block.metadata.config.block_quote.quote"
+                outlined
+                auto-grow
+                :counter="255"
+                :label="
+                    $t('windward.core.components.settings.block_quote.body')
+                "
+            ></v-textarea>
+        </v-container>
+        <v-divider class="my-4 primary"></v-divider>
+        <v-container class="pa-0">
+            <v-text-field
+                v-model="block.metadata.config.block_quote.author"
+                outlined
+                auto-grow
+                :label="
+                    $t('windward.core.components.settings.block_quote.name')
+                "
+            ></v-text-field>
+            <v-text-field
+                v-model="block.metadata.config.block_quote.author_title"
+                outlined
+                auto-grow
+                :label="
+                    $t('windward.core.components.settings.block_quote.title')
+                "
+            ></v-text-field>
+            <v-text-field
+                v-model="block.metadata.config.block_quote.organization"
+                outlined
+                auto-grow
+                :label="$t('windward.core.components.settings.block_quote.org')"
+            ></v-text-field>
+            <v-text-field
+                v-model="block.metadata.config.block_quote.source_title"
+                outlined
+                auto-grow
+                :label="
+                    $t(
+                        'windward.core.components.settings.block_quote.source_title'
+                    )
+                "
+            ></v-text-field>
+            <v-select
+                v-model="block.metadata.config.block_quote.source_type"
+                :items="sourceTypes"
+                outlined
+                :label="
+                    $t('windward.core.components.settings.block_quote.type')
+                "
+            ></v-select>
+        </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 BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+
+export default {
+    name: 'BlockQuoteSettings',
+    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.block_quote)) {
+            this.block.metadata.config.block_quote = {
+                quote: '',
+                author: '',
+                author_title: '',
+                organization: '',
+                source_title: '',
+                source_type: '',
+            }
+        }
+        this.block.body = this.$t(
+            'windward.core.shared.settings.title.block_quote'
+        )
+    },
+    data() {
+        return {
+            valid: true,
+            loading: false,
+            sourceTypes: ['None', 'Book', 'Online Journal'],
+        }
+    },
+    beforeDestroy() {
+        if (this.debouncer) {
+            clearTimeout(this.debouncer)
+        }
+    },
+
+    methods: {},
+}
+</script>
+<style scoped>
+.v-progress-circular {
+    margin: 1rem;
+}
+</style>

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

@@ -1,34 +1,32 @@
 <template>
     <v-container>
         <v-form>
-            <h3 class="pb-2">
+            <p>
                 {{
                     $t(
                         'windward.core.components.settings.open_response.question'
                     )
                 }}
-            </h3>
+            </p>
             <TextEditor v-model="block.body" :height="200"></TextEditor>
-
-            <h3 class="pb-2">
+            <p class="pt-4">
                 {{
                     $t(
                         'windward.core.components.settings.open_response.sample_response'
                     )
                 }}
-            </h3>
+            </p>
             <TextEditor
                 v-model="block.metadata.config.sample_response"
                 :height="200"
             ></TextEditor>
-
-            <h3 class="pb-2">
+            <p class="pt-4">
                 {{
                     $t(
                         'windward.core.components.settings.open_response.starting_text'
                     )
                 }}
-            </h3>
+            </p>
             <TextEditor
                 v-model="block.metadata.config.starting_text"
                 :height="200"
@@ -39,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,10 +5,11 @@
             <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)"
-                :copy="false"
             >
-                <template #header="{ item, index }">
+                <template #header="{ item }">
                     {{ item.tabHeader !== '' ? item.tabHeader : 'No Header' }}
                 </template>
                 <template #body="{ item, index }">
@@ -42,9 +43,9 @@
                             </v-icon>
                         </v-btn>
                         <TextEditor
-                            :api_key="api_key"
                             v-model="block.metadata.config.items[index].content"
                             v-if="!item.expand"
+                            :key="textEditorUpdateKey"
                         ></TextEditor>
                     </v-container>
                 </template>
@@ -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: '',
@@ -109,7 +113,7 @@ export default {
     data() {
         return {
             expansionPanelKey: '0',
-            api_key: process.env.TINY_MCE_API_KEY,
+            textEditorUpdateKey: Crypto.id(),
             valid: true,
             loading: false,
         }
@@ -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)
@@ -142,6 +148,9 @@ export default {
             return (this.block.metadata.config.items[index].expand =
                 !this.block.metadata.config.items[index].expand)
         },
+        onDragged() {
+            this.textEditorUpdateKey = Crypto.id()
+        },
     },
 }
 </script>

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 {