@windward/core 0.2.3 → 0.3.0

package/components/Settings/ScenarioChoiceSettings.vue

@@ -10,6 +10,7 @@
                             'windward.core.components.settings.scenario_choice.title'
                         )
                     "
+                    :disabled="render"
                 ></v-text-field>
                 <v-text-field
                     v-model="block.metadata.config.description"
@@ -19,6 +20,7 @@
                             'windward.core.components.settings.scenario_choice.description'
                         )
                     "
+                    :disabled="render"
                 ></v-text-field>
                 <v-select
                     v-model="block.metadata.config.display_style"
@@ -28,6 +30,7 @@
                             'windward.core.components.settings.scenario_choice.display_style'
                         )
                     "
+                    :disabled="render"
                 ></v-select>
                 <v-switch
                     v-model="isLinked"
@@ -36,6 +39,7 @@
                             'windward.core.components.settings.scenario_choice.is_linked'
                         )
                     "
+                    :disabled="render"
                     @click="onClickLinkSwitch"
                 ></v-switch>
 
@@ -46,11 +50,13 @@
                             'windward.core.components.settings.scenario_choice.show_reset'
                         )
                     "
+                    :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 }">
@@ -75,6 +81,7 @@
                                         'windward.core.components.settings.scenario_choice.item_title'
                                     )
                                 "
+                                :disabled="render"
                             ></v-text-field>
 
                             <v-switch
@@ -86,6 +93,7 @@
                                         'windward.core.components.settings.scenario_choice.correct_choice'
                                     )
                                 "
