@windward/core 0.0.9 → 0.1.0

package/components/Content/Blocks/BlockQuote.vue

@@ -0,0 +1,191 @@
+<template>
+    <v-container class="container-left-border">
+        <v-row
+            v-if="
+                block.metadata.config.title ||
+                block.metadata.config.instructions
+            "
+        >
+            <v-col cols="12" class="pb-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-col cols="1">
+                <v-icon color="primary">mdi-format-quote-open</v-icon>
+            </v-col>
+            <v-col cols="11" class="pl-0">
+                <p class="pt-2">
+                    {{ block.metadata.config.block_quote.quote }}
+                </p>
+            </v-col>
+        </v-row>
+        <v-row>
+            <v-col cols="12">
+                <p v-if="render">
+                    {{ finalcitation
+                    }}<span :class="classCitation">{{ finalsource }}</span>
+                </p>
+                <p v-if="!render">Citation Here</p>
+            </v-col>
+        </v-row>
+    </v-container>
+</template>
+
+<script>
+import _ from 'lodash'
+import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
+
+export default {
+    name: 'ContentBlockTab',
+    extends: BaseContentBlock,
+    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 = 'block quote'
+    },
+    data() {
+        return {
+            finalcitation: '',
+            finalsource: '',
+            classCitation: '',
+        }
+    },
+    watch: {
+        render(newValue) {
+            if (newValue) {
+                this.createCitation()
+            }
+        },
+    },
+    mounted() {
+        this.createCitation()
+    },
+    methods: {
+        createCitation() {
+            this.finalcitation = ''
+            this.finalsource = ''
+            let counter = 0
+            for (const property in this.block.metadata.config.block_quote) {
+                // author details processed here counter added to see if a comma is needed before key
+                if (
+                    property !== 'quote' &&
+                    property !== 'source_type' &&
+                    property !== 'source_title' &&
+                    this.block.metadata.config.block_quote[property] !== null &&
+                    this.block.metadata.config.block_quote[property] !== ''
+                ) {
+                    if (counter > 0) {
+                        //not first hit so a comma is needed before key
+                        counter = counter + 1
+                        this.finalcitation =
+                            this.finalcitation +
+                            ', ' +
+                            this.block.metadata.config.block_quote[property]
+                    } else {
+                        //first hit, no comma needed
+                        counter = counter + 1
+                        this.finalcitation =
+                            '—' +
+                            this.finalcitation +
+                            this.block.metadata.config.block_quote[property]
+                    }
+                    // checks that source_type isn't none and there is a source title
+                } else if (
+                    property === 'source_title' &&
+                    this.block.metadata.config.block_quote['source_type'] !==
+                        'None' &&
+                    this.block.metadata.config.block_quote[property] !== null &&
+                    this.block.metadata.config.block_quote[property] !== ''
+                ) {
+                    // filters out source types book. Adds class to italicize books
+                    if (
+                        this.block.metadata.config.block_quote[
+                            'source_type'
+                        ] === 'Book'
+                    ) {
+                        // checks if comma needed or not
+                        if (counter > 0) {
+                            this.finalsource =
+                                ', ' +
+                                this.block.metadata.config.block_quote[property]
+                            this.classCitation = 'span-title'
+                        } else {
+                            this.finalsource =
+                                '—' +
+                                this.block.metadata.config.block_quote[property]
+                            this.classCitation = 'span-title'
+                        }
+                        //checks if online journal
+                    } else if (
+                        this.block.metadata.config.block_quote[
+                            'source_type'
+                        ] === 'Online Journal'
+                    ) {
+                        // checks if comma needed or not. Not Italicized
+                        if (counter > 0) {
+                            this.finalsource =
+                                ', ' +
+                                '"' +
+                                this.block.metadata.config.block_quote[
+                                    property
+                                ] +
+                                '"'
+                            this.classCitation = ''
+                        } else {
+                            this.finalsource =
+                                '—' +
+                                '"' +
+                                this.block.metadata.config.block_quote[
+                                    property
+                                ] +
+                                '"'
+                            this.classCitation = ''
+                        }
+                    }
+                }
+            }
+        },
+    },
+}
+</script>
+
+<style scoped>
+.container-left-border {
+    border-style: solid;
+    border-color: var(--v-secondary-base);
+    border-width: 2px 2px 2px 16px;
+    border-radius: 4px;
+}
+.span-title {
+    font-style: italic;
+}
+</style>

