@windward/core 0.0.3 → 0.0.6

package/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "git-blame.gitWebUrl": ""
+}

package/README.md

@@ -24,7 +24,7 @@ Link to Windward ui repo
 $ cd windward-ui
 $ npm install
 $ cd node_modules
-$ npm link @mindedge/windward-ui-plugin-core
+$ npm link @windward/core
 $ npm run dev
 ```
 
@@ -61,6 +61,7 @@ Your Repos are linked at this point and you are ready to start developing windwa
     ```
     import UserUpload from '@/components/Content/Blocks/UserUpload.vue'
     ```
+
 4. To add a page use the below format in your `pages: []` in `plugin.js`
     ```javascript
     {

package/components/Content/Blocks/ClickableIcons.vue

@@ -2,10 +2,10 @@
     <div>
         <v-container>
             <v-row no-gutters>
-                <h2>{{ block.metadata.config.title }}</h2>
+                <h3>{{ block.metadata.config.title }}</h3>
             </v-row>
             <v-row no-gutters>
-                <h3>{{ block.metadata.config.description }}</h3>
+                <h4>{{ block.metadata.config.description }}</h4>
             </v-row>
             <v-row no-gutters>
                 <p>
@@ -31,7 +31,7 @@
                         outlined
                         @click="item.active = !item.active"
                     >
-                        <v-icon>{{ item.icon }}</v-icon>
+                        <v-icon>{{ onHandleHtmlEntities(item.icon) }}</v-icon>
                     </v-btn>
                 </v-col>
                 <v-col cols="10" v-if="item.active">
@@ -89,6 +89,15 @@ export default {
             displayText: false,
         }
     },
+    methods: {
+        onHandleHtmlEntities(str) {
+            let txt = document.createElement('textarea')
+
+            txt.innerHTML = str
+
+            return txt.value
+        },
+    },
 }
 </script>
 <style scoped>

package/components/Content/Blocks/Feedback.vue

@@ -2,21 +2,28 @@
     <v-container>
         <v-container v-if="!doesFeedbackExist">
             <v-row>
-                <h2>
+                <h3>
                     {{
                         block.metadata.config.definition.name
                             ? block.metadata.config.definition.name
                             : $t(
-                                  'plugin.core.components.content.blocks.feedback.feedback'
+                                  'windward.core.components.content.blocks.feedback.feedback'
                               )
                     }}
-                </h2>
+                </h3>
             </v-row>
             <v-row class="pt-2">
                 <p>
                     {{
                         $t(
-                            'plugin.core.components.content.blocks.feedback.description'
+                            'windward.core.components.content.blocks.feedback.likert_directions'
+                        )
+                    }}
+                </p>
+                <p>
+                    {{
+                        $t(
+                            'windward.core.components.content.blocks.feedback.description'
                         )
                     }}
                 </p>
@@ -25,14 +32,14 @@
         <v-container v-if="doesFeedbackExist">
             <v-row>
                 <h2>
-                    {{ block.metadata.config.definition.name }}
+                    {{ existingFeedback.survey_type }}
                 </h2>
             </v-row>
             <v-row class="pt-2">
                 <p>
                     {{
                         $t(
-                            'plugin.core.components.content.blocks.feedback.sent_feedback'
+                            'windward.core.components.content.blocks.feedback.sent_feedback'
                         )
                     }}
                 </p>
@@ -87,11 +94,11 @@
                 class="text-center mt-4 mr-2"
                 @click="onReset()"
                 >{{
-                    $t('plugin.core.components.content.blocks.feedback.reset')
+                    $t('windward.core.components.content.blocks.feedback.reset')
                 }}</v-btn
             >
             <v-btn color="success" class="text-center mt-4" @click="validate">{{
-                $t('plugin.core.components.content.blocks.feedback.save')
+                $t('windward.core.components.content.blocks.feedback.save')
             }}</v-btn>
         </v-row>
         <v-form