+                                :disabled="render"
                             ></v-switch>
 
                             <span>{{
@@ -98,6 +106,7 @@
                                     block.metadata.config.items[index].body
                                 "
                                 :height="200"
+                                :disabled="render"
                             ></TextEditor>
                         </v-container>
                     </template>
@@ -106,7 +115,9 @@
             <v-row justify="center" class="my-4">
                 <v-btn
                     color="primary"
-                    :disabled="block.metadata.config.items.length > 26"
+                    :disabled="
+                        render || block.metadata.config.items.length > 26
+                    "
                     @click="onAddElement"
                 >
                     <v-icon>mdi-plus</v-icon>
@@ -184,10 +195,10 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-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 DialogBox from '~/components/DialogBox.vue'
+import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
+import DialogBox from '~/components/Core/DialogBox.vue'
 
 export default {
     name: 'ScenarioChoiceSettings',

package/components/Settings/TabSettings.vue

@@ -6,6 +6,7 @@
             <SortableExpansionPanel
                 v-model="block.metadata.config.items"
                 v-bind:currentPanel.sync="block.metadata.config.currentTab"
+                :disabled="render"
                 @change="onDragged"
                 @click:close="onRemoveElement($event)"
             >
@@ -28,8 +29,14 @@
                                 block.metadata.config.items[index].tabHeader
                             "
                             :placeholder="'item ' + (index + 1)"
+                            :disabled="render"
                         ></v-text-field>
-                        <v-btn @click="onToggleExpand(index)" text class="mb-3">
+                        <v-btn
+                            @click="onToggleExpand(index)"
+                            text
+                            class="mb-3"
+                            :disabled="render"
+                        >
                             <v-icon
                                 v-if="
                                     !block.metadata.config.items[index].expand
@@ -48,12 +55,13 @@
                             v-model="block.metadata.config.items[index].content"
                             v-if="!item.expand"
                             :key="textEditorUpdateKey"
+                            :disabled="render"
                         ></TextEditor>
                     </v-container>
                 </template>
             </SortableExpansionPanel>
             <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.tab.add_tab') }}
                 </v-btn>
@@ -74,8 +82,8 @@
 import _, { get } from 'lodash'
 import Crypto from '~/helpers/Crypto'
 import TextEditor from '~/components/Text/TextEditor'
-import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
-import SortableExpansionPanel from '~/components/SortableExpansionPanel.vue'
+import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
+import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
 
 export default {
     name: 'TabSettings',

package/components/Settings/TextEditorSettings.vue

@@ -5,7 +5,7 @@
             <v-btn-toggle v-model="settingSelector" multiple borderless>
                 <v-tooltip top>
                     <template #activator="{ on, attrs }">
-                        <v-btn v-bind="attrs" v-on="on" text>
+                        <v-btn v-bind="attrs" v-on="on" text :disabled="render">
                             <v-icon>mdi-comment-text-multiple</v-icon>
                             {{
                                 $t(
@@ -25,7 +25,7 @@
 
                 <v-tooltip top>
                     <template #activator="{ on, attrs }">
-                        <v-btn v-bind="attrs" v-on="on" text>
+                        <v-btn v-bind="attrs" v-on="on" text :disabled="render">
                             <v-icon> mdi-text-long</v-icon>
                             {{
                                 $t(
@@ -48,11 +48,12 @@
                         <v-btn
                             v-bind="attrs"
                             v-on="on"
+                            text
+                            :disabled="render"
                             @click="
                                 block.metadata.config.expand =
                                     !block.metadata.config.expand
                             "
-                            text
                         >
                             <v-icon
                                 v-if="!block.metadata.config.expand"
@@ -96,6 +97,7 @@
                         close
                         color="success"
                         close-icon="mdi-pencil"
+                        :disabled="render"
                         @click:close="editTerm(verified)"
                     >
                         {{ verified.term }}
@@ -118,6 +120,7 @@
                         close
                         color="error"
                         close-icon="mdi-content-save-plus-outline"
+                        :disabled="render"
                         @click:close="addGlossaryTerm(unVerified)"
                     >
                         {{ unVerified.term }}
@@ -140,11 +143,12 @@
             >
         </div>
         <br />
-        <text-editor
-            v-model="block.body"
+        <TextEditor
             v-if="settingSelector.includes(1) && !block.metadata.config.expand"
+            v-model="block.body"
             autofill
-        ></text-editor>
+            :disabled="render"
+        ></TextEditor>
         <v-skeleton-loader
             v-bind="attrs"
             type=" table-row-divider, list-item, divider, list-item, divider, image,image"
@@ -156,6 +160,7 @@
             max-width="600px"
             action-save
             :trigger="false"
+            :disabled="render"
             @click:save="save"
             @click:outside="close"
             @click:close="close"
@@ -177,15 +182,17 @@
 
 <script>
 import { mapGetters, mapMutations } from 'vuex'
+import DialogBox from '~/components/Core/DialogBox.vue'
 import GlossaryHelper from '../../helpers/GlossaryHelper'
 import Course from '~/models/Course'
-import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import TextEditor from '~/components/Text/TextEditor'
 import CourseGlossaryForm from '../utils/glossary/CourseGlossaryForm.vue'
 export default {
     name: 'TextEditorSettings',
     extends: BaseContentSettings,
     components: {
+        DialogBox,
         TextEditor,
         CourseGlossaryForm,
     },

package/components/Settings/UserUploadSettings.vue

@@ -7,6 +7,7 @@
                     'windward.core.components.settings.user_upload.accept_multiple'
                 )
             "
+            :disabled="render"
         ></v-switch>
         <v-select
             v-model="block.metadata.config.uploadSettings.accept"
@@ -19,8 +20,9 @@
             :label="
                 $t('windward.core.components.settings.user_upload.accept_types')
             "
+            :disabled="render"
         ></v-select>
-        <v-btn @click="onToggleExpand()" text class="mt-4">
+        <v-btn text class="mt-4" :disabled="render" @click="onToggleExpand()">
             <v-icon v-if="!block.metadata.config.expand" color="primary"
                 >mdi-arrow-expand-all</v-icon
             >
@@ -37,7 +39,10 @@
                         )
                     }}
                 </h4>
-                <TextEditor v-model="block.metadata.config.instructions" />
+                <TextEditor
+                    v-model="block.metadata.config.instructions"
+                    :disabled="render"
+                />
             </v-col>
         </v-row>
         <v-skeleton-loader
@@ -48,7 +53,7 @@
     </div>
 </template>
 <script>
-import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
+import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import Crypto from '~/helpers/Crypto'
 import TextEditor from '~/components/Text/TextEditor'
 import _ from 'lodash'
@@ -62,7 +67,9 @@ export default {
             this.block = {}
         }
         if (_.isEmpty(this.block.body)) {
-            this.block.body = this.$t('windward.core.shared.content_blocks.title.user_upload')
+            this.block.body = this.$t(
+                'windward.core.shared.content_blocks.title.user_upload'
+            )
         }
         if (_.isEmpty(this.block.metadata)) {
             this.block.metadata = {}

package/components/Settings/VideoSettings.vue

@@ -5,6 +5,7 @@
                 <v-text-field
                     v-model="block.metadata.config.title"
                     :label="$t('windward.core.components.settings.video.title')"
+                    :disabled="render"
                 ></v-text-field>
                 <h4 class="mb-3">
                     {{ $t('windward.core.components.settings.video.sources') }}
@@ -45,9 +46,10 @@
                         <ContentBlockAsset
                             v-model="media.source"
                             mimes="video/mp4,audio/mpeg,video/webm"
-                            @click:file="onSourceSelect"
                             allow-url
                             class="mb-4"
+                            :disabled="render"
+                            @click:file="onSourceSelect"
                         >
                             <template #title>
                                 {{
@@ -68,9 +70,10 @@
                         <ContentBlockAsset
                             v-model="media.track"
                             mimes="text/vtt,text/xml"
-                            @click:file="onTrackSelect"
                             allow-url
                             class="mb-4"
+                            :disabled="render"
+                            @click:file="onTrackSelect"
                         >
                             <template #title>
                                 {{
@@ -93,8 +96,9 @@
                         <ContentBlockAsset
                             v-model="media.poster"
                             mimes="image/png,image/jpeg"
-                            @click:file="onPosterSelect"
                             allow-url
+                            :disabled="render"
+                            @click:file="onPosterSelect"
                         >
                             <template #title>
                                 {{
@@ -117,9 +121,10 @@
                         <ContentBlockAsset
                             v-model="media.ads.preroll.source"
                             mimes="video/mp4,video/webm"
-                            @click:file="onAdSourceSelect($event, 0)"
                             allow-url
                             class="mb-4"
+                            :disabled="render"
+                            @click:file="onAdSourceSelect($event, 0)"
                         >
                             <template #title>
                                 {{
@@ -140,8 +145,9 @@
                         <ContentBlockAsset
                             v-model="media.ads.preroll.track"
                             mimes="text/vtt,text/xml"
-                            @click:file="onAdTrackSelect($event, 0)"
                             allow-url
+                            :disabled="render"
+                            @click:file="onAdTrackSelect($event, 0)"
                         >
                             <template #title>
                                 {{
@@ -164,9 +170,10 @@
                         <ContentBlockAsset
                             v-model="media.ads.postroll.source"
                             mimes="video/mp4,video/webm"
-                            @click:file="onAdSourceSelect($event, 100)"
                             allow-url
                             class="mb-4"
+                            :disabled="render"
+                            @click:file="onAdSourceSelect($event, 100)"
                         >
                             <template #title>
                                 {{
@@ -187,8 +194,9 @@
                         <ContentBlockAsset
                             v-model="media.ads.postroll.track"
                             mimes="text/vtt,text/xml"
-                            @click:file="onAdTrackSelect($event, 100)"
                             allow-url
+                            :disabled="render"
+                            @click:file="onAdTrackSelect($event, 100)"
                         >
                             <template #title>
                                 {{
@@ -239,6 +247,7 @@
                             )
                         "
                         :disabled="
+                            render ||
                             !block.metadata.config.playlist[playlistIndex]
                                 .sources ||
                             !block.metadata.config.playlist[playlistIndex]
@@ -260,6 +269,7 @@
                                 text
                                 color="error"
                                 :disabled="
+                                    render ||
                                     block.metadata.config.playlist.length <= 1
                                 "
                                 @click="onRemovePlaylistItem"
@@ -288,6 +298,7 @@
                                 v-on="on"
                                 color="primary"
                                 text
+                                :disabled="render"
                                 @click="onAddPlaylistItem"
                             >
                                 <v-icon>mdi-plus</v-icon>
@@ -330,6 +341,7 @@
                                         )
                                     "
                                     multiple
+                                    :disabled="render"
                                     @change="onPlaybackChange"
                                 >
                                     <template #selection="{ item }">
@@ -350,6 +362,7 @@
                                             'windward.core.components.content.blocks.video.video.controls'
                                         )
                                     "
+                                    :disabled="render"
                                 ></v-switch>
                                 <v-switch
                                     v-model="
@@ -360,6 +373,7 @@
                                             'windward.core.components.content.blocks.video.video.rewind'
                                         )
                                     "
+                                    :disabled="render"
                                 ></v-switch>
                                 <v-switch
                                     v-model="
@@ -371,6 +385,7 @@
                                             'windward.core.components.content.blocks.video.video.captionsmenu'
                                         )
                                     "
+                                    :disabled="render"
                                 ></v-switch>
                                 <v-switch
                                     v-model="
@@ -382,6 +397,7 @@
                                             'windward.core.components.content.blocks.video.video.disablepictureinpicture'
                                         )
                                     "
+                                    :disabled="render"
                                 ></v-switch>
                                 <!--
                                             <v-switch
@@ -404,6 +420,7 @@
                                             'windward.core.components.content.blocks.video.video.muted'
                                         )
                                     "
+                                    :disabled="render"
                                 ></v-switch>
                                 <v-switch
                                     v-model="
@@ -414,6 +431,7 @@
                                             'windward.core.components.content.blocks.video.video.loop'
                                         )
                                     "
+                                    :disabled="render"
                                 ></v-switch>
                                 <v-switch
                                     v-model="
@@ -425,6 +443,7 @@
                                             'windward.core.components.content.blocks.video.video.playsinline'
                                         )
                                     "
+                                    :disabled="render"
                                 ></v-switch>
                             </v-col>
                         </v-row>
@@ -435,8 +454,7 @@
     </div>
 </template>
 <script>
-import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
-import Vue from 'vue'
+import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 
 export default {
     name: 'VideoSettings',
@@ -553,7 +571,7 @@ export default {
                     ]
                 )
             ) {
-                Vue.set(
+                this.$set(
                     this.block.metadata.config.playlist[this.playlistIndex].ads,
                     adIndex,
                     { sources: [], tracks: [] }

package/components/utils/TinyMCEWrapper.vue

@@ -308,7 +308,12 @@ export default {
         },
 
         elementBody() {
-            return [document.querySelector('.tinymce-included-' + this.seed)]
+            const ele = document.querySelector('.tinymce-included-' + this.seed)
+
+            if (ele) {
+                return [ele]
+            }
+            return []
         },
     },
     methods: {

package/components/utils/glossary/CourseGlossary.vue

@@ -145,14 +145,15 @@
 <script>
 import { mapGetters, mapMutations } from 'vuex'
 import _ from 'lodash'
+import DialogBox from '~/components/Core/DialogBox.vue'
 import Crypto from '~/helpers/Crypto'
 import Course from '~/models/Course'
-import SpeedDial from '~/components/SpeedDial.vue'
+import SpeedDial from '~/components/Core/SpeedDial.vue'
 
 import CourseGlossaryForm from './CourseGlossaryForm'
 export default {
     name: 'CourseGlossary',
-    components: { CourseGlossaryForm, SpeedDial },
+    components: { DialogBox, CourseGlossaryForm, SpeedDial },
     layout: 'course',
     middleware: ['auth'],
     props: {},

package/components/utils/glossary/CourseGlossaryForm.vue

@@ -49,7 +49,7 @@
 </template>
 
 <script>
-import Form from '~/components/Form'
+import Form from '~/components/Core/Form'
 export default {
     name: 'CourseGlossaryForm',
     extends: Form,

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

@@ -1,5 +1,5 @@
 export default {
     title: 'Pick an image',
     description: 'Pick an image to display',
-    no_image_url: 'No Image Selected',
+    no_image_url: 'No Image Set',
 }

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

@@ -1,5 +1,5 @@
 export default {
     title: 'Elige una imagen',
     description: 'Elige una imagen para mostrar',
-    no_image_url: 'No hay imagen seleccionada ',
+    no_image_url: 'Sin conjunto de imágenes ',
 }

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

@@ -1,5 +1,5 @@
 export default {
     title: 'Välj en bild',
     description: 'Välj en bild att visa',
-    no_image_url: 'Ingen bild har valts ',
+    no_image_url: 'Ingen bilduppsättning ',
 }

package/package.json

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