@windward/core 0.2.2 → 0.3.0

package/babel.config.js

@@ -1 +1 @@
-module.exports = {presets: ['@babel/preset-env']}
+module.exports = { presets: ['@babel/preset-env'] }

package/components/Content/Blocks/Image.vue

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

package/components/Content/Blocks/UserUpload/ManageDataTableUserFiles.vue

@@ -29,7 +29,7 @@
 
 <script>
 import _ from 'lodash'
-import DialogBox from '~/components/DialogBox'
+import DialogBox from '~/components/Core/DialogBox'
 
 import DisplayUserFilesTable from './DisplayUserFilesTable.vue'
 

package/components/Content/Blocks/UserUpload.vue

@@ -101,7 +101,7 @@ import UserFileAsset from '../../../models/UserFileAsset'
 import Enrollment from '~/models/Enrollment'
 import ContentBlock from '~/models/ContentBlock'
 import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
-import FileDropZone from '~/components/FileDropZone.vue'
+import FileDropZone from '~/components/Core/FileDropZone.vue'
 
 import DisplayUserFilesTable from './UserUpload/DisplayUserFilesTable.vue'
 

package/components/Navigation/Items/AskTheExpert.vue

@@ -111,12 +111,13 @@
 
 <script>
 import { mapGetters } from 'vuex'
+import DialogBox from '~/components/Core/DialogBox.vue'
 import AuthUserRepository from '~/models/repositories/AuthUserRepository'
 import AskTheExpert from '~/models/AskTheExpert'
 
 export default {
     name: 'NavigationItemAskTheExpert',
-    components: {},
+    components: { DialogBox },
     props: {
         config: { type: Object, required: true },
     },

package/components/Navigation/Items/CourseGlossaryToolNav.vue

@@ -18,10 +18,11 @@
 </template>
 
 <script>
+import DialogBox from '~/components/Core/DialogBox.vue'
 import CourseGlossary from '../../utils/glossary/CourseGlossary.vue'
 export default {
     name: 'NavigationItemCourseGlossary',
-    components: { CourseGlossary },
+    components: { DialogBox, CourseGlossary },
     props: {
         config: { type: Object, required: true },
     },

package/components/Settings/AccordionSettings.vue

@@ -10,6 +10,7 @@
                 </p>
                 <SortableExpansionPanel
                     v-model="block.metadata.config.items"
+                    :disabled="render"
                     @click:close="onRemoveElement($event)"
                     @change="onDragged"
                     @update:currentPanel="onUpdatePanel"
@@ -34,15 +35,17 @@
                                         'windward.core.shared.settings.title.title'
                                     )
                                 "
+                                :disabled="render"
                                 @focus="onTextAreaFocus"
                             ></v-text-field>
                             <v-btn
+                                text
+                                :disabled="render"
                                 @click="
                                     onToggleExpand(
                                         block.metadata.config.items[index]
                                     )
                                 "
-                                text
                             >
                                 <v-icon
                                     v-if="
@@ -74,6 +77,7 @@
                                         'windward.core.components.settings.accordion.label'
                                     )
                                 "
+                                :disabled="render"
                             ></TextEditor>
                         </v-container>
                     </template>
@@ -81,7 +85,10 @@
             </v-container>
             <v-container class="pa-0">
                 <v-row justify="center" class="my-4">