@@ -187,13 +194,13 @@ export default {
             courseUserId: '',
             valid: true,
             key: '0',
-            existingFeedback: '',
             doesFeedbackExist: false,
+            existingFeedback: '',
             templates: '',
             chosenPreset: '',
             studentResponse: '',
             noResponse: this.$t(
-                'plugin.core.components.content.blocks.feedback.no_response_entered'
+                'windward.core.components.content.blocks.feedback.no_response_entered'
             ),
         }
     },
@@ -271,6 +278,7 @@ export default {
                 survey_snapshot:
                     this.block.metadata.config.definition.metadata.definition,
                 survey_question_answers: this.chosenPreset,
+                survey_type: this.block.metadata.config.definition.name,
                 version: version,
             }
             let feedback = new SurveyResult(feedbackData).for(
@@ -292,7 +300,7 @@ export default {
             } else {
                 this.$toast.error(
                     this.$t(
-                        'plugin.core.components.content.blocks.feedback.fill_out'
+                        'windward.core.components.content.blocks.feedback.fill_out'
                     )
                 )
             }

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

@@ -9,7 +9,7 @@
                     (v) =>
                         !!v ||
                         $t(
-                            'plugin.core.components.content.blocks.feedback.required'
+                            'windward.core.components.content.blocks.feedback.required'
                         ),
                 ]"
                 row
@@ -21,7 +21,7 @@
                     color="green"
                     :label="
                         $t(
-                            'plugin.core.components.content.blocks.feedback.scale.strongly_agree'
+                            'windward.core.components.content.blocks.feedback.scale.strongly_agree'
                         )
                     "
                     value="5"
@@ -31,7 +31,7 @@
                     color="light-green"
                     :label="
                         $t(
-                            'plugin.core.components.content.blocks.feedback.scale.agree'
+                            'windward.core.components.content.blocks.feedback.scale.agree'
                         )
                     "
                     value="4"
@@ -41,7 +41,7 @@
                     color="amber"
                     :label="
                         $t(
-                            'plugin.core.components.content.blocks.feedback.scale.neutral'
+                            'windward.core.components.content.blocks.feedback.scale.neutral'
                         )
                     "
                     value="3"
@@ -51,7 +51,7 @@
                     color="orange"
                     :label="
                         $t(
-                            'plugin.core.components.content.blocks.feedback.scale.disagree'
+                            'windward.core.components.content.blocks.feedback.scale.disagree'
                         )
                     "
                     value="2"
@@ -61,7 +61,7 @@
                     color="red"
                     :label="
                         $t(
-                            'plugin.core.components.content.blocks.feedback.scale.strongly_disagree'
+                            'windward.core.components.content.blocks.feedback.scale.strongly_disagree'
                         )
                     "
                     value="1"

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

@@ -4,27 +4,28 @@
             {{ value.body }}
         </p>
         <div v-if="!feedbackExist">
-            <TextEditor v-model="value.response"></TextEditor>
+            <v-text-field
+                outlined
+                v-model="value.response"
+                :label="
+                    $t('windward.core.components.content.blocks.feedback.enter')
+                "
+            ></v-text-field>
         </div>
         <div v-else>
             <div v-if="value.response">
-                <TextViewer v-model="value.response" text-viewer></TextViewer>
+                <div>{{ value.response }}</div>
             </div>
             <div v-else>
-                <TextViewer v-model="noResponse" text-viewer></TextViewer>
+                <div>{{ noResponse }}</div>
             </div>
         </div>
     </v-container>
 </template>
 <script>
