@windward/core 0.0.2 → 0.0.5

package/.vscode/settings.json

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

package/components/Content/Blocks/Accordion.vue

@@ -119,13 +119,13 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .header {
     color: white;
     margin-top: 1px;
 }
 .body {
-    background: #f6f9f9;
+    background: var(--v-surface-base);
 }
 #expansion-panel-setting {
     z-index: 0;

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>

package/components/Content/Blocks/Feedback.vue

@@ -2,21 +2,21 @@
     <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.description'
                         )
                     }}
                 </p>
@@ -24,15 +24,15 @@
         </v-container>
         <v-container v-if="doesFeedbackExist">
             <v-row>
-                <h2>
+                <h3>
                     {{ block.metadata.config.definition.name }}
-                </h2>
+                </h3>
             </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 +87,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
@@ -193,7 +193,7 @@ export default {
             chosenPreset: '',
             studentResponse: '',
             noResponse: this.$t(
-                'plugin.core.components.content.blocks.feedback.no_response_entered'
+                'windward.core.components.content.blocks.feedback.no_response_entered'
             ),
         }
     },
@@ -292,7 +292,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

@@ -32,7 +32,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/Tab.vue

@@ -1,7 +1,11 @@
 <template>
     <div>
         <v-container>
-            <v-tabs background-color="primary">
+            <v-tabs
+                background-color="primary"
+                v-model="block.metadata.config.tab"
+            >
+                <v-tabs-slider color="primary"></v-tabs-slider>
                 <v-tab
                     v-for="(tab, tabIndex) in block.metadata.config.items"
                     :key="tabIndex"
@@ -61,6 +65,9 @@ export default {
                 content: '',
             }
             this.block.metadata.config.items = []