-                    <v-btn color="primary" @click="onAddElement"
+                    <v-btn
+                        color="primary"
+                        :disabled="render"
+                        @click="onAddElement"
                         ><v-icon>mdi-plus</v-icon
                         >{{
                             $t(
@@ -105,9 +112,9 @@
 <script>
 import _ from 'lodash'
 import Crypto from '~/helpers/Crypto'
-import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import TextEditor from '~/components/Text/TextEditor'
-import SortableExpansionPanel from '~/components/SortableExpansionPanel.vue'
+import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
 
 export default {
     name: 'AccordionSettings',

package/components/Settings/BlockQuoteSettings.vue

@@ -9,6 +9,7 @@
                 :autofocus="true"
                 :label="$t('windward.core.shared.settings.title.title')"
                 ref="title"
+                :disabled="render"
             ></v-text-field>
             <v-textarea
                 v-model="block.metadata.config.instructions"
@@ -16,6 +17,7 @@
                 auto-grow
                 :counter="255"
                 :label="$t('windward.core.shared.settings.title.instructions')"
+                :disabled="render"
             ></v-textarea>
         </v-container>
         <v-divider class="my-4 primary"></v-divider>
@@ -28,6 +30,7 @@
                 :label="
                     $t('windward.core.components.settings.block_quote.body')
                 "
+                :disabled="render"
             ></v-textarea>
         </v-container>
         <v-divider class="my-4 primary"></v-divider>
@@ -39,6 +42,7 @@
                 :label="
                     $t('windward.core.components.settings.block_quote.name')
                 "
+                :disabled="render"
             ></v-text-field>
             <v-text-field
                 v-model="block.metadata.config.block_quote.author_title"
@@ -47,12 +51,14 @@
                 :label="
                     $t('windward.core.components.settings.block_quote.title')
                 "
+                :disabled="render"
             ></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')"
+                :disabled="render"
             ></v-text-field>
             <v-text-field
                 v-model="block.metadata.config.block_quote.source_title"
@@ -63,6 +69,7 @@
                         'windward.core.components.settings.block_quote.source_title'
                     )
                 "
+                :disabled="render"
             ></v-text-field>
             <v-select
                 v-model="block.metadata.config.block_quote.source_type"
@@ -71,6 +78,7 @@
                 :label="
                     $t('windward.core.components.settings.block_quote.type')
                 "
+                :disabled="render"
             ></v-select>
         </v-container>
         <div v-if="loading" class="text-center">
@@ -85,7 +93,7 @@
 </template>
 <script>
 import _ from 'lodash'
-import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 
 export default {
     name: 'BlockQuoteSettings',

package/components/Settings/ClickableIconsSettings.vue

@@ -11,6 +11,7 @@
                             'windward.core.components.settings.clickable_icon.title'
                         )
                     "
+                    :disabled="render"
                 ></v-text-field>
                 <v-text-field
                     v-model="block.metadata.config.description"
@@ -21,6 +22,7 @@
                             'windward.core.components.settings.clickable_icon.description'
                         )
                     "
+                    :disabled="render"
                 ></v-text-field>
                 <v-switch
                     v-model="block.metadata.config.display.show_title"
@@ -29,6 +31,7 @@
                             'windward.core.components.settings.clickable_icon.display.show_title'
                         )
                     "
+                    :disabled="render"
                 ></v-switch>
                 <v-switch
                     v-model="block.metadata.config.display.show_background"
@@ -37,6 +40,7 @@
                             'windward.core.components.settings.clickable_icon.display.show_background'
                         )
                     "
+                    :disabled="render"
                 ></v-switch>
                 <v-switch
                     v-model="block.metadata.config.display.round_icon"
@@ -45,6 +49,7 @@
                             'windward.core.components.settings.clickable_icon.display.round_icon'
                         )
                     "
+                    :disabled="render"
                 ></v-switch>
                 <v-switch
                     v-model="block.metadata.config.display.italic_icon"
@@ -53,6 +58,7 @@
                             'windward.core.components.settings.clickable_icon.display.italic_icon'
                         )
                     "
+                    :disabled="render"
                 ></v-switch>
                 <v-switch
                     v-model="block.metadata.config.display.autocolor"
@@ -61,11 +67,13 @@
                             'windward.core.components.settings.clickable_icon.autocolor'
                         )
                     "
+                    :disabled="render"
                 ></v-switch>
             </v-col>
             <v-col class="pa-0">
                 <SortableExpansionPanel
                     v-model="block.metadata.config.items"
+                    :disabled="render"
                     @click:close="onRemoveElement"
                 >
                     <template #header="{ item }">
@@ -95,6 +103,7 @@
                                         [index + 1]
                                     )
                                 "
+                                :disabled="render"
                             ></TextIconPicker>
                             <v-text-field
                                 v-model="
@@ -107,6 +116,7 @@
                                         'windward.core.components.settings.clickable_icon.item_title'
                                     )
                                 "
+                                :disabled="render"
                             ></v-text-field>
 
                             <ColorPicker
@@ -119,6 +129,7 @@
                                         'windward.core.components.settings.clickable_icon.item_color'
                                     )
                                 "
