@windward/core 0.0.2 → 0.0.3

package/.idea/codeStyles/Project.xml

@@ -0,0 +1,58 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <HTMLCodeStyleSettings>
+      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
+      <option name="HTML_ENFORCE_QUOTES" value="true" />
+    </HTMLCodeStyleSettings>
+    <JSCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </JSCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <VueCodeStyleSettings>
+      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
+      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
+    </VueCodeStyleSettings>
+    <codeStyleSettings language="HTML">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="Vue">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/windward-ui-plugin-core.iml" filepath="$PROJECT_DIR$/.idea/windward-ui-plugin-core.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/php-docker-settings.xml

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PhpDockerContainerSettings">
+    <list>
+      <map>
+        <entry key="79d59a8f-c56c-4789-b96c-e55a326ab125">
+          <value>
+            <DockerContainerSettings>
+              <option name="version" value="1" />
+              <option name="volumeBindings">
+                <list>
+                  <DockerVolumeBindingImpl>
+                    <option name="containerPath" value="/opt/project" />
+                    <option name="hostPath" value="$PROJECT_DIR$" />
+                  </DockerVolumeBindingImpl>
+                </list>
+              </option>
+            </DockerContainerSettings>
+          </value>
+        </entry>
+      </map>
+    </list>
+  </component>
+</project>

package/.idea/php.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="MessDetectorOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PHPCSFixerOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PHPCodeSnifferOptionsConfiguration">
+    <option name="highlightLevel" value="WARNING" />
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PhpStanOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PsalmOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

package/.idea/watcherTasks.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectTasksOptions" suppressed-tasks="SCSS" />
+</project>

package/.idea/windward-ui-plugin-core.iml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

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/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/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/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;
+        }
+
+    }
+}
+
+
+
+