-import TextEditor from '~/components/Text/TextEditor.vue'
-import TextViewer from '~/components/Text/TextViewer.vue'
 export default {
     name: 'FeedbackQuestionOpenResponse',
-    components: {
-        TextEditor,
-        TextViewer,
-    },
+    components: {},
     props: {
         value: { type: Object, required: true, default: '' },
         feedbackExist: { type: Boolean, required: false, default: false },
@@ -32,7 +33,7 @@ export default {
     data() {
         return {
             noResponse: this.$t(
-                'plugin.core.components.content.blocks.feedback.no_response_entered'
+                'windward.core.components.content.blocks.feedback.no_response_entered'
             ),
         }
     },

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

@@ -8,7 +8,7 @@
                 (v) =>
                     !!v ||
                     $t(
-                        'plugin.core.components.content.blocks.feedback.required'
+                        'windward.core.components.content.blocks.feedback.required'
                     ),
             ]"
             row
@@ -18,13 +18,13 @@
             <v-radio
                 class="likert-radio"
                 :label="
-                    $t('plugin.core.components.content.blocks.feedback.yes')
+                    $t('windward.core.components.content.blocks.feedback.yes')
                 "
                 value="true"
             ></v-radio>
             <v-radio
                 class="likert-radio"
-                :label="$t('plugin.core.components.content.blocks.feedback.no')"
+                :label="$t('windward.core.components.content.blocks.feedback.no')"
                 value="false"
             ></v-radio>
         </v-radio-group>

package/components/Content/Blocks/Video.vue

@@ -21,9 +21,9 @@
             type="image, image, list-item-avatar"
             class="reload-skeleton"
         ></v-skeleton-loader>
-        <h2 v-if="block.metadata.config.title" class="pl-4">
+        <h3 v-if="block.metadata.config.title" class="pl-4">
             {{ block.metadata.config.title }}
-        </h2>
+        </h3>
         <VuetifyPlayer
             v-if="hasSource"
             :language="$i18n && $i18n.locale ? $i18n.locale : 'en-US'"

package/components/Navigation/Items/AskTheExpert.vue

@@ -0,0 +1,173 @@
+<template>
+    <v-list-item @click="dialog = true">
+        <v-list-item-action>
+            <v-icon>{{ config.icon }}</v-icon>
+        </v-list-item-action>
+        <v-list-item-content>
+            <v-list-item-title>
+                {{ $t(config.i18n) }}
+            </v-list-item-title>
+            <Dialog v-model="dialog" color="primary" text :trigger="false">
+                <template #title>{{ $t(config.i18n) }}</template>
+                <template #form="{ on, attrs }">
+                    <v-card flat v-bind="attrs" v-on="on">
+                        <v-container fluid>
+                            <v-row>
+                                <v-col cols="12" class="pl-6">
+                                    <h3>
+                                        {{
+                                            $t(
+                                                'windward.core.components.navigation.ask_the_expert.description'
+                                            )
+                                        }}
+                                    </h3>
+                                </v-col>
+                                <v-col
+                                    v-if="
+                                        $PermissionService.userHasAccessTo(
+                                            'windward.global.course,windward.organization.course.contentBlock',
+                                            'writable'
+                                        )
+                                    "
+                                    cols="12"
+                                >
+                                    <v-col cols="12">
+                                        <h3 class="pb-4">
+                                            {{
+                                                $t(
+                                                    'windward.core.components.navigation.ask_the_expert.config'
+                                                )
+                                            }}
+                                        </h3>
+                                    </v-col>
+                                    <v-col cols="12">
+                                        <v-text-field
+                                            v-model="courseAndContentName"
+                                            disabled
+                                            outlined
+                                            :label="
+                                                $t(
+                                                    'windward.core.components.navigation.ask_the_expert.course_info'
+                                                )
+                                            "
+                                        ></v-text-field>
+                                    </v-col>
+                                </v-col>
+                                <v-col
+                                    v-if="
+                                        !$PermissionService.userHasAccessTo(
+                                            'windward.global.course,windward.organization.course.contentBlock',
+                                            'writable'
+                                        )
+                                    "
+                                    cols="12"
+                                >
+                                    <v-col cols="12">
+                                        <v-text-field
+                                            v-model="subject"
+                                            outlined
+                                            :label="
+                                                $t(
+                                                    'windward.core.components.navigation.ask_the_expert.subject'
+                                                )
+                                            "
+                                        ></v-text-field>
+                                    </v-col>
+                                    <v-col cols="12">
+                                        <v-textarea v-model="body" outlined>
+                                            <template #label>
+                                                <div>
+                                                    {{
+                                                        $t(
+                                                            'windward.core.components.navigation.ask_the_expert.question'
+                                                        )
+                                                    }}
+                                                </div>
+                                            </template>
+                                        </v-textarea>
+                                    </v-col>
+                                    <v-col
+                                        cols="12"
+                                        class="pt-5 pb-5 d-flex flex-row-reverse"
+                                    >
+                                        <v-btn
+                                            class="primary"
+                                            :disabled="valid"
+                                            @click="onSubmit"
+                                            >{{
+                                                $t('shared.forms.submit')
+                                            }}</v-btn
+                                        >
+                                    </v-col>
+                                </v-col>
+                            </v-row>
+                        </v-container>
+                    </v-card>
+                </template>
+            </Dialog>
+        </v-list-item-content>
+    </v-list-item>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import AuthUserRepository from '~/models/repositories/AuthUserRepository'
+import AskTheExpert from '~/models/AskTheExpert'
+
+export default {
+    name: 'NavigationItemAskTheExpert',
+    components: {},
+    props: {
+        config: { type: Object, required: true },
+    },
+    data() {
+        return {
+            currentUser: new AuthUserRepository(this.$nuxt),
+            expert: '',
+            course: this.$ContentService.getCourse(),
+            content: this.$ContentService.get().content,
+            courseAndContentName: '',
+            body: '',
+            subject: '',
+            dialog: false,
+        }
+    },
+    computed: {
+        ...mapGetters({
+            enrollment: 'enrollment/get',
+        }),
+        valid() {
+            if (this.body === '' || this.subject === '') {
+                return true
+            } else {
+                return false
+            }
+        },
+    },
+    mounted() {
+        this.courseAndContentName = this.course.name + ': ' + this.content.name
+    },
+    methods: {
+        async onSubmit() {
+            const askTheExpertSubmission = new AskTheExpert({
+                body: this.body,
+                subject: this.subject,
+                currentUser: this.currentUser,
+                enrollment: this.enrollment,
+                content: this.content,
+                course: this.course,
+                courseAndContentName: this.courseAndContentName,
+            })
+            await askTheExpertSubmission.save()
+            if (askTheExpertSubmission) {
+                this.$dialog.success('Ask The Expert Email Sent Successfully')
+                this.body = ''
+                this.subject = ''
+                this.dialog = false
+            } else {
+                this.$dialog.error('Ask The Expert Email Failed')
+            }
+        },
+    },
+}
+</script>

package/components/Settings/ClickableIconsSettings.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <v-container>
-            <v-col>
+            <v-col class="pa-0">
                 <v-text-field
                     v-model="block.metadata.config.title"
                     :label="
@@ -18,7 +18,11 @@
                         )
                     "
                 ></v-text-field>
-                <v-btn color="primary" outlined @click="onAddElement"
+                <v-btn
+                    color="primary"
+                    outlined
+                    @click="onAddElement"
+                    class="btn-add"
                     ><v-icon>mdi-plus</v-icon
                     >{{ $t('shared.forms.add') }}</v-btn
                 >
@@ -29,7 +33,7 @@
                     :key="itemIndex"
                     class="elevation-0"
                 >
-                    <v-expansion-panel-header class="elevation-0">{{
+                    <v-expansion-panel-header class="elevation-0 pa-0">{{
                         'item ' + (itemIndex + 1)
                     }}</v-expansion-panel-header>
                     <v-expansion-panel-content
@@ -37,8 +41,6 @@
                         :key="expansionPanelKey"
                     >
                         <v-text-field
-                            :counter="1"
-                            maxlength="1"
                             v-model="
                                 block.metadata.config.items[itemIndex].icon
                             "
@@ -186,4 +188,7 @@ export default {
 .v-progress-circular {
     margin: 1rem;
 }
+.btn-add {
+    width: 100%;
+}
 </style>

package/components/Settings/FeedbackSettings.vue

@@ -1,8 +1,8 @@
 <template>
     <div>
-        <h2 class="pb-4">
-            {{ $t('plugin.core.components.content.blocks.feedback.preset') }}
-        </h2>
+        <h4 class="pb-4">
+            {{ $t('windward.core.components.content.blocks.feedback.preset') }}
+        </h4>
         <v-row>
             <v-col v-for="preset in templates" :key="preset.id" cols="6">
                 <v-tooltip top>

package/components/Settings/UserUploadSettings.vue

@@ -30,13 +30,13 @@
         </v-btn>
         <v-row v-if="!block.metadata.config.expand">
             <v-col cols="12">
-                <h3 class="pb-4 pt-4">
+                <h4 class="pb-4 pt-4">
                     {{
                         $t(
                             'windward.core.components.content.blocks.user_upload.instructions_title'
                         )
                     }}
-                </h3>
+                </h4>
                 <TextEditor v-model="block.metadata.config.instructions" />
             </v-col>
         </v-row>

package/components/Settings/VideoSettings.vue

@@ -6,9 +6,9 @@
                     v-model="block.metadata.config.title"
                     :label="$t('windward.core.components.settings.video.title')"
                 ></v-text-field>
-                <h1 class="mb-3">
+                <h4 class="mb-3">
                     {{ $t('windward.core.components.settings.video.sources') }}
-                </h1>
+                </h4>
                 <v-tabs v-model="fileTab" fixed-tabs background-color="accent">
                     <v-tab>
                         {{
@@ -211,9 +211,9 @@
         </v-row>
         <v-row>
             <v-col cols="12">
-                <h1 class="mb-3">
+                <h4 class="mb-3">
                     {{ $t('windward.core.components.settings.video.playlist') }}
-                </h1>
+                </h4>
                 <div>
                     <strong
                         v-if="
@@ -311,9 +311,9 @@
         </v-row>
         <v-row>
             <v-col cols="12">
-                <h1 class="mb-3">
+                <h4 class="mb-3">
                     {{ $t('windward.core.components.settings.video.playback') }}
-                </h1>
+                </h4>
                 <v-card elevation="0">
                     <v-card-text>
                         <v-row>

package/components/utils/ContentViewer.vue

@@ -8,6 +8,7 @@
 <script>
 import MathHelper from '../../helpers/MathHelper'
 import GlossaryHelper from '../../helpers/GlossaryHelper'
+import FillInBlankHelper from '../../helpers/FillInBlankHelper'
 import { mapGetters } from 'vuex'
 import Vue from 'vue'
 export default {
@@ -29,17 +30,27 @@ export default {
         convertedContent() {
             let content = ''
             if (this.value) {
+                content = _.cloneDeep(this.value)
                 if (
-                    GlossaryHelper.containsGlossaryTerms(this.value) &&
+                    MathHelper.containsMathML(content) ||
+                    MathHelper.containsLatex(content)
+                ) {
+                    content = MathHelper.convertMathContentToHtml(content)
+                }
+                if (
+                    GlossaryHelper.containsGlossaryTerms(content) &&
                     _.isObject(this.course.metadata) &&
                     _.isArray(this.course.metadata.glossary)
                 ) {
                     content = GlossaryHelper.renderGlossaryWordsHtml(
-                        MathHelper.convertMathContentToHtml(this.value),
+                        content,
                         this.course.metadata.glossary
                     )
-                } else {
-                    content = MathHelper.convertMathContentToHtml(this.value)
+                }
+
+                if (FillInBlankHelper.containsFillInBlank(content)) {
+                    content =
+                        FillInBlankHelper.renderFillInTHeBlankHtml(content)
                 }
             }
             return Vue.compile('<div>' + content + '</div>')