+                                :disabled="render"
                             ></ColorPicker>
                             <v-divider class="mt-3 mb-3" />
                             <span>{{
@@ -131,13 +142,14 @@
                                     block.metadata.config.items[index].body
                                 "
                                 :height="200"
+                                :disabled="render"
                             ></TextEditor>
                         </v-container>
                     </template>
                 </SortableExpansionPanel>
             </v-col>
             <v-row justify="center" class="my-4">
-                <v-btn color="primary" @click="onAddElement"
+                <v-btn color="primary" :disabled="render" @click="onAddElement"
                     ><v-icon>mdi-plus</v-icon
                     >{{ $t('shared.forms.add') }}</v-btn
                 >
@@ -147,11 +159,11 @@
 </template>
 <script>
 import _ from 'lodash'
-import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import TextEditor from '~/components/Text/TextEditor'
-import TextIconPicker from '~/components/TextIconPicker.vue'
-import ColorPicker from '~/components/ColorPicker.vue'
-import SortableExpansionPanel from '~/components/SortableExpansionPanel.vue'
+import TextIconPicker from '~/components/Core/TextIconPicker.vue'
+import ColorPicker from '~/components/Core/ColorPicker.vue'
+import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
 
 export default {
     name: 'ClickableIconsSettings',
@@ -171,7 +183,9 @@ export default {
             this.block = {}
         }
         if (_.isEmpty(this.block.body)) {
-            this.block.body = this.$t('windward.core.shared.content_blocks.title.clickable_icons')
+            this.block.body = this.$t(
+                'windward.core.shared.content_blocks.title.clickable_icons'
+            )
         }
         if (_.isEmpty(this.block.metadata)) {
             this.block.metadata = {}

package/components/Settings/EmailSettings.vue

@@ -3,12 +3,13 @@
         <v-form ref="form" v-model="valid" v-if="!loading"> </v-form>
         <v-container class="pa-0">
             <v-text-field
+                ref="title"
                 v-model="block.metadata.config.title"
                 outlined
                 :counter="50"
                 :autofocus="true"
                 :label="$t('windward.core.shared.settings.title.title')"
-                ref="title"
+                :disabled="render"
             ></v-text-field>
             <v-textarea
                 v-model="block.metadata.config.instructions"
@@ -16,6 +17,7 @@
                 auto-grow
                 :counter="255"
                 :label="$t('windward.core.shared.settings.title.instructions')"
+                :disabled="render"
             ></v-textarea>
         </v-container>
         <v-divider class="my-4 primary"></v-divider>
@@ -23,6 +25,7 @@
             <p>{{ $t('windward.core.components.settings.email.items') }}</p>
             <SortableExpansionPanel
                 v-model="block.metadata.config.emails"
+                :disabled="render"
                 @click:close="onRemoveElement($event)"
                 @change="onDragged"
                 @update:currentPanel="onUpdatePanel"
@@ -45,6 +48,7 @@
                                     'windward.core.components.settings.email.from'
                                 )
                             "
+                            :disabled="render"
                         ></v-text-field>
                         <v-text-field
                             v-model="block.metadata.config.emails[index].to"
@@ -52,6 +56,7 @@
                             :label="
                                 $t('windward.core.components.settings.email.to')
                             "
+                            :disabled="render"
                         ></v-text-field>
                         <v-text-field
                             v-model="block.metadata.config.emails[index].cc"
@@ -59,6 +64,7 @@
                             :label="
                                 $t('windward.core.components.settings.email.cc')
                             "
+                            :disabled="render"
                         ></v-text-field>
                         <v-text-field
                             v-model="
@@ -70,6 +76,7 @@
                                     'windward.core.components.settings.email.subject'
                                 )
                             "
+                            :disabled="render"
                         ></v-text-field>
                         <v-btn
                             @click="
@@ -79,6 +86,7 @@
                                 )
                             "
                             text
+                            :disabled="render"
                         >
                             <v-icon
                                 v-if="
@@ -109,6 +117,7 @@
                                     'windward.core.components.settings.email.placeholder'
                                 )
                             "
+                            :disabled="render"
                         ></TextEditor>
                     </v-container>
                 </template>
@@ -116,7 +125,7 @@
         </v-container>
         <v-container class="pa-0">
             <v-row justify="center" class="my-4">
