@windward/core 0.0.6 → 0.0.7

package/components/Content/Blocks/Image.vue

@@ -48,10 +48,10 @@ export default {
     },
     data() {
         return {
+            id: 'image_' + Crypto.id(),
             aspectRatio: undefined,
         }
     },
-    extends: BaseContentBlock,
     beforeMount() {
         if (_.isEmpty(this.block.metadata.config)) {
             this.block.metadata.config = {}
@@ -63,11 +63,6 @@ export default {
             this.block.metadata.config.aria_describedby = ''
         }
     },
-    data() {
-        return {
-            id: 'image_' + Crypto.id(),
-        }
-    },
     computed: {
         describedById() {
             // If there's a described by

package/components/Content/Blocks/OpenResponse.vue

@@ -0,0 +1,137 @@
+<template>
+    <div>
+        <div v-if="stateLoaded">
+            <div v-if="block.body && !submitted">
+                <TextViewer v-model="block.body" :height="200"></TextViewer>
+                <TextEditor
+                    v-model="response"
+                    :height="200"
+                    menubar=""
+                ></TextEditor>
+                <p class="pa-3 text-center blue-grey lighten-5">
+                    <v-btn
+                        color="primary"
+                        :disabled="!canSubmit"
+                        @click="onSubmit"
+                    >
+                        {{ $t('shared.forms.submit') }}
+                    </v-btn>
+                </p>
+            </div>
+
+            <div v-else-if="block.body && submitted">
+                <TextViewer v-model="block.body" :height="200"></TextViewer>
+                <p>
+                    {{
+                        $t(
+                            'windward.core.components.content.blocks.open_response.your_response'
+                        )
+                    }}
+                </p>
+                <v-alert color="light-blue lighten-4">
+                    <TextViewer v-model="response" :height="200"></TextViewer>
+                </v-alert>
+                <div v-if="block.metadata.config.sample_response">
+                    <p>
+                        {{
+                            $t(
+                                'windward.core.components.content.blocks.open_response.sample_response'
+                            )
+                        }}
+                    </p>
+                    <v-alert color="light-blue lighten-4">
+                        <TextViewer
+                            v-model="block.metadata.config.sample_response"
+                            :height="200"
+                        ></TextViewer>
+                    </v-alert>
+                </div>
+                <p class="pa-3 text-center blue-grey lighten-5">
+                    <v-btn color="primary" @click="submitted = false">{{
+                        $t('shared.forms.edit')
+                    }}</v-btn>
+                </p>
+            </div>
+
+            <v-alert v-else type="warning">
+                {{
+                    $t(
+                        'windward.core.components.content.blocks.open_response.initial_setup'
+                    )
+                }}
+            </v-alert>
+        </div>
+        <div v-if="!stateLoaded">
+            <v-progress-circular
+                indeterminate
+                :size="64"
+                :width="4"
+                color="white"
+            >
+            </v-progress-circular>
+        </div>
+    </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import TextViewer from '~/components/Text/TextViewer.vue'
+import TextEditor from '~/components/Text/TextEditor.vue'
+import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
+
+export default {
+    name: 'ContentBlockOpenResponse',
+    extends: BaseContentBlock,
+    components: {
+        TextViewer,
+        TextEditor,
+    },
+    data() {
+        return {
+            stateLoaded: false,
+            response: '',
+            submitted: false,
+        }
+    },
+    beforeMount() {
+        if (_.isEmpty(this.block.body)) {
+            this.block.body = ''
+        }
+        if (_.isEmpty(this.block.metadata.config)) {
+            this.block.metadata.config = {}
+        }
+        if (_.isEmpty(this.block.metadata.config.sample_response)) {
+            this.block.metadata.config.sample_response = ''
+        }
+        if (_.isEmpty(this.block.metadata.config.starting_text)) {
+            this.block.metadata.config.starting_text = ''
+        }
+    },
+    computed: {
+        canSubmit() {
+            // Make sure the response is not empty and not equal to the starting text
+            return (
+                this.response &&
+                this.response !== this.block.metadata.config.starting_text
+            )
+        },
+    },
+    watch: {},
+    mounted() {},
+    methods: {
+        onAfterSetContentBlockState() {
+            // 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
+        },
+        onSubmit() {
+            this.submitted = true
+
+            // Force the state to save on submit and not wait
+            this.$Tracking.flushState()
+        },
+    },
+}
+</script>

package/components/Content/Blocks/OpenResponseCollate.vue

@@ -0,0 +1,158 @@
+<template>
+    <div>
+        <div v-if="block.metadata.config.linked.length">
+            <v-btn color="primary" block @click="onCollate">
+                <v-icon class="mr-3">mdi-file-word</v-icon>
+                {{
+                    $t(
+                        'windward.core.components.content.blocks.open_response_collate.download_document'
+                    )
+                }}
+            </v-btn>
+        </div>
+        <v-alert v-else type="warning">
+            {{
+                $t(
+                    'windward.core.components.content.blocks.open_response_collate.initial_setup'
+                )
+            }}
+        </v-alert>
+    </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import { mapGetters } from 'vuex'
+import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
+import UserContentBlockState from '~/models/UserContentBlockState'
+
+export default {
+    name: 'ContentBlockOpenResponseCollate',
+    extends: BaseContentBlock,
+    components: {},
+    data() {
+        return {}
+    },
+    beforeMount() {
+        if (_.isEmpty(this.block.body)) {
+            this.block.body = ''
+        }
+        if (_.isEmpty(this.block.metadata.config)) {
+            this.block.metadata.config = {}
+        }
+        if (_.isEmpty(this.block.metadata.config.linked)) {
+            this.block.metadata.config.linked = []
+        }
+        if (_.isEmpty(this.block.metadata.config.filename)) {
+            this.block.metadata.config.filename = ''
+        }
+        if (_.isEmpty(this.block.metadata.config.include_prompts)) {
+            this.block.metadata.config.include_prompts = false
+        }
+    },
+    computed: {
+        ...mapGetters({
+            organization: 'organization/get',
+            course: 'course/get',
+            enrollment: 'enrollment/get',
+            content: 'content/get',
+        }),
+    },
+    watch: {},
+    mounted() {},
+    methods: {
+        async onCollate() {
+            let userState = await UserContentBlockState.where({
+                'metadata->block->tag': 'plugin-core-open-response',
+                course_user_id: this.enrollment.id,
+            })
+                .whereIn('content_block_id', this.block.metadata.config.linked)
+                .get()
+            let collated = ''
+
+            userState.forEach((state) => {
+                // Prepend the prompt from the state if include prompts is enabled
+                if (this.block.metadata.config.include_prompts) {
+                    collated +=
+                        '<strong>' +
+                        state.metadata.block.body +
+                        '</strong><hr />'
+                }
+                if (!_.isEmpty(state.metadata.response)) {
+                    collated += '\n' + state.metadata.response
+                } else {
+                    collated +=
+                        '\n<p>' +
+                        this.$t(
+                            'windward.core.components.content.blocks.open_response_collate.no_response'
+                        ) +
+                        '</p>'
+                }
+            })
+            let filename = this.block.metadata.config.filename
+            if (_.isEmpty(this.block.metadata.config.filename)) {
+                // Default filename is the users name + the current page
+                filename =
+                    this.$auth.user.last_name +
+                    '_' +
+                    this.$auth.user.first_name +
+                    '_' +
+                    _.get(this.content, 'content.name_prefix') +
+                    _.get(this.content, 'content.name')
+
+                // Change spaces to underscores and remove special characters
+                filename = filename.replaceAll(/\s+/gi, '_')
+                filename = filename.replaceAll(/[^a-z0-9\-\_]/gi, '')
+            }
+
+            this.generateDocument(collated, filename)
+        },
+        generateDocument(htmlBody, filename = '') {
+            // Specify file name. If one isn't supplied then a default name of `exported_document_YYYY-MM-DD.doc` is used
+            filename = filename
+                ? filename + '.doc'
+                : 'exported_document_' +
+                  new Date().toISOString().split('T')[0] +
+                  '.doc'
+
+            var preHtml =
+                "<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:w='urn:schemas-microsoft-com:office:word' xmlns='http://www.w3.org/TR/REC-html40'>" +
+                "<head><meta charset='utf-8'><title>" +
+                filename +
+                '</title></head>' +
+                '<body>'
+            var postHtml = '</body></html>'
+            var html = preHtml + htmlBody + postHtml
+
+            var blob = new Blob(['\ufeff', html], {
+                type: 'application/msword',
+            })
+
+            // Specify link url
+            var url =
+                'data:application/vnd.ms-word;charset=utf-8,' +
+                encodeURIComponent(html)
+
+            // Create download link element
+            var downloadLink = document.createElement('a')
+
+            document.body.appendChild(downloadLink)
+
+            if (navigator.msSaveOrOpenBlob) {
+                navigator.msSaveOrOpenBlob(blob, filename)
+            } else {
+                // Create a link to the file
+                downloadLink.href = url
+
+                // Setting the file name
+                downloadLink.download = filename
+
+                //triggering the function
+                downloadLink.click()
+            }
+
+            document.body.removeChild(downloadLink)
+        },
+    },
+}
+</script>

package/components/Settings/OpenResponseCollateSettings.vue

@@ -0,0 +1,170 @@
+<template>
+    <v-container>
+        <v-form>
+            <p>
+                {{
+                    $t(
+                        'windward.core.components.settings.open_response_collate.instructions'
+                    )
+                }}
+            </p>
+            <v-switch
+                v-model="block.metadata.config.include_prompts"
+                :label="
+                    $t(
+                        'windward.core.components.settings.open_response_collate.include_prompts'
+                    )
+                "
+            ></v-switch>
+            <v-text-field
+                v-model="block.metadata.config.filename"
+                :label="
+                    $t(
+                        'windward.core.components.settings.open_response_collate.filename'
+                    )
+                "
+            ></v-text-field>
+            <v-list>
+                <v-list-item-group
+                    v-model="linked"
+                    multiple
+                    color="primary"
+                    @change="onLinkedChange"
+                >
+                    <draggable
+                        v-bind="dragOptions"
+                        :list="contentBlocks"
+                        @change="onDragChange"
+                    >
+                        <v-list-item
+                            v-for="contentBlock in contentBlocks"
+                            :key="contentBlock.id"
+                            :value="contentBlock.id"
+                        >
+                            <template #default="{ active }">
+                                <v-list-item-icon>
+                                    <v-icon>mdi-drag</v-icon>
+                                </v-list-item-icon>
+
+                                <v-list-item-content>
+                                    <v-list-item-title>
+                                        {{
+                                            contentBlock.block.body.replace(
+                                                /<[^>]*>?/gm,
+                                                ''
+                                            )
+                                        }}
+                                    </v-list-item-title>
+                                </v-list-item-content>
+                                <v-list-item-action>
+                                    <v-checkbox
+                                        :input-value="active"
+                                        color="primary"
+                                    ></v-checkbox>
+                                </v-list-item-action>
+                            </template>
+                        </v-list-item>
+                    </draggable>
+                </v-list-item-group>
+            </v-list>
+        </v-form>
+    </v-container>
+</template>
+
+<script>
+import _ from 'lodash'
+import { mapGetters } from 'vuex'
+import draggable from 'vuedraggable'
+import TextEditor from '~/components/Text/TextEditor.vue'
+import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import ContentBlock from '~/models/ContentBlock'
+import Course from '~/models/Course'
+
+export default {
+    name: 'ImageSettings',
+    extends: BaseContentSettings,
+    components: { draggable, TextEditor },
+    props: {
+        settings: { type: Object, required: false, default: null },
+        context: { type: String, required: false, default: 'block' },
+    },
+    data() {
+        return {
+            contentBlocks: [],
+            linked: [],
+        }
+    },
+    computed: {
+        ...mapGetters({
+            organization: 'organization/get',
+            course: 'course/get',
+            enrollment: 'enrollment/get',
+        }),
+        dragOptions() {
+            return {
+                animation: 200,
+            }
+        },
+    },
+    async fetch() {
+        this.contentBlocks = await ContentBlock.where(
+            'tag',
+            'plugin-core-open-response'
+        )
+            .for(new Course({ id: this.course.id }))
+            .get()
+    },
+    beforeMount() {
+        if (_.isEmpty(this.block)) {
+            this.block = {}
+        }
+        if (_.isEmpty(this.block.body)) {
+            this.block.body = ''
+        }
+        if (_.isEmpty(this.block.metadata)) {
+            this.block.metadata = {}
+        }
+        if (_.isEmpty(this.block.metadata.config)) {
+            this.block.metadata.config = {}
+        }
+        if (_.isEmpty(this.block.metadata.config.linked)) {
+            this.block.metadata.config.linked = []
+        }
+        if (_.isEmpty(this.block.metadata.config.filename)) {
+            this.block.metadata.config.filename = ''
+        }
+        if (_.isEmpty(this.block.metadata.config.include_prompts)) {
+            this.block.metadata.config.include_prompts = false
+        }
+
+        this.linked = this.block.metadata.config.linked
+    },
+    watch: {},
+    mounted() {},
+    methods: {
+        // Called when the order changes
+        onDragChange(e) {
+            this.setLinkedBlocks()
+        },
+        // Called when blocks are added / removed
+        onLinkedChange() {
+            this.setLinkedBlocks()
+        },
+        setLinkedBlocks() {
+            const linkedContentIds = []
+
+            // Loop over content blocks since they have the correct order we want to collate
+            this.contentBlocks.forEach((contentBlock) => {
+                // If the unsorted this.linked includes the block id, add it in the right order
+                if (this.linked.includes(contentBlock.id)) {
+                    linkedContentIds.push(contentBlock.id)
+                }
+            })
+
+            // Set the linked and also body for convenience
+            this.block.metadata.config.linked = linkedContentIds
+            this.block.body = linkedContentIds.join()
+        },
+    },
+}
+</script>

package/components/Settings/OpenResponseSettings.vue

@@ -0,0 +1,81 @@
+<template>
+    <v-container>
+        <v-form>
+            <h3 class="pb-2">
+                {{
+                    $t(
+                        'windward.core.components.settings.open_response.question'
+                    )
+                }}
+            </h3>
+            <TextEditor v-model="block.body" :height="200"></TextEditor>
+
+            <h3 class="pb-2">
+                {{
+                    $t(
+                        'windward.core.components.settings.open_response.sample_response'
+                    )
+                }}
+            </h3>
+            <TextEditor
+                v-model="block.metadata.config.sample_response"
+                :height="200"
+            ></TextEditor>
+
+            <h3 class="pb-2">
+                {{
+                    $t(
+                        'windward.core.components.settings.open_response.starting_text'
+                    )
+                }}
+            </h3>
+            <TextEditor
+                v-model="block.metadata.config.starting_text"
+                :height="200"
+            ></TextEditor>
+        </v-form>
+    </v-container>
+</template>
+
+<script>
+import _ from 'lodash'
+import TextEditor from '~/components/Text/TextEditor.vue'
+import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import ContentBlockAsset from '~/components/Content/ContentBlockAsset.vue'
+
+export default {
+    name: 'ImageSettings',
+    extends: BaseContentSettings,
+    components: { ContentBlockAsset, TextEditor },
+    props: {
+        settings: { type: Object, required: false, default: null },
+        context: { type: String, required: false, default: 'block' },
+    },
+    beforeMount() {
+        if (_.isEmpty(this.block)) {
+            this.block = {}
+        }
+        if (_.isEmpty(this.block.body)) {
+            this.block.body = ''
+        }
+        if (_.isEmpty(this.block.metadata)) {
+            this.block.metadata = {}
+        }
+        if (_.isEmpty(this.block.metadata.config)) {
+            this.block.metadata.config = {}
+        }
+        if (_.isEmpty(this.block.metadata.config.sample_response)) {
+            this.block.metadata.config.sample_response = ''
+        }
+        if (_.isEmpty(this.block.metadata.config.starting_text)) {
+            this.block.metadata.config.starting_text = ''
+        }
+    },
+    data() {
+        return {}
+    },
+    watch: {},
+    mounted() {},
+    methods: {},
+}
+</script>

package/components/utils/TinyMCEWrapper.vue

@@ -26,6 +26,17 @@ export default {
         value: { type: String, required: true, default: '' },
         api_key: { type: String, required: true, default: '' },
         height: { type: Number, required: false, default: null },
+        menubar: {
+            type: String,
+            required: false,
+            default: 'file edit insert format view table windward help',
+        },
+        toolbar: {
+            type: String,
+            required: false,
+            default:
+                'undo redo | formatselect | bold italic | alignleft aligncenter alignright | table bullist numlist outdent indent | mathButton ',
+        },
     },
     beforeMount() {
         this.text = this.value
@@ -50,7 +61,7 @@ export default {
             return {
                 height: 500,
                 visual: false,
-                menubar: 'file edit insert format view table windward help',
+                menubar: this.menubar,
                 menu: {
                     insert: {
                         title: 'Insert',
@@ -67,8 +78,7 @@ export default {
                     'anchor insertdatetime ',
                     'paste code wordcount table WindwardToolKit ',
                 ],
-                toolbar:
-                    'undo redo | formatselect | bold italic | alignleft aligncenter alignright | table bullist numlist outdent indent | mathButton ',
+                toolbar: this.toolbar,
                 table_advtab: false,
                 table_cell_advtab: false,
                 table_row_advtab: false,

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

@@ -4,6 +4,8 @@ import video from './video'
 import table from './table'
 import tab from './tab'
 import feedback from './feedback'
+import open_response from './open_response'
+import open_response_collate from './open_response_collate'
 
 export default {
     user_upload,
@@ -12,4 +14,6 @@ export default {
     table,
     tab,
     feedback,
+    open_response,
+    open_response_collate,
 }

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

@@ -0,0 +1,5 @@
+export default {
+    initial_setup: 'Enter a prompt for this open response block to get started',
+    your_response: 'Your Response',
+    sample_response: 'Suggested/Sample Response',
+}

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

@@ -0,0 +1,6 @@
+export default {
+    download_document: 'Download Word Document',
+    no_response: '[no response]',
+    initial_setup:
+        'Open the block settings and select Open Response blocks you want to collate for download',
+}

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

@@ -3,11 +3,15 @@ import user_upload from './user_upload'
 import text_editor from './text_editor'
 import video from './video'
 import clickable_icon from './clickable_icon'
+import open_response from './open_response'
+import open_response_collate from './open_response_collate'
 
 export default {
     image,
     user_upload,
     text_editor,
     video,
-    clickable_icon
+    clickable_icon,
+    open_response,
+    open_response_collate,
 }

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

@@ -0,0 +1,5 @@
+export default {
+    question: 'Question',
+    sample_response: 'Suggested/Sample Response',
+    starting_text: 'Starting Text',
+}

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

@@ -0,0 +1,6 @@
+export default {
+    instructions:
+        'Check off open responses to collate. Drag the prompts to set the order you want the responses collated',
+    include_prompts: 'Include Prompts',
+    filename: 'Filename (Blank for current page name)',
+}

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

@@ -7,6 +7,8 @@ export default {
         rich_text: 'Rich Text',
         math: 'Math',
         accordion: 'Accordion',
+        open_response: 'Open Response',
+        open_response_collate: 'Open Response Collate',
         image: 'Image',
         user_upload: 'User Upload',
         clickable_icons: 'Clickable Icons',

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

@@ -1,6 +1,8 @@
 export default {
     title: {
         assessment: 'Assessment Settings',
+        open_response: 'Open Response Settings',
+        open_response_collate: 'Open Response Collate Settings',
         image: 'Image Settings',
         user_upload: 'User Upload Settings',
         tab_settings: 'Tab Settings',
@@ -10,6 +12,6 @@ export default {
         video: 'Video Settings',
         table: 'Table Settings',
         math: 'Math Settings',
-        feedback: 'Feedback Settings'
+        feedback: 'Feedback Settings',
     },
 }

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

@@ -4,6 +4,8 @@ import video from './video'
 import table from './table'
 import tab from './tab'
 import feedback from './feedback'
+import open_response from './open_response'
+import open_response_collate from './open_response_collate'
 
 export default {
     user_upload,
@@ -12,4 +14,6 @@ export default {
     table,
     tab,
     feedback,
+    open_response,
+    open_response_collate,
 }

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

@@ -0,0 +1,6 @@
+export default {
+    initial_setup:
+        'Ingrese un mensaje para este bloque de respuesta abierto para comenzar',
+    your_response: 'Tu respuesta',
+    sample_response: 'Respuesta sugerida/de muestra',
+}

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

@@ -0,0 +1,6 @@
+export default {
+    download_document: 'Descargar documento de Word',
+    no_response: '[sin respuesta]',
+    initial_setup:
+        'Abra la configuración del bloque y seleccione los bloques de respuesta abierta que desea recopilar para descargar',
+}

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

@@ -3,6 +3,8 @@ import user_upload from './user_upload'
 import text_editor from './text_editor'
 import video from './video'
 import clickable_icon from './clickable_icon'
+import open_response from './open_response'
+import open_response_collate from './open_response_collate'
 
 export default {
     image,
@@ -10,4 +12,6 @@ export default {
     text_editor,
     video,
     clickable_icon,
+    open_response,
+    open_response_collate,
 }

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

@@ -0,0 +1,5 @@
+export default {
+    question: 'Pregunta',
+    sample_response: 'Respuesta sugerida/de muestra',
+    starting_text: 'Texto inicial',
+}

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

@@ -0,0 +1,7 @@
+export default {
+    instructions:
+        'Marque las respuestas abiertas para cotejar. Arrastra las indicaciones para establecer el orden en el que deseas que se cotejen las respuestas',
+    include_prompts: 'Incluir mensajes',
+    filename:
+        'Nombre de archivo (en blanco para el nombre de la página actual)',
+}

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

@@ -7,6 +7,8 @@ export default {
         rich_text: 'Texto enriquecido',
         math: 'Matemáticas',
         accordion: 'Acordeón',
+        open_response: 'Respuesta abierta',
+        open_response_collate: 'Intercalación de respuesta abierta',
         image: 'Imagen',
         user_upload: 'Carga de usuario',
         clickable_icons: 'Iconos en los que se puede hacer clic',

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

@@ -1,6 +1,9 @@
 export default {
     title: {
         assessment: 'Configuración de evaluación',
+        open_response: 'Abrir configuración de respuesta',
+        open_response_collate:
+            'Abrir configuración de clasificación de respuestas',
         image: 'Configuración de imagen',
         user_upload: 'Configuración de carga del usuario',
         tab_settings: 'Configuración de pestaña',

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

@@ -4,6 +4,8 @@ import video from './video'
 import table from './table'
 import tab from './tab'
 import feedback from './feedback'
+import open_response from './open_response'
+import open_response_collate from './open_response_collate'
 
 export default {
     user_upload,
@@ -12,4 +14,6 @@ export default {
     table,
     tab,
     feedback,
+    open_response,
+    open_response_collate,
 }

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

@@ -0,0 +1,6 @@
+export default {
+    initial_setup:
+        'Ange en uppmaning för detta öppna svarsblock för att komma igång',
+    your_response: 'Ditt svar',
+    sample_response: 'Föreslagen/provsvar',
+}

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

@@ -0,0 +1,6 @@
+export default {
+    download_document: 'Ladda ner Word-dokument',
+    no_response: '[inget svar]',
+    initial_setup:
+        'Öppna blockinställningarna och välj Öppna svarsblock som du vill sortera för nedladdning',
+}

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

@@ -3,11 +3,15 @@ import user_upload from './user_upload'
 import text_editor from './text_editor'
 import video from './video'
 import clickable_icon from './clickable_icon'
+import open_response from './open_response'
+import open_response_collate from './open_response_collate'
 
 export default {
     image,
     user_upload,
     text_editor,
     video,
-    clickable_icon
+    clickable_icon,
+    open_response,
+    open_response_collate,
 }

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

@@ -0,0 +1,5 @@
+export default {
+    question: 'Fråga',
+    sample_response: 'Föreslagen/provsvar',
+    starting_text: 'Starttext',
+}

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

@@ -0,0 +1,6 @@
+export default {
+    instructions:
+        'Bocka av öppna svar för att sortera. Dra uppmaningarna för att ställa in den ordning du vill att svaren ska sorteras',
+    include_prompts: 'Inkludera uppmaningar',
+    filename: 'Filnamn (tomt för nuvarande sidnamn)',
+}

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

@@ -7,6 +7,8 @@ export default {
         rich_text: 'Rich Text',
         math: 'Math',
         accordion: 'Accordion',
+        open_response: 'Öppet svar',
+        open_response_collate: 'Öppna svarssortering',
         image: 'Bild',
         user_upload: 'User Upload',
         clickable_icons: 'Klickbara ikoner',

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

@@ -1,6 +1,8 @@
 export default {
     title: {
         assessment: 'Bedömningsinställningar',
+        open_response: 'Öppna svarsinställningar',
+        open_response_collate: 'Öppna inställningar för svarssortering',
         image: 'Bildinställningar',
         user_upload: 'User Upload Settings',
         tab_settings: 'Flikinställningar',

package/package.json

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

package/plugin.js

@@ -11,6 +11,8 @@ import ClickableIcons from './components/Content/Blocks/ClickableIcons'
 
 import UserUploadNav from './components/Navigation/Items/UserUploadNav.vue'
 
+import OpenResponse from './components/Content/Blocks/OpenResponse'
+import OpenResponseCollate from './components/Content/Blocks/OpenResponseCollate'
 import Image from './components/Content/Blocks/Image'
 import UserUpload from './components/Content/Blocks/UserUpload'
 
@@ -18,7 +20,10 @@ import GlossaryPage from './pages/glossary.vue'
 import CourseGlossaryToolNav from './components/Navigation/Items/CourseGlossaryToolNav.vue'
 import GlossaryNav from './components/Navigation/Items/GlossaryNav.vue'
 import AskTheExpert from './components/Navigation/Items/AskTheExpert.vue'
+
 // Entrypoint for npm
+import OpenResponseSettings from './components/Settings/OpenResponseSettings.vue'
+import OpenResponseCollateSettings from './components/Settings/OpenResponseCollateSettings.vue'
 import ImageSettings from './components/Settings/ImageSettings.vue'
 import UserUploadSettings from './components/Settings/UserUploadSettings.vue'
 import ClickableIconsSettings from './components/Settings/ClickableIconsSettings.vue'
@@ -176,6 +181,26 @@ export default {
                         'windward.core.shared.content_blocks.grouping.basic',
                 },
             },
+            {
+                tag: 'core-open-response',
+                template: OpenResponse,
+                metadata: {
+                    icon: 'mdi-typewriter',
+                    name: 'windward.core.shared.content_blocks.title.open_response',
+                    grouping:
+                        'windward.core.shared.content_blocks.grouping.basic',
+                },
+            },
+            {
+                tag: 'core-open-response-collate',
+                template: OpenResponseCollate,
+                metadata: {
+                    icon: 'mdi-typewriter',
+                    name: 'windward.core.shared.content_blocks.title.open_response_collate',
+                    grouping:
+                        'windward.core.shared.content_blocks.grouping.basic',
+                },
+            },
             {
                 tag: 'core-image',
                 template: Image,
@@ -218,6 +243,24 @@ export default {
             },
         ],
         settings: [
+            {
+                tag: 'core-open-response-settings',
+                template: OpenResponseSettings,
+                context: ['block.core-open-response'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'windward.core.shared.settings.title.open_response',
+                },
+            },
+            {
+                tag: 'core-open-response-collate-settings',
+                template: OpenResponseCollateSettings,
+                context: ['block.core-open-response-collate'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'windward.core.shared.settings.title.open_response_collate',
+                },
+            },
             {
                 tag: 'core-image-settings',
                 template: ImageSettings,

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

@@ -0,0 +1,31 @@
+import { shallowMount } from '@vue/test-utils'
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+import OpenResponse from '@/components/Content/Blocks/OpenResponse.vue'
+
+Vue.use(Vuetify)
+
+describe('OpenResponse content block component', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(OpenResponse, {
+            vuetify: new Vuetify(),
+            mocks: defaultMocks,
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    tag: 'plugin-core-open-response',
+                    body: '<p>Test Block</p>',
+                    metadata: {
+                        config: {
+                            sample_response: 'sample response example',
+                            starting_text: 'starting text example',
+                        },
+                    },
+                },
+            },
+        })
+
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

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

@@ -0,0 +1,36 @@
+import { shallowMount } from '@vue/test-utils'
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import { defaultMocks } from '@/test/mocks'
+import Image from '@/components/Content/Blocks/Image.vue'
+
+Vue.use(Vuetify)
+
+describe('Image content block component', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(Image, {
+            vuetify: new Vuetify(),
+            mocks: defaultMocks,
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    tag: 'plugin-core-open-response-collate',
+                    body: '00000000-0000-0000-0000-000000000001,00000000-0000-0000-0000-000000000002,00000000-0000-0000-0000-000000000003',
+                    metadata: {
+                        config: {
+                            linked: [
+                                '00000000-0000-0000-0000-000000000001',
+                                '00000000-0000-0000-0000-000000000002',
+                                '00000000-0000-0000-0000-000000000003',
+                            ],
+                            filename: 'example_filename_override',
+                            include_prompts: true,
+                        },
+                    },
+                },
+            },
+        })
+
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Settings/OpenResponseCollateSettings.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 OpenResponseCollateSettings from '@/components/Settings/OpenResponseCollateSettings'
+
+Vue.use(Vuetify)
+
+describe('OpenResponseCollateSettings', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(OpenResponseCollateSettings, {
+            propsData: {
+                tag: 'core-open-response-collate-settings',
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/Components/Settings/OpenResponseSettings.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 OpenResponseSettings from '@/components/Settings/OpenResponseSettings'
+
+Vue.use(Vuetify)
+
+describe('OpenResponseSettings', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(OpenResponseSettings, {
+            propsData: {
+                tag: 'core-open-response-settings',
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})