+            if (_.isEmpty(this.block.metadata.config.tab)) {
+                this.block.metadata.config.tab = 0
+            }
             this.block.metadata.config.items.push(defaultObject)
         } else {
             this.block.metadata.config.items.forEach((element) => {

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/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/TabSettings.vue

@@ -4,7 +4,7 @@
             <v-icon>mdi-plus</v-icon>
             {{ $t('windward.core.components.content.blocks.tab.add_tab') }}
         </v-btn>
-        <v-expansion-panels flat>
+        <v-expansion-panels flat v-model="block.metadata.config.tab">
             <v-expansion-panel
                 v-for="(item, itemIndex) in block.metadata.config.items"
                 :key="itemIndex"
@@ -59,7 +59,7 @@
 </template>
 
 <script>
-import _ from 'lodash'
+import _, { get } from 'lodash'
 import Crypto from '~/helpers/Crypto'
 import TextEditor from '~/components/Text/TextEditor.vue'
 import BaseContentSettings from '~/components/Content/Tool/BaseContentSettings.js'
@@ -81,6 +81,9 @@ export default {
         if (_.isEmpty(this.block.metadata.config)) {
             this.block.metadata.config = {}
         }
+        if (_.isEmpty(this.block.metadata.config.tab)) {
+            this.block.metadata.config.tab = 0
+        }
         if (_.isEmpty(this.block.metadata.config.items)) {
             const defaultObject = {
                 tabHeader: '',

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

@@ -48,9 +48,9 @@ export default {
 }
 </script>
 
-<style>
+<style lang="scss">
 .text-viewer {
-    min-height: 100px;
+    min-height: 50px !important;
 }
 .text-viewer table tr td {
     padding: 10px !important;
@@ -66,4 +66,7 @@ img {
     height: 100% !important;
     width: 100% !important;
 }
+.text-viewer {
+    @import './assets/tinymce/css/content';
+}
 </style>

package/components/utils/TinyMCEWrapper.vue

@@ -1,19 +1,22 @@
 <template>
     <editor
+        :key="seed + config.skin"
         v-model="text"
         initial-value=""
         :api-key="api_key"
         :init="config"
         tag-name="div"
-        model-events="change keydown blur focus paste input"
-        @input="change"
+        model-events="change keydown blur focus paste input submit"
     >
     </editor>
 </template>
 
 <script>
+import _ from 'lodash'
 import Editor from '@tinymce/tinymce-vue'
 import { MathEditorPlugin } from '../../helpers/tinymce/plugin'
+import contentCss from '!raw-loader!sass-loader!./assets/tinymce/css/content.scss'
+import Crypto from '~/helpers/Crypto'
 export default {
     name: 'ContentEditorRichText',
     components: {
@@ -22,25 +25,127 @@ export default {
     props: {
         value: { type: String, required: true, default: '' },
         api_key: { type: String, required: true, default: '' },
+        height: { type: Number, required: false, default: null },
     },
     beforeMount() {
         this.text = this.value
+        if (this.height !== null) {
+            this.config.height = this.height
+        }
     },
     data() {
         return {
             render: true,
             text: '',
-            config: {
+            seed: Crypto.id(),
+        }
+    },
+    watch: {
+        text: function (newVal) {
+            this.$emit('input', this.text)
+        },
+    },
+    computed: {
+        config() {
+            return {
                 height: 500,
-                menubar: true,
+                visual: false,
+                menubar: 'file edit insert format view table help',
+                menu: {
+                    insert: {
+                        title: 'Insert',
+                        items: ' link inserttable | charmap | anchor  | math | insertdatetime',
+                    },
+                    table: {
+                        title: 'Table',
+                        items: 'inserttable | tableprops |  deletetable',
+                    },
+                },
                 plugins: [
-                    'advlist autolink lists link image charmap',
+                    'advlist autolink lists link  charmap',
                     'searchreplace visualblocks code fullscreen',
-                    'print preview anchor insertdatetime media',
-                    'paste code help wordcount table MathEditor ',
+                    'anchor insertdatetime ',
+                    'paste code wordcount table MathEditor ',
                 ],
                 toolbar:
-                    'undo redo | formatselect | bold italic | alignleft aligncenter alignright | bullist numlist outdent indent | MathEditor | help',
+                    'undo redo | formatselect | bold italic | alignleft aligncenter alignright | table bullist numlist outdent indent | mathButton',
+                table_advtab: false,
+                table_cell_advtab: false,
+                table_row_advtab: false,
+                table_default_attributes: {
+                    class: 'default',
+                },
+                table_class_list: [
+                    { title: 'None', value: ' ' },
+                    {
+                        title: this.$t(
+                            'windward.core.components.utils.tiny_mce_wrapper.table.default'
+                        ),
+                        menu: [
+                            {
+                                title: this.$t(
+                                    'windward.core.components.utils.tiny_mce_wrapper.table.default'
+                                ),
+                                value: 'windward-table-default',
+                            },
+                            {
+                                title: this.$t(
+                                    'windward.core.components.utils.tiny_mce_wrapper.table.default_white_line'
+                                ),
+                                value: 'windward-table-default windward-table-default--lines',
+                            },
+                        ],
+                    },
+                    {
+                        title: this.$t(
+                            'windward.core.components.utils.tiny_mce_wrapper.table.excel'
+                        ),
+                        value: 'windward-table-excel',
+                    },
+                    {
+                        title: this.$t(
+                            'windward.core.components.utils.tiny_mce_wrapper.table.ledger'
+                        ),
+                        menu: [
+                            {
+                                title: this.$t(
+                                    'windward.core.components.utils.tiny_mce_wrapper.table.ledger'
+                                ),
+                                value: 'windward-table-ledger',
+                            },
+                            {
+                                title: this.$t(
+                                    'windward.core.components.utils.tiny_mce_wrapper.table.ledger_right'
+                                ),
+                                value: 'windward-table-ledger windward-table-ledger--right-align',
+                            },
+                            {
+                                title: this.$t(
+                                    'windward.core.components.utils.tiny_mce_wrapper.table.ledger_left'
+                                ),
+                                value: 'windward-table-ledger windward-table-ledger--left-align',
+                            },
+                        ],
+                    },
+                    {
+                        title: this.$t(
+                            'windward.core.components.utils.tiny_mce_wrapper.table.project_management'
+                        ),
+                        value: 'windward-table-pmexample',
+                    },
+                    {
+                        title: this.$t(
+                            'windward.core.components.utils.tiny_mce_wrapper.table.t_chart'
+                        ),
+                        value: 'windward-table-t-chart',
+                    },
+                    {
+                        title: this.$t(
+                            'windward.core.components.utils.tiny_mce_wrapper.table.subject_report'
+                        ),
+                        value: 'windward-table-subject-report',
+                    },
+                ],
                 setup() {
                     // Here we can add plugin
                     window.tinymce.PluginManager.add(
@@ -80,23 +185,12 @@ export default {
                     'windward.core.shared.content_blocks.grouping.placeholder'
                 ),
                 //required as it will be displayed as inline style in tinymce renderer
-                content_style:
-                    '.glossary-word {\n' +
-                    '    display: inline-block;\n' +
-                    '    border-radius: 12px;\n' +
-                    '    padding: 0px 7px;\n' +
-                    '    background-color: #ffd269;\n ' +
-                    '    font-weight: bold;\n' +
-                    '    color: #1a1d1e;' +
-                    '}',
+
+                skin: this.$vuetify.theme.isDark ? 'oxide-dark' : 'oxide',
+                content_css: this.$vuetify.theme.isDark ? 'dark' : 'default',
+                content_style: contentCss,
                 importcss_append: true,
-            },
-        }
-    },
-    updated() {},
-    methods: {
-        change() {
-            this.$emit('input', this.text)
+            }
         },
     },
 }

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

@@ -0,0 +1,188 @@
+
+table {
+    max-width: 100%;
+    border: 1px solid black;
+    border-spacing: 0;
+
+    th, td {
+        border: 1px solid black;
+        padding: 3px;
+    }
+
+}
+table {
+     &.windward-table-default {
+
+        color: black;
+
+        th {
+            color: white;
+            padding: 16px;
+            background-color: #3B4143FF;
+        }
+
+        th, td {
+            text-align: left;
+            border: 1px solid black;
+        }
+
+
+        tr:nth-child(even) {
+            td {
+                background-color: #ffffff;
+            }
+        }
+
+        tr:nth-child(odd) {
+            td {
+                background-color: #EAEAEC;
+            }
+        }
+
+
+         &--lines{
+             border: 1px solid #ffffff;
+             th, td {
+                 border: 1px solid #ffffff;
+             }
+         }
+
+     }
+
+    &.windward-table-excel {
+        padding-bottom: 20px;
+        padding-top: 20px;
+
+        td th {
+            border: 1px solid black;
+        }
+
+        th {
+            font-weight: bold;
+            padding: 3px;
+            text-align: center;
+            color: black;
+            background-color: #D7CCC8;
+        }
+
+        td {
+            background-color: white;
+            color: #000;
+            padding: 5px;
+            text-align: left;
+
+        }
+    }
+
+    &.windward-table-pmexample {
+        color: black;
+
+        th {
+            color: white;
+            padding: 16px;
+            background-color: #206e8c;
+        }
+
+        th, td {
+            text-align: left;
+
+        }
+
+        tr:nth-child(even) {
+            th {
+                border: 1px solid black;
+
+            }
+
+            td {
+                border: 1px solid black;
+                background-color: #ffffff;
+
+            }
+
+        }
+
+        tr:nth-child(odd) {
+            th {
+                border: 1px solid black;
+            }
+
+            td {
+                border: 1px solid black;
+                background-color: #EAEAEC;
+            }
+        }
+    }
+
+
+    /* ledger table */
+    &.windward-table-ledger {
+        &--right-align {
+            text-align: right;
+        }
+
+        &--left-align {
+            text-align: left;
+        }
+
+        border: 3px solid black;
+        background-color: white;
+        color: black;
+
+        thead, th {
+            border: 3px solid black;
+            font-weight: bold;
+        }
+
+
+        tr {
+            td {
+                border: 1px solid black;
+            }
+        }
+    }
+
+    &.windward-table-t-chart {
+        text-align: center;
+        background-color: white;
+        color: black;
+
+        th {
+            border-bottom: 3px solid black;
+            border-right: 3px solid black;
+            font-weight: bold;
+        }
+
+        th:last-child, td:last-child {
+            border-right: 0;
+        }
+
+        td {
+            border: 1px solid black;
+            border-right: 3px solid black;
+        }
+    }
+
+    &.windward-table-subject-report {
+        border: 1px solid black;
+        background-color: white;
+        color: black;
+        text-align: left;
+        padding: 11px;
+
+        thead, th {
+            font-weight: bold;
+            background-color: #EAEAEC;
+            padding: 3px;
+        }
+
+        td th {
+            border: 1px solid black;
+        }
+
+    }
+}
+
+
+
+

package/helpers/GlossaryHelper.ts

@@ -38,7 +38,7 @@ export default class GlossaryHelper {
 
     }
     public static containsGlossaryTerms(content :string): boolean {
-        const regex = /<span.*?.class="glossary-word".*?>(.*?)<\/span>/g
+        const regex = this.glossaryRegex
 
         return regex.exec(content) !== null
     }

package/helpers/tinymce/plugin.ts

@@ -1,7 +1,9 @@
 const MathEditorPlugin = function (editor: any) {
     let formula: any
     // ----- Events ----- //
-
+    editor.ui.registry.addIcon('insertMath', '<svg  x="0px" y="0px"width="20px" height="20px" viewBox="0 0 445.878 445.878" style="enable-background:new 0 0 445.878 445.878;">' +
+        '<path d="M426.024,86.447H209.705l-84.911,298.911c-2.568,7.967-9.854,13.482-18.22,13.771c-0.236,0-0.464,0.006-0.688,0.006 c-8.092,0-15.41-4.924-18.436-12.478l-34.714-86.782H19.851C8.884,299.876,0,290.986,0,280.022 c0-10.965,8.893-19.854,19.851-19.854H66.18c8.109,0,15.421,4.941,18.436,12.483l19.237,48.09l72.472-260.218 c2.639-8.213,10.279-13.781,18.903-13.781h230.798c10.97,0,19.854,8.89,19.854,19.851S436.988,86.447,426.024,86.447z M436.723,353.227l-78.259-87.904l74.576-82.783c1.318-1.454,1.638-3.547,0.857-5.341c-0.804-1.791-2.577-2.946-4.54-2.946h-47.18 c-1.442,0-2.802,0.629-3.759,1.72l-50.059,58.047l-49.674-58.029c-0.939-1.103-2.317-1.738-3.771-1.738h-49.334 c-1.956,0-3.729,1.149-4.521,2.929c-0.81,1.785 0.479,3.875,0.824,5.332l73.743,82.81l-77.641,87.923 c-1.297,1.465-1.605,3.552 0.813,5.325c0.813,1.785,2.586,2.92,4.528,2.92h48.9c1.472,0,2.867-0.65,3.807-1.785l51.819-62.181 l53.05,62.229c0.951,1.11,2.328,1.743,3.782,1.743h49.97c1.962,0,3.735-1.141,4.527-2.926 C438.354,356.779,438.035,354.692,436.723,353.227z"/>' +
+        '</svg>' );
     editor.addCommand('equation-window', function (data: any) {
         return editor.windowManager.openUrl({
             url: '/plugins/tinymce/math',
@@ -46,9 +48,15 @@ const MathEditorPlugin = function (editor: any) {
         })
     })
 
-    editor.ui.registry.addButton('MathEditor', {
-        text: 'Math Editor',
-        icon: 'gamma',
+    editor.ui.registry.addButton('mathButton', {
+        icon: 'insertMath',
+        onAction: () => {
+            editor.execCommand('equation-window', true)
+        },
+    })
+    editor.ui.registry.addMenuItem('math', {
+        text: 'Math',
+        icon: 'insertMath',
         onAction: () => {
             editor.execCommand('equation-window', true)
         },
@@ -80,4 +88,5 @@ const MathEditorPlugin = function (editor: any) {
     }
 }
 
+
 export { MathEditorPlugin }

package/i18n/en-US/components/utils/tiny_mce_wrapper.ts

@@ -4,4 +4,15 @@ export default {
     alternate_forms: 'Alternate Forms',
     definition: 'definition',
     related_terms: 'related terms',
+    table: {
+        default: 'Default Table',
+        default_white_line: 'Default Table white lines',
+        excel: 'Excel Table',
+        ledger: 'Ledger Table',
+        ledger_right: 'Right Aligned Ledger Table',
+        ledger_left: 'Left Aligned Ledger Table',
+        project_management: 'Project Management',
+        t_chart: 'T Chart',
+        subject_report: 'Subject Report',
+    },
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/core",
-    "version": "0.0.2",
+    "version": "0.0.5",
     "description": "Windward UI Core Plugins",
     "main": "plugin.js",
     "scripts": {
@@ -22,7 +22,8 @@
         "lodash": "^4.17.21",
         "mathlive": "^0.73.7",
         "mathml-to-latex": "^1.2.0",
-        "prettier": "^2.6.0"
+        "prettier": "^2.6.0",
+        "raw-loader": "^4.0.2"
     },
     "devDependencies": {
         "@babel/preset-env": "^7.16.11",
@@ -38,6 +39,7 @@
         "eslint-plugin-nuxt": "^3.2.0",
         "eslint-plugin-prettier": "^4.0.0",
         "jest": "^26.6.3",
+        "node-sass": "^8.0.0",
         "ts-jest": "^26.5.6",
         "typescript": "^4.6.3",
         "vue": "^2.6.14",

package/pages/glossary.vue

@@ -2,9 +2,9 @@
     <v-row justify="center" align="center">
         <v-col cols="10">
             <div class="d-flex mb-5">
-                <h1 class="mr-auto flex-grow-1">
+                <h2 class="mr-auto flex-grow-1">
                     {{ $t('windward.core.pages.glossary.title') }}
-                </h1>
+                </h2>
             </div>
 
             <v-spacer class="mt-5 mb-5" />

package/pages/userUpload.vue

@@ -1,6 +1,6 @@
 <template>
     <v-container>
-        <h1>{{ $t('windward.core.pages.user_upload.title') }}</h1>
+        <h2>{{ $t('windward.core.pages.user_upload.title') }}</h2>
         <v-divider class="mt-5 mb-5" />
         <v-data-table
             :headers="headers"

package/plugin.js

@@ -2,7 +2,6 @@ import enUS from './i18n/en-US'
 
 // Content Blocks
 import Video from './components/Content/Blocks/Video'
-import Table from './components/Content/Blocks/Table'
 import Tab from './components/Content/Blocks/Tab'
 import Math from './components/Content/Blocks/Math'
 import MathExpressionEditor from './components/utils/MathExpressionEditor'
@@ -122,16 +121,6 @@ export default {
                         'windward.core.shared.content_blocks.grouping.multimedia',
                 },
             },
-            {
-                tag: 'core-table',
-                template: Table,
-                metadata: {
-                    icon: 'mdi-table',
-                    name: 'windward.core.shared.content_blocks.title.default_table',
-                    grouping:
-                        'windward.core.shared.content_blocks.grouping.basic',
-                },
-            },
             {
                 tag: 'core-tab',
                 template: Tab,
@@ -197,9 +186,9 @@ export default {
                 template: Feedback,
                 metadata: {
                     icon: 'mdi-message',
-                    name: 'plugin.core.shared.content_blocks.title.feedback',
+                    name: 'windward.core.shared.content_blocks.title.feedback',
                     grouping:
-                        'plugin.core.shared.content_blocks.grouping.basic',
+                        'windward.core.shared.content_blocks.grouping.basic',
                 },
             },
         ],
@@ -291,7 +280,7 @@ export default {
                 context: ['block.core-feedback'],
                 metadata: {
                     icon: 'mdi-notebook-outline',
-                    name: 'plugin.core.shared.settings.title.feedback',
+                    name: 'windward.core.shared.settings.title.feedback',
                 },
             },
         ],

package/components/Content/Blocks/Table.vue

@@ -1,68 +0,0 @@
-<template>
-    <v-container>
-        <TextEditor
-            v-if="!render && block.metadata.config.expand"
-            v-model="block.body"
-        />
-        <TextViewer
-            v-if="render || !block.metadata.config.expand"
-            v-model="block.body"
-        />
-    </v-container>
-</template>
-<script>
-import _ from 'lodash'
-import TextViewer from '~/components/Text/TextViewer.vue'
-import TextEditor from '~/components/Text/TextEditor.vue'
-import BaseContentBlock from '~/components/Content/Blocks/BaseContentBlock'
-export default {
-    name: 'ContentBlockTable',
-    components: { TextEditor, TextViewer },
-    extends: BaseContentBlock,
-    beforeMount() {
-        // Apply the default config
-        if (_.isEmpty(this.block.body)) {
-            this.block.body = this.tablePreset
-        }
-        if (_.isEmpty(this.block.metadata.config)) {
-            this.block.metadata.config = { expand: false }
-        }
-    },
-    data() {
-        return {
-            tablePreset: `<table style="border-collapse: collapse; width: 99.951%;" border="1">
-                            <tbody>
-                            <tr>
-                            <td style="width: 19.7426%;">&nbsp;</td>
-                            <td style="width: 19.7426%;">&nbsp;</td>
-                            <td style="width: 19.7426%;">&nbsp;</td>
-                            <td style="width: 19.7555%;">&nbsp;</td>
-                            </tr>
-                            <tr>
-                            <td style="width: 19.7426%;">&nbsp;</td>
-                            <td style="width: 19.7426%;">&nbsp;</td>
-                            <td style="width: 19.7426%;">&nbsp;</td>
-                            <td style="width: 19.7555%;">&nbsp;</td>
-                            </tr>
-                            <tr>
-                            <td style="width: 19.7426%;">&nbsp;</td>
-                            <td style="width: 19.7426%;">&nbsp;</td>
-                            <td style="width: 19.7426%;">&nbsp;</td>
-                            <td style="width: 19.7555%;">&nbsp;</td>
-                            </tr>
-                            <tr>
-                            <td style="width: 19.7426%;">&nbsp;</td>
-                            <td style="width: 19.7426%;">&nbsp;</td>
-                            <td style="width: 19.7426%;">&nbsp;</td>
-                            <td style="width: 19.7555%;">&nbsp;</td>
-                            </tr>
-                            </tbody>
-                            </table>`,
-        }
-    },
-    mounted() {},
-    methods: {},
-}
-</script>
-
-<style scoped></style>

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

@@ -1,21 +0,0 @@
-import { shallowMount } from '@vue/test-utils'
-import Vuetify from 'vuetify'
-import Vue from 'vue'
-
-import { defaultMocks } from '@/test/mocks'
-import Table from '@/components/Content/Blocks/Table'
-
-Vue.use(Vuetify)
-
-describe('Table Component', () => {
-    test('is a Vue instance', () => {
-        const wrapper = shallowMount(Table, {
-            vuetify: new Vuetify(),
-            mocks: defaultMocks,
-            propsData: {
-                value: { body: 'Table', metadata: { config: {} } },
-            },
-        })
-        expect(wrapper.vm).toBeTruthy()
-    })
-})