@windward/core 0.0.6 → 0.0.8

package/components/Settings/OpenResponseCollateSettings.vue

@@ -0,0 +1,171 @@
+<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.block_id"
+                            :value="contentBlock.block_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 = ''
+        }
+        // _.isEmpty(true) returns false. use isBoolean to check if this prop exists
+        if (!_.isBoolean(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 linkedBlockIds = []
+
+            // 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.block_id)) {
+                    linkedBlockIds.push(contentBlock.block_id)
+                }
+            })
+
+            // Set the linked and also body for convenience
+            this.block.metadata.config.linked = linkedBlockIds
+            this.block.body = linkedBlockIds.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/Settings/TextEditorSettings.vue

@@ -103,6 +103,7 @@
             v-show="
                 settingSelector.includes(1) && !block.metadata.config.expand
             "
+            autofill
         ></text-editor>
         <v-skeleton-loader
             v-bind="attrs"

package/components/utils/TinyMCEWrapper.vue

@@ -6,7 +6,7 @@
         :api-key="api_key"
         :init="config"
         tag-name="div"
-        model-events="change keydown blur focus paste input submit"
+        model-events="change keydown blur focus paste input submit SetContent"
     >
     </editor>
 </template>
@@ -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: 'edit insert format  view table windward help',
+        },
+        toolbar: {
+            type: String,
+            required: false,
+            default:
+                'undo redo | formatselect | fontsizeselect  | bold italic underline strikethrough removeformat | 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',
@@ -60,6 +71,10 @@ export default {
                         title: 'Table',
                         items: 'inserttable | tableprops |  deletetable',
                     },
+                    format: {
+                        title: 'Format',
+                        items: ' bold italic underline strikethrough superscript subscript codeformat | formats align | forecolor backcolor | language | removeformat',
+                    },
                 },
                 plugins: [
                     'advlist autolink lists link  charmap',
@@ -67,14 +82,15 @@ 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,
                 table_default_attributes: {
                     class: 'default',
                 },
+                font_size_formats:
+                    '8pt 10pt 12pt 14pt 16pt 18pt 24pt 36pt 48pt',
                 table_class_list: [
                     { title: 'None', value: ' ' },
                     {
@@ -153,6 +169,7 @@ export default {
                         WindwardPlugins
                     )
                 },
+
                 formats: {
                     glossary: {
                         inline: 'span',

package/components/utils/assets/tinymce/css/content.scss

@@ -193,5 +193,5 @@ span.windward-fill-blank{
     color: #000000;
 }
 
-
+body { font-family: 'Roboto', sans-serif; }
 

package/coverage/clover.xml

@@ -0,0 +1,223 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<coverage generated="1670426388313" clover="3.2.0">
+  <project timestamp="1670426388313" name="All files">
+    <metrics statements="154" coveredstatements="121" conditionals="12" coveredconditionals="8" methods="51" coveredmethods="18" elements="217" coveredelements="147" complexity="0" loc="154" ncloc="154" packages="6" files="15" classes="15"/>
+    <package name="components.Content.Blocks">
+      <metrics statements="21" coveredstatements="21" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+      <file name="Accordion.vue" path="/home/tcelestin/Documents/code/mindedge/windward-ui-plugin-core/components/Content/Blocks/Accordion.vue">
+        <metrics statements="3" coveredstatements="3" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+        <line num="53" count="1" type="stmt"/>
+        <line num="54" count="1" type="stmt"/>
+        <line num="55" count="1" type="stmt"/>
+      </file>
+      <file name="Image.vue" path="/home/tcelestin/Documents/code/mindedge/windward-ui-plugin-core/components/Content/Blocks/Image.vue">
+        <metrics statements="3" coveredstatements="3" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+        <line num="50" count="1" type="stmt"/>
+        <line num="51" count="1" type="stmt"/>
+        <line num="52" count="1" type="stmt"/>
+      </file>
+      <file name="Math.vue" path="/home/tcelestin/Documents/code/mindedge/windward-ui-plugin-core/components/Content/Blocks/Math.vue">
+        <metrics statements="3" coveredstatements="3" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+        <line num="20" count="1" type="stmt"/>
+        <line num="21" count="1" type="stmt"/>
+        <line num="22" count="1" type="stmt"/>
+      </file>
+      <file name="RichText.vue" path="/home/tcelestin/Documents/code/mindedge/windward-ui-plugin-core/components/Content/Blocks/RichText.vue">
+        <metrics statements="4" coveredstatements="4" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+        <line num="20" count="1" type="stmt"/>
+        <line num="21" count="1" type="stmt"/>
+        <line num="22" count="1" type="stmt"/>
+        <line num="23" count="1" type="stmt"/>
+      </file>
+      <file name="Tab.vue" path="/home/tcelestin/Documents/code/mindedge/windward-ui-plugin-core/components/Content/Blocks/Tab.vue">
+        <metrics statements="3" coveredstatements="3" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+        <line num="57" count="1" type="stmt"/>
+        <line num="58" count="1" type="stmt"/>
+        <line num="59" count="1" type="stmt"/>
+      </file>
+      <file name="Table.vue" path="/home/tcelestin/Documents/code/mindedge/windward-ui-plugin-core/components/Content/Blocks/Table.vue">
+        <metrics statements="1" coveredstatements="1" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+        <line num="95" count="1" type="stmt"/>
+      </file>
+      <file name="Video.vue" path="/home/tcelestin/Documents/code/mindedge/windward-ui-plugin-core/components/Content/Blocks/Video.vue">
+        <metrics statements="4" coveredstatements="4" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+        <line num="296" count="1" type="stmt"/>
+        <line num="297" count="1" type="stmt"/>
+        <line num="298" count="1" type="stmt"/>
+        <line num="299" count="1" type="stmt"/>
+      </file>
+    </package>
+    <package name="components.utils">
+      <metrics statements="9" coveredstatements="9" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+      <file name="ContentViewer.vue" path="/home/tcelestin/Documents/code/mindedge/windward-ui-plugin-core/components/utils/ContentViewer.vue">
+        <metrics statements="1" coveredstatements="1" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+        <line num="6" count="3" type="stmt"/>
+      </file>
+      <file name="MathExpressionEditor.vue" path="/home/tcelestin/Documents/code/mindedge/windward-ui-plugin-core/components/utils/MathExpressionEditor.vue">
+        <metrics statements="3" coveredstatements="3" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+        <line num="107" count="1" type="stmt"/>
+        <line num="108" count="1" type="stmt"/>
+        <line num="109" count="1" type="stmt"/>
+      </file>
+      <file name="MathLiveWrapper.vue" path="/home/tcelestin/Documents/code/mindedge/windward-ui-plugin-core/components/utils/MathLiveWrapper.vue">
+        <metrics statements="3" coveredstatements="3" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+        <line num="6" count="1" type="stmt"/>
+        <line num="7" count="1" type="stmt"/>
+        <line num="8" count="1" type="stmt"/>
+      </file>
+      <file name="TinyMCEWrapper.vue" path="/home/tcelestin/Documents/code/mindedge/windward-ui-plugin-core/components/utils/TinyMCEWrapper.vue">
+        <metrics statements="2" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+        <line num="15" count="3" type="stmt"/>
+        <line num="16" count="3" type="stmt"/>
+      </file>
+    </package>
+    <package name="config">
+      <metrics statements="0" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+      <file name="tinymce.config.js" path="/home/tcelestin/Documents/code/mindedge/windward-ui-plugin-core/config/tinymce.config.js">
+        <metrics statements="0" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+      </file>
+    </package>
+    <package name="helpers">
+      <metrics statements="68" coveredstatements="68" conditionals="8" coveredconditionals="8" methods="17" coveredmethods="17"/>
+      <file name="MathHelper.ts" path="/home/tcelestin/Documents/code/mindedge/windward-ui-plugin-core/helpers/MathHelper.ts">
+        <metrics statements="68" coveredstatements="68" conditionals="8" coveredconditionals="8" methods="17" coveredmethods="17"/>
+        <line num="1" count="5" type="stmt"/>
+        <line num="2" count="5" type="stmt"/>
+        <line num="3" count="5" type="stmt"/>
+        <line num="4" count="5" type="stmt"/>
+        <line num="8" count="5" type="stmt"/>
+        <line num="17" count="5" type="stmt"/>
+        <line num="18" count="3" type="stmt"/>
+        <line num="20" count="3" type="stmt"/>
+        <line num="30" count="5" type="stmt"/>
+        <line num="31" count="2" type="stmt"/>
+        <line num="33" count="2" type="stmt"/>
+        <line num="43" count="5" type="stmt"/>
+        <line num="44" count="2" type="stmt"/>
+        <line num="46" count="2" type="stmt"/>
+        <line num="55" count="5" type="stmt"/>
+        <line num="56" count="3" type="stmt"/>
+        <line num="57" count="3" type="stmt"/>
+        <line num="58" count="3" type="cond" truecount="1" falsecount="0"/>
+        <line num="59" count="2" type="stmt"/>
+        <line num="60" count="2" type="stmt"/>
+        <line num="67" count="3" type="stmt"/>
+        <line num="76" count="5" type="stmt"/>
+        <line num="77" count="3" type="stmt"/>
+        <line num="78" count="3" type="stmt"/>
+        <line num="79" count="3" type="cond" truecount="1" falsecount="0"/>
+        <line num="80" count="2" type="stmt"/>
+        <line num="81" count="2" type="stmt"/>
+        <line num="82" count="2" type="cond" truecount="1" falsecount="0"/>
+        <line num="83" count="1" type="stmt"/>
+        <line num="90" count="2" type="cond" truecount="1" falsecount="0"/>
+        <line num="91" count="1" type="stmt"/>
+        <line num="101" count="3" type="stmt"/>
+        <line num="110" count="5" type="stmt"/>
+        <line num="112" count="2" type="stmt"/>
+        <line num="114" count="2" type="stmt"/>
+        <line num="124" count="5" type="stmt"/>
+        <line num="125" count="3" type="stmt"/>
+        <line num="127" count="3" type="stmt"/>
+        <line num="128" count="3" type="cond" truecount="1" falsecount="0"/>
+        <line num="129" count="2" type="stmt"/>
+        <line num="130" count="3" type="stmt"/>
+        <line num="142" count="3" type="stmt"/>
+        <line num="152" count="5" type="stmt"/>
+        <line num="153" count="3" type="stmt"/>
+        <line num="155" count="3" type="stmt"/>
+        <line num="156" count="3" type="cond" truecount="1" falsecount="0"/>
+        <line num="157" count="2" type="stmt"/>
+        <line num="158" count="2" type="stmt"/>
+        <line num="159" count="2" type="stmt"/>
+        <line num="172" count="3" type="stmt"/>
+        <line num="182" count="5" type="stmt"/>
+        <line num="183" count="2" type="stmt"/>
+        <line num="196" count="5" type="stmt"/>
+        <line num="197" count="1" type="stmt"/>
+        <line num="207" count="5" type="stmt"/>
+        <line num="208" count="2" type="stmt"/>
+        <line num="210" count="2" type="stmt"/>
+        <line num="211" count="2" type="cond" truecount="1" falsecount="0"/>
+        <line num="212" count="1" type="stmt"/>
+        <line num="213" count="1" type="stmt"/>
+        <line num="216" count="1" type="stmt"/>
+        <line num="226" count="5" type="stmt"/>
+        <line num="227" count="2" type="stmt"/>
+        <line num="229" count="2" type="stmt"/>
+        <line num="230" count="2" type="cond" truecount="1" falsecount="0"/>
+        <line num="231" count="1" type="stmt"/>
+        <line num="234" count="1" type="stmt"/>
+        <line num="236" count="5" type="stmt"/>
+      </file>
+    </package>
+    <package name="helpers.tinymce">
+      <metrics statements="27" coveredstatements="2" conditionals="4" coveredconditionals="0" methods="8" coveredmethods="0"/>
+      <file name="plugin.ts" path="/home/tcelestin/Documents/code/mindedge/windward-ui-plugin-core/helpers/tinymce/plugin.ts">
+        <metrics statements="27" coveredstatements="2" conditionals="4" coveredconditionals="0" methods="8" coveredmethods="0"/>
+        <line num="1" count="3" type="stmt"/>
+        <line num="5" count="0" type="stmt"/>
+        <line num="6" count="0" type="stmt"/>
+        <line num="23" count="0" type="cond" truecount="0" falsecount="1"/>
+        <line num="24" count="0" type="stmt"/>
+        <line num="26" count="0" type="stmt"/>
+        <line num="32" count="0" type="stmt"/>
+        <line num="33" count="0" type="stmt"/>
+        <line num="37" count="0" type="cond" truecount="0" falsecount="2"/>
+        <line num="39" count="0" type="stmt"/>
+        <line num="40" count="0" type="stmt"/>
+        <line num="42" count="0" type="stmt"/>
+        <line num="43" count="0" type="stmt"/>
+        <line num="49" count="0" type="stmt"/>
+        <line num="53" count="0" type="stmt"/>
+        <line num="56" count="0" type="stmt"/>
+        <line num="57" count="0" type="stmt"/>
+        <line num="60" count="0" type="stmt"/>
+        <line num="61" count="0" type="stmt"/>
+        <line num="66" count="0" type="stmt"/>
+        <line num="67" count="0" type="stmt"/>
+        <line num="68" count="0" type="cond" truecount="0" falsecount="1"/>
+        <line num="69" count="0" type="stmt"/>
+        <line num="72" count="0" type="stmt"/>
+        <line num="73" count="0" type="stmt"/>
+        <line num="74" count="0" type="stmt"/>
+        <line num="83" count="3" type="stmt"/>
+      </file>
+    </package>
+    <package name="test">
+      <metrics statements="29" coveredstatements="21" conditionals="0" coveredconditionals="0" methods="26" coveredmethods="1"/>
+      <file name="mocks.js" path="/home/tcelestin/Documents/code/mindedge/windward-ui-plugin-core/test/mocks.js">
+        <metrics statements="29" coveredstatements="21" conditionals="0" coveredconditionals="0" methods="26" coveredmethods="1"/>
+        <line num="2" count="7" type="stmt"/>
+        <line num="3" count="7" type="stmt"/>
+        <line num="4" count="7" type="stmt"/>
+        <line num="7" count="7" type="stmt"/>
+        <line num="8" count="7" type="stmt"/>
+        <line num="9" count="7" type="stmt"/>
+        <line num="10" count="7" type="stmt"/>
+        <line num="11" count="7" type="stmt"/>
+        <line num="12" count="7" type="stmt"/>
+        <line num="13" count="7" type="stmt"/>
+        <line num="14" count="7" type="stmt"/>
+        <line num="15" count="7" type="stmt"/>
+        <line num="17" count="7" type="stmt"/>
+        <line num="20" count="0" type="stmt"/>
+        <line num="23" count="0" type="stmt"/>
+        <line num="24" count="0" type="stmt"/>
+        <line num="26" count="0" type="stmt"/>
+        <line num="27" count="0" type="stmt"/>
+        <line num="31" count="0" type="stmt"/>
+        <line num="38" count="7" type="stmt"/>
+        <line num="45" count="0" type="stmt"/>
+        <line num="77" count="2" type="stmt"/>
+        <line num="78" count="0" type="stmt"/>
+        <line num="118" count="7" type="stmt"/>
+        <line num="119" count="7" type="stmt"/>
+        <line num="120" count="7" type="stmt"/>
+        <line num="121" count="7" type="stmt"/>
+        <line num="122" count="7" type="stmt"/>
+        <line num="124" count="7" type="stmt"/>
+      </file>
+    </package>
+  </project>
+</coverage>