package/components/Content/Blocks/FeedbackTemplates/FeedbackQuestionLikert.vue

@@ -3,7 +3,7 @@
         <p class="question">
             {{ value.body }}
         </p>
-        <div class="d-flex justify-space-around">
+        <div class="d-flex">
             <v-radio-group
                 :rules="[
                     (v) =>
@@ -12,12 +12,12 @@
                             'windward.core.components.content.blocks.feedback.required'
                         ),
                 ]"
-                row
                 class="radio-group"
+                :row="row"
+                :column="column"
                 v-model="value.response"
             >
                 <v-radio
-                    class="likert-radio"
                     color="green"
                     :label="
                         $t(
@@ -27,7 +27,6 @@
                     value="5"
                 ></v-radio>
                 <v-radio
-                    class="likert-radio"
                     color="light-green"
                     :label="
                         $t(
@@ -37,7 +36,6 @@
                     value="4"
                 ></v-radio>
                 <v-radio
-                    class="likert-radio"
                     color="amber"
                     :label="
                         $t(
@@ -47,7 +45,6 @@
                     value="3"
                 ></v-radio>
                 <v-radio
-                    class="likert-radio"
                     color="orange"
                     :label="
                         $t(
@@ -57,7 +54,6 @@
                     value="2"
                 ></v-radio>
                 <v-radio
-                    class="likert-radio"
                     color="red"
                     :label="
                         $t(
@@ -78,7 +74,28 @@ export default {
         value: { type: Object, required: true, default: '' },
     },
     data() {
-        return {}
+        return {
+            windowWidth: window.innerWidth,
+            row: true,
+            column: false,
+        }
+    },
+    mounted() {
+        this.$nextTick(() => {
+            window.addEventListener('resize', this.onResize)
+        })
+    },
+    methods: {
+        onResize() {
+            this.windowWidth = window.innerWidth
+            if (this.windowWidth <= 760) {
+                this.row = false
+                this.column = true
+            } else {
+                this.row = true
+                this.column = false
+            }
+        },
     },
 }
 </script>
@@ -86,10 +103,4 @@ export default {
 .question {
     font-weight: bold;
 }
-.radio-group {
-    width: 100% !important;
-}
-.likert-radio {
-    margin-left: 55px;
-}
 </style>

package/components/Content/Blocks/FeedbackTemplates/FeedbackQuestionTrueFalse.vue

@@ -24,7 +24,9 @@
             ></v-radio>
             <v-radio
                 class="likert-radio"
-                :label="$t('windward.core.components.content.blocks.feedback.no')"
+                :label="
+                    $t('windward.core.components.content.blocks.feedback.no')
+                "
                 value="false"
             ></v-radio>
         </v-radio-group>
@@ -46,10 +48,4 @@ export default {
 .question {
     font-weight: bold;
 }
-.radio-group {
-    width: 100% !important;
-}
-.likert-radio {
-    margin-left: 55px;
-}
 </style>

package/components/Content/Blocks/OpenResponse.vue

@@ -128,22 +128,28 @@ export default {
             // Check to see if we have a state already for this block with the same block_id
             // States are loaded via the ContentBlock.id but in this particular case we want to
             // maintain the state ACROSS different ContentBlock.ids but with the same linked Block.id
-            const userState = await UserContentBlockState.where({
-                'metadata->block->tag': 'plugin-core-open-response',
-                course_user_id: this.enrollment.id,
-            })
-                .where('metadata->block->block_id', this.block.block_id)
-                .first()
+            if (this.block.block_id) {
+                const userState = await UserContentBlockState.where({
+                    'metadata->block->tag': 'plugin-core-open-response',
+                    course_user_id: this.enrollment.id,
+                })
+                    .where('metadata->block->block_id', this.block.block_id)
+                    .first()
 
-            // Apply the "True" state
-            if (!_.isEmpty(userState)) {
-                this.response = _.get(userState, 'metadata.response', '')
-                this.submitted = _.get(userState, 'metadata.submitted', false)
-            }
+                // Apply the "True" state
+                if (!_.isEmpty(userState)) {
+                    this.response = _.get(userState, 'metadata.response', '')
+                    this.submitted = _.get(
+                        userState,
+                        'metadata.submitted',
+                        false
+                    )
+                }
 
-            // If after the state is applied the response is still empty then apply the default response
-            if (this.response === '') {
-                this.response = this.block.metadata.config.starting_text
+                // If after the state is applied the response is still empty then apply the default response
+                if (this.response === '') {
+                    this.response = this.block.metadata.config.starting_text
+                }
             }
 
             this.stateLoaded = true

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/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"

package/components/Settings/TabSettings.vue

@@ -5,10 +5,10 @@
             <p>{{ $t('windward.core.components.settings.tab.tabs') }}</p>
             <SortableExpansionPanel
                 v-model="block.metadata.config.items"
+                @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 +42,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>
@@ -109,7 +109,7 @@ export default {
     data() {
         return {
             expansionPanelKey: '0',
-            api_key: process.env.TINY_MCE_API_KEY,
+            textEditorUpdateKey: Crypto.id(),
             valid: true,
             loading: false,
         }
@@ -142,6 +142,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/utils/MathExpressionEditor.vue

@@ -1,14 +1,23 @@
 <template>
     <div>
         <v-card flat class="py-12">
-            <label>Add Math Below</label>
-            <math-live-wrapper
-                ref="mathfield"
-                v-model="formula"
-                :options="options"
-                :value="value"
-                @change="submit"
-            ></math-live-wrapper>
+            <v-card-title>
+                {{
+                    $t(
+                        'windward.core.components.utils.math_expression_editor.title'
+                    )
+                }}
+            </v-card-title>
+            <v-card-text>
+                <math-live-wrapper
+                    ref="mathfield"
+                    v-model="formula"
+                    :id="mathElementId"
+                    :options="options"
+                    :value="value"
+                    @change="submit"
+                ></math-live-wrapper>
+            </v-card-text>
         </v-card>
         <v-card>
             <v-card-text>
@@ -115,6 +124,7 @@
 import MathHelper from '../../helpers/MathHelper'
 import MathLiveWrapper from './MathLiveWrapper'
 import tinymceConfig from '../../config/tinymce.config'
+import Crypto from '~/helpers/Crypto'
 export default {
     components: { MathLiveWrapper },
     layout: 'plugin',
@@ -140,6 +150,7 @@ export default {
             tab: null,
             toggle_exclusive: true,
             panel: [],
+            mathElementId: '',
         }
     },
     computed: {
@@ -158,6 +169,7 @@ export default {
         },
     },
     beforeMount() {
+        this.mathElementId = Crypto.id()
         if (this.mode === 'standalone') {
             this.initStandaloneMode()
         }
@@ -172,7 +184,6 @@ export default {
                 '*'
             )
         }
-        this.$refs.mathfield.focus()
     },
     created() {
         if (this.mode === 'plugin') {
@@ -263,24 +274,28 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 /* stylelint-disable-next-line selector-type-no-unknown */
 math-field {
     min-height: 150px;
-    outline: 2px solid #64b5f6;
+    outline: 2px solid var(--v-primary-base);
     border-radius: 4px;
+    width: 100%;
+    background: var(--v-background-base);
+    color: var(--v-primary-base);
 }
 /* stylelint-disable-next-line selector-type-no-unknown */
 math-field:focus-within {
-    outline: 4px solid #52d70b;
+    outline: 2px solid var(--v-secondary-base);
     border-radius: 4px;
-    background: rgba(251, 187, 182, 0.1);
+    background: var(--v-background-base);
+    color: var(--v-primary-base);
 }
 .btn {
     cursor: pointer;
     margin: 0 5px 5px 0;
     border: 1px solid #595959;
-    background: white;
+    background: var(--v-background-base);
     border-radius: 5px;
     padding: 5px 10px;
     min-height: 40px;
@@ -288,7 +303,7 @@ math-field:focus-within {
 
 .btn:hover {
     background: #595959;
-    color: white;
+    color: var(--v-background-base);
 }
 .adjustFont {
     font-size: 12px !important;

package/components/utils/TinyMCEWrapper.vue

@@ -37,6 +37,7 @@ export default {
             default:
                 'undo redo | formatselect | fontsizeselect  | bold italic underline strikethrough removeformat | alignleft aligncenter alignright | table bullist numlist outdent indent | mathButton ',
         },
+        root_block: { type: String, required: false, default: 'div' },
     },
     beforeMount() {
         this.text = this.value
@@ -61,6 +62,7 @@ export default {
             return {
                 height: 500,
                 visual: false,
+                forced_root_block: this.root_block,
                 menubar: this.menubar,
                 menu: {
                     insert: {

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

@@ -0,0 +1,3 @@
+export default {
+    body: 'Blockquote Body',
+}

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 block_quote from './block_quote'
 
 export default {
     user_upload,
@@ -16,4 +17,5 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
+    block_quote
 }

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

@@ -0,0 +1,9 @@
+export default {
+    block_quote: 'Block Quote',
+    body: 'Blockquote Body',
+    name: 'Name',
+    title: 'Title',
+    org: 'Organization',
+    source_title: 'Source Title',
+    type: 'Source Type',
+}

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 block_quote from './block_quote'
 
 export default {
     accordion,
@@ -20,4 +21,5 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
+    block_quote,
 }

package/i18n/en-US/components/utils/index.ts

@@ -1,6 +1,8 @@
 import tiny_mce_wrapper from './tiny_mce_wrapper'
 import fill_in_the_blank from './FillInBlank/index'
+import math_expression_editor from './math_expression_editor'
 export default {
     tiny_mce_wrapper,
     fill_in_the_blank,
+    math_expression_editor,
 }

package/i18n/en-US/components/utils/math_expression_editor.ts

@@ -0,0 +1,3 @@
+export default {
+    title: 'Mathematical Expression editor',
+}

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

@@ -14,6 +14,7 @@ export default {
         clickable_icons: 'Clickable Icons',
         scenario_choice: 'Scenario Choice',
         feedback: 'Feedback',
+        block_quote: 'Block Quote',
     },
     grouping: {
         basic: 'Basic Components',

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

@@ -14,6 +14,8 @@ export default {
         table: 'Table Settings',
         math: 'Math Settings',
         feedback: 'Feedback Settings',
+        block_quote: 'Block Quote Settings',
         title: 'Title',
+        instructions: 'Instructions',
     },
 }

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

@@ -0,0 +1,3 @@
+export default {
+    body: 'Cuerpo de la cotización en bloque',
+}

package/i18n/es-ES/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 block_quote from './block_quote'
 
 export default {
     user_upload,
@@ -16,4 +17,5 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
+    block_quote
 }

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

@@ -0,0 +1,9 @@
+export default {
+    block_quote: 'Cita en bloque',
+    body: 'Cuerpo de la cita en bloque',
+    name: 'Nombre',
+    title: 'Título',
+    org: 'Organización',
+    source_title: 'Título de la fuente' ,
+    type: 'Tipo de fuente',
+}

package/i18n/es-ES/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 block_quote from './block_quote'
 
 export default {
     accordion,
@@ -20,4 +21,5 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
+    block_quote
 }

package/i18n/es-ES/components/utils/index.ts

@@ -1,7 +1,8 @@
 import tiny_mce_wrapper from './tiny_mce_wrapper'
 import fill_in_the_blank from './FillInBlank/index'
-
+import math_expression_editor from './math_expression_editor'
 export default {
     tiny_mce_wrapper,
     fill_in_the_blank,
+    math_expression_editor,
 }

package/i18n/es-ES/components/utils/math_expression_editor.ts

@@ -0,0 +1,3 @@
+export default {
+    title: 'Manipulador de expresión matemática',
+}

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

@@ -14,6 +14,7 @@ export default {
         clickable_icons: 'Iconos en los que se puede hacer clic',
         scenario_choice: 'Elección de escenario',
         feedback: 'Comentarios',
+        block_quote: 'Cotización en bloque',
     },
     grouping: {
         basic: 'Componentes básicos',

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

@@ -16,6 +16,8 @@ export default {
         table: 'Configuración de la tabla',
         math: 'Configuración matemática',
         feedback: 'Configuración de comentarios',
+        block_quote: 'Configuración de cotización en bloque',
         title: 'Título',
+        instructions: 'Instrucciones',
     },
 }

package/i18n/sv-SE/components/content/blocks/block_quote.ts

@@ -0,0 +1,3 @@
+export default {
+    body: 'Block Citat Body',
+}

package/i18n/sv-SE/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 block_quote from './block_quote'
 
 export default {
     user_upload,
@@ -16,4 +17,5 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
+    block_quote
 }

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

@@ -0,0 +1,9 @@
+export default {
+    block_quote: 'Blockera citat',
+    body: 'Blockquote Body',
+    name: 'Namn',
+    title: 'Titel',
+    org: 'Organisation',
+    source_title: 'Källtitel' ,
+    type: 'Källtyp',
+}

package/i18n/sv-SE/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 block_quote from './block_quote'
 
 export default {
     accordion,
@@ -20,4 +21,5 @@ export default {
     open_response,
     open_response_collate,
     scenario_choice: scenarioChoice,
+    block_quote
 }

package/i18n/sv-SE/components/utils/index.ts

@@ -1,7 +1,8 @@
 import tiny_mce_wrapper from './tiny_mce_wrapper'
 import fill_in_the_blank from './FillInBlank/index'
-
+import math_expression_editor from './math_expression_editor'
 export default {
     tiny_mce_wrapper,
     fill_in_the_blank,
+    math_expression_editor,
 }

package/i18n/sv-SE/components/utils/math_expression_editor.ts

@@ -0,0 +1,3 @@
+export default {
+    title: 'Redaktör för matematiska uttryck',
+}

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

@@ -14,6 +14,7 @@ export default {
         clickable_icons: 'Klickbara ikoner',
         scenario_choice: 'Scenarioval',
         feedback: 'Feedback',
+        block_quote: 'Block citat',
     },
     grouping: {
         basic: 'Basic Components',

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

@@ -14,6 +14,8 @@ export default {
         table: 'Tabellinställningar',
         math: 'Matematiska inställningar',
         feedback: 'Feedback-inställningar',
+        block_quote: 'Blockera offertinställningar',
         title: 'Titel',
+        instructions: 'Instruktioner',
     },
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/core",
-    "version": "0.0.9",
+    "version": "0.1.0",
     "description": "Windward UI Core Plugins",
     "main": "plugin.js",
     "scripts": {
@@ -16,13 +16,13 @@
     "license": "MIT",
     "homepage": "https://bitbucket.org/mindedge/windward-ui-plugin-core#readme",
     "dependencies": {
-        "@mindedge/vuetify-player": "^0.2.0",
+        "@mindedge/vuetify-player": "^0.3.0",
         "@tinymce/tinymce-vue": "^3.2.8",
         "eslint": "^8.11.0",
         "he": "^1.2.0",
         "lodash": "^4.17.21",
-        "mathlive": "^0.73.7",
-        "mathml-to-latex": "^1.2.0",
+        "mathlive": "^0.75.0",
+        "mathml-to-latex": "^1.3.0",
         "prettier": "^2.6.0",
         "raw-loader": "^4.0.2"
     },

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 BlockQuote from './components/Content/Blocks/BlockQuote.vue'
 
 import UserUploadNav from './components/Navigation/Items/UserUploadNav.vue'
 
@@ -33,6 +34,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 BlockQuoteSettigns from './components/Settings/BlockQuoteSettings.vue'
 
 import UserUploadPage from './pages/userUpload.vue'
 import GlossaryToolTip from './components/utils/glossary/GlossaryToolTip.vue'
@@ -251,6 +253,16 @@ export default {
                         'windward.core.shared.content_blocks.grouping.basic',
                 },
             },
+            {
+                tag: 'core-block-quote',
+                template: BlockQuote,
+                metadata: {
+                    icon: 'mdi-format-quote-close',
+                    name: 'windward.core.shared.content_blocks.title.block_quote',
+                    grouping:
+                        'windward.core.shared.content_blocks.grouping.basic',
+                },
+            },
         ],
         settings: [
             {
@@ -370,6 +382,15 @@ export default {
                     name: 'windward.core.shared.settings.title.feedback',
                 },
             },
+            {
+                tag: 'core-block-quote-settings',
+                template: BlockQuoteSettigns,
+                context: ['block.core-block-quote'],
+                metadata: {
+                    icon: 'mdi-notebook-outline',
+                    name: 'windward.core.shared.settings.title.block_quote',
+                },
+            },
         ],
     },
 }

package/test/Components/Content/Blocks/BlockQuote.spec.js

@@ -0,0 +1,21 @@
+import { shallowMount } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+import { defaultMocks } from '@/test/mocks'
+import BlockQuote from '@/components/Content/Blocks/BlockQuote'
+
+Vue.use(Vuetify)
+
+describe('BlockQuote', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(BlockQuote, {
+            propsData: {
+                value: {
+                    body: 'block quote',
+                    metadata: { config: {} },
+                },
+            },
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

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

@@ -0,0 +1,20 @@
+import { shallowMount } from '@vue/test-utils'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+
+import { defaultMocks } from '@/test/mocks'
+import BlockQuoteSettings from '@/components/Settings/BlockQuoteSettings'
+
+Vue.use(Vuetify)
+
+describe('BlockQuoteSettings', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(BlockQuoteSettings, {
+            propsData: {
+                tag: 'core-block-quote-settings',
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})