-                <v-btn color="primary" @click="onAddElement"
+                <v-btn color="primary" :disabled="render" @click="onAddElement"
                     ><v-icon>mdi-plus</v-icon
                     >{{
                         $t('windward.core.components.settings.email.add')
@@ -137,9 +146,9 @@
 <script>
 import _ from 'lodash'
 import Crypto from '~/helpers/Crypto'
-import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import TextEditor from '~/components/Text/TextEditor'
-import SortableExpansionPanel from '~/components/SortableExpansionPanel.vue'
+import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
 
 export default {
     name: 'EmailSettings',

package/components/Settings/FeedbackSettings.vue

@@ -13,6 +13,7 @@
                             outlined
                             v-bind="attrs"
                             v-on="on"
+                            :disabled="render"
                             @click="onPresetChoose(preset)"
                         >
                             <span>
@@ -29,7 +30,7 @@
 
 <script>
 import _ from 'lodash'
-import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import { mapGetters } from 'vuex'
 
 import SurveyTemplate from '../../models/SurveyTemplate'

package/components/Settings/HorizontalRuleSettings.vue

@@ -5,13 +5,14 @@
             :label="
                 $t('windward.core.components.settings.horizontal_rule.dashed')
             "
+            :disabled="render"
         ></v-switch>
     </div>
 </template>
 
 <script>
 import _ from 'lodash'
-import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 
 export default {
     name: 'HorizontalRuleSettings',

package/components/Settings/ImageSettings.vue

@@ -4,6 +4,7 @@
             mimes="image/jpeg,image/png,image/gif"
             @click:file="onFileSelect"
             class="mb-4"
+            :disabled="render"
         >
             <template #title>
                 {{ $t('windward.core.components.content.blocks.image.title') }}
@@ -22,10 +23,12 @@
             :label="
                 $t('windward.core.components.settings.image.hide_background')
             "
+            :disabled="render"
         ></v-switch>
         <v-switch
             v-model="block.metadata.config.modal"
             :label="$t('windward.core.components.settings.image.modal')"
+            :disabled="render"
         ></v-switch>
         <v-tooltip top color="primary">
             <template v-slot:activator="{ on, attrs }">
@@ -38,6 +41,7 @@
                                 'windward.core.components.settings.image.decorative'
                             )
                         "
+                        :disabled="render"
                     ></v-switch>
                     <div class="d-flex align-center pb-4">
                         <v-icon x-small>mdi-help</v-icon>
@@ -59,6 +63,7 @@
                     $t('windward.core.components.navigation.image.default_alt')
                 "
                 :rules="validation.textRules"
+                :disabled="render"
             >
                 <template v-slot:append>
                     <v-tooltip top color="primary">
@@ -89,6 +94,7 @@
             <TextEditor
                 v-model="block.metadata.config.aria_describedby"
                 menubar="bullist numlist"
+                :disabled="render"
             ></TextEditor>
         </v-form>
     </v-container>
@@ -97,7 +103,7 @@
 <script>
 import _ from 'lodash'
 import TextEditor from '~/components/Text/TextEditor'
-import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import ContentBlockAsset from '~/components/Content/ContentBlockAsset.vue'
 
 export default {

package/components/Settings/MathSettings.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <br />
-        <v-btn @click="onToggleExpand" text class="mb-2">
+        <v-btn :disabled="render" @click="onToggleExpand" text class="mb-2">
             <v-icon v-if="!block.metadata.config.expand" color="primary"
                 >mdi-arrow-expand-all</v-icon
             >
@@ -11,18 +11,19 @@
         </v-btn>
         <math-expression-editor
             v-if="!block.metadata.config.expand"
-            :key="key"
-            :shrinkFont="true"
             v-model="block.metadata.config.formula"
-            mode="standalone"
             :value="block.metadata.config.formula"
+            mode="standalone"
+            :key="key"
+            :shrinkFont="true"
+            :disabled="render"
         ></math-expression-editor>
         <br />
     </div>
 </template>
 
 <script>
-import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import MathExpressionEditor from '../utils/MathExpressionEditor.vue'
 import _ from 'lodash'
 import Crypto from '~/helpers/Crypto'

package/components/Settings/OpenResponseCollateSettings.vue

@@ -15,6 +15,7 @@
                         'windward.core.components.settings.open_response_collate.include_prompts'
                     )
                 "
+                :disabled="render"
             ></v-switch>
             <v-text-field
                 v-model="block.metadata.config.filename"
@@ -23,6 +24,7 @@
                         'windward.core.components.settings.open_response_collate.filename'
                     )
                 "
+                :disabled="render"
             ></v-text-field>
             <v-list>
                 <v-list-item-group
@@ -60,6 +62,7 @@
                                     <v-checkbox
                                         :input-value="active"
                                         color="primary"
+                                        :disabled="render"
                                     ></v-checkbox>
                                 </v-list-item-action>
                             </template>
@@ -76,7 +79,7 @@ import _ from 'lodash'
 import { mapGetters } from 'vuex'
 import draggable from 'vuedraggable'
 import TextEditor from '~/components/Text/TextEditor'
-import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import ContentBlock from '~/models/ContentBlock'
 import Course from '~/models/Course'
 
@@ -103,6 +106,7 @@ export default {
         dragOptions() {
             return {
                 animation: 200,
+                disabled: this.render,
             }
         },
     },

package/components/Settings/OpenResponseSettings.vue

@@ -8,7 +8,11 @@
                     )
                 }}
             </p>
-            <TextEditor v-model="block.body" :height="200"></TextEditor>
+            <TextEditor
+                v-model="block.body"
+                :height="200"
+                :disabled="render"
+            ></TextEditor>
             <p class="pt-4">
                 {{
                     $t(
@@ -19,6 +23,7 @@
             <TextEditor
                 v-model="block.metadata.config.sample_response"
                 :height="200"
+                :disabled="render"
             ></TextEditor>
             <p class="pt-4">
                 {{
@@ -30,6 +35,7 @@
             <TextEditor
                 v-model="block.metadata.config.starting_text"
                 :height="200"
+                :disabled="render"
             ></TextEditor>
         </v-form>
     </v-container>
@@ -38,7 +44,7 @@
 <script>
 import _ from 'lodash'
 import TextEditor from '~/components/Text/TextEditor'
-import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import ContentBlockAsset from '~/components/Content/ContentBlockAsset.vue'
 
 export default {