@nixweb/nixloc-ui 1.16.0 → 1.19.0

package/src/store/modules/report.js

@@ -0,0 +1,278 @@
+import ConvertToOdata from "@nixweb/nixloc-ui/src/component/shared/query-builder/ConvertToOdata.js";
+
+export default {
+    namespaced: true,
+    state: {
+        report: { id: "", fields: [], rules: [], },
+        selectedFields: {},
+        selectedRules: [],
+        finalQueryFormatOData: {
+            fields: [], totalization: [],
+        },
+        tags: []
+    },
+    getters: {
+        headerTable: (state) => {
+            let list = [];
+            state.report.fields.forEach(function (field) {
+                if (field.selected) list.push(field);
+            });
+            return list;
+        },
+        fields: (state) => {
+            // esse getter serve somente para carregar informações no component Fields     
+            var fields = { selected: [], options: [], sort: { content: "", id: "asc" }, orderBy: "" };
+
+            state.report.fields.forEach(function (value) {
+                let option = { text: value.title, value: value.field };
+                fields.options.push(option);
+
+                // se o relatório for o padrão, carrega as info default
+                if (state.report.id == undefined) {
+                    if (value.selected)
+                        fields.selected.push(value.field);
+
+                    if (value.orderBy) {
+                        fields.sort = { content: value.title, id: value.field };
+                        fields.orderBy = value.orderBy;
+                    }
+                }
+                else {
+                    fields.selected = state.selectedFields.selected;
+                    fields.sort = state.selectedFields.sort;
+                    fields.orderBy = state.selectedFields.orderBy;
+                }
+
+            });
+            return fields;
+        },
+        oDataOrderBy: (state) => {
+            let orderBy = "";
+            if (state.selectedFields.sort != undefined)
+                orderBy = `$orderby=${state.selectedFields.sort.id} ${state.selectedFields.orderBy}`;
+            return orderBy;
+        },
+        oDataSelect: (state) => {
+            let selectedFields = [];
+
+            // verifica os campos obrigatórios por default "requiredOData" 
+            state.report.fields.forEach(value => {
+                if (value.requiredOData)
+                    selectedFields.push(value.field);
+            });
+
+            // verifica os campos selecionados pelo usuário
+            if (state.selectedFields.selected != undefined) {
+                state.selectedFields.selected.forEach(function (field) {
+                    selectedFields.push(field);
+                });
+            }
+
+            let query = "";
+            let indexQuery = 0;
+
+            // remove itens duplicados e monta a query select
+            [...new Set(selectedFields)].forEach(field => {
+                if (indexQuery == 0) query += `$select=${field}`;
+                if (indexQuery > 0) query += `,${field}`;
+                indexQuery++;
+            });
+
+            return query;
+        },
+        oDataFilter: (state) => {
+            let query = "";
+            let totalization = "";
+            let indexQuery = 0;
+            let indexTotalization = 0;
+            var sizeFields = state.finalQueryFormatOData.fields.length;
+            var sizeTotalization = state.finalQueryFormatOData.totalization.length;
+            var andOr = [];
+
+
+            state.finalQueryFormatOData.fields.forEach(function (rule) {
+
+                if (rule.type == "field") {
+                    if (indexQuery == 0 && sizeFields > 0) query += `$filter=${rule.formatOdata}`;
+
+                    if (indexQuery > 0 && sizeFields > 0) {
+                        query += ` ${rule.andOr} ${rule.formatOdata}`;
+                        andOr.push(rule.andOr);
+                    }
+                    indexQuery++;
+
+                    // verifica no array se o último item é o "and", se sim será necessário inserir "(" depois do filter = e ")" antes do "and" 
+                    //  para que o oData consiga efetuar a query corretamente
+                    if (andOr[andOr.length - 1] == "and") {
+
+                        let initIndex = query.indexOf("=");
+                        let lastIndex = query.indexOf("and");
+
+                        var query1 = [query.slice(0, initIndex + 1), "(", query.slice(initIndex)].join('').replace("=(=", "=(");
+                        var query2 = [query1.slice(0, lastIndex + 1), ")", query1.slice(lastIndex)].join('');
+                        query = query2;
+                    }
+
+                } else {
+                    if (indexTotalization == 0 && size > 0) totalization += `${rule.formatOdata}`;
+                    if (indexTotalization > 0 && size > 0) totalization += `,${rule.formatOdata}`;
+                    indexTotalization++;
+                }
+            });
+
+            state.finalQueryFormatOData.totalization.forEach(function (rule) {
+
+                if (indexTotalization == 0 && sizeTotalization > 0) totalization = `${rule.formatOdata}`;
+                if (indexTotalization > 0 && sizeTotalization > 0) totalization = `,${rule.formatOdata}`;
+                indexTotalization++;
+            });
+
+            return { query, totalization };
+        },
+        tags: (state) => {
+            state.tags = [];
+            let description = "";
+
+            state.finalQueryFormatOData.fields.forEach(function (rule) {
+                description = "";
+
+                if (rule.typeField == "dateTime") {
+                    description = `${rule.value[0]} - ${rule.value[1]}`;
+                }
+
+                if (rule.typeField == "select") {
+                    description = rule.value.content;
+                }
+
+                if (rule.typeField == "text" || rule.typeField == "numeric") {
+                    description = `${rule.operator} "${rule.value}"`;
+                }
+
+                if (rule.typeField == "checkbox") {
+                    rule.options.forEach(function (option) {
+                        rule.value.forEach(function (value) {
+                            if (option.value == value) {
+                                description += `${option.title},`;
+                            }
+                        });
+                    });
+                }
+
+                let tag = { id: rule.id, title: rule.title, value: description };
+                state.tags.push(tag);
+
+            });
+            return state.tags;
+
+        },
+        rulesIsValid: (state) => {
+            let isValid = false;
+            let rulesRequired = state.report.rules.filter(x => x.isRequired);
+            let rulesRequiredSelected = state.selectedRules.filter(x => x.isRequired);
+
+            if (rulesRequired.length == rulesRequiredSelected.length)
+                isValid = true;
+
+            return isValid;
+        },
+        rulesRequired: (state) => {
+            return state.report.rules.filter(x => x.isRequired);
+        },
+    },
+    mutations: {
+        updateSelectedFields: (state, selectedFields) => {
+            state.selectedFields = selectedFields;
+            // após selecionar o campo, atualiza tambem quais campos deverão aparecer no report
+            // se foi selecionado é marcado como selected = true
+            state.report.fields.forEach(function (value) {
+                var hasSelected = selectedFields.selected.find((selected) => {
+                    if (value.field == selected) return true;
+                });
+                if (value.field === hasSelected) {
+                    value.selected = true;
+                } else {
+                    value.selected = false;
+                }
+            });
+        },
+        addSelectedRules: (state, selectedRule) => {
+            state.selectedRules.push(selectedRule);
+        },
+        removeSelectedRule: (state, id) => {
+            var filter = state.selectedRules.filter((item) => {
+                return id != item.id;
+            })
+            state.selectedRules = filter;
+        },
+        mountFinalQueryFormatOData: (state, selectedRules) => {
+            // aqui faz a conversão das regras selecionadas no padrão do query-builder para o formato oData carregando no objeto finalQueryFormatOData
+            // para ser consumido nos getters oDataSelect e oDataFilter
+
+            state.finalQueryFormatOData = { fields: [], totalization: [] };
+            var convertToOdata = new ConvertToOdata();
+
+            selectedRules.forEach(function (rule) {
+
+                if (rule.value != null && rule.value != "" && rule.value != undefined && rule.type == "totalization") {
+                    let formatOdata = convertToOdata.convertRule(rule);
+
+                    rule.value.forEach(value => {
+                        // adiciona no array somente a opção da regra selecionada
+                        var ruleSelected = rule.options.filter(x => x.value == value);
+
+                        let ruleOdata = {
+                            title: ruleSelected[0].aggregate.title,
+                            value: ruleSelected[0].aggregate.value,
+                            classCss: ruleSelected[0].aggregate.classCss,
+                            type: ruleSelected[0].aggregate.type,
+                            formatOdata: formatOdata,
+                        };
+
+                        state.finalQueryFormatOData.totalization.push(ruleOdata);
+                    });
+                }
+
+                if (rule.value != null && rule.value != "" && rule.value != undefined && rule.type == "field") {
+
+                    let formatOdata = convertToOdata.convertRule(rule);
+
+                    let ruleOdata = {
+                        id: rule.id,
+                        title: rule.title,
+                        type: rule.type,
+                        typeField: rule.typeField,
+                        options: rule.options,
+                        operator: rule.operator,
+                        selected: rule.selected,
+                        isRequired: rule.isRequired,
+                        formatOdata: formatOdata,
+                        andOr: rule.andOr,
+                        value: rule.value,
+                    };
+
+                    state.finalQueryFormatOData.fields.push(ruleOdata);
+                }
+            });
+        },
+        clearTotalization: (state) => {
+            state.finalQueryFormatOData.totalization = [];
+        }
+    },
+    actions: {
+        addReport: async function (context, report) {
+            context.state.report = report;
+            context.state.selectedFields = context.getters.fields;
+        },
+        addInitialReportCustom: async function (context, report) {
+            context.state.selectedFields = report.selectedFields;
+            context.state.selectedRules = report.selectedRules;
+            context.commit('mountFinalQueryFormatOData', report.selectedRules);
+            context.commit('updateSelectedFields', report.selectedFields);
+        },
+        removeInitialReportCustom: async function (context) {
+            context.state.selectedFields = {};
+            context.state.selectedRules = [];
+            context.state.finalQueryFormatOData.fields = [];
+        }
+    }
+}

package/src/store/modules/user.js

@@ -0,0 +1,70 @@
+export default {
+    namespaced: true,
+    state: {
+        userLogged: {
+        },
+        menu: {
+            items: []
+        },
+    },
+    getters: {
+        hasRule: (state) => (name) => {
+            var hasRule = state.userLogged.user.rules.find(obj => {
+                return obj.name === name
+            })
+            if (hasRule == undefined) return false;
+            return true;
+        },
+        hasPermission: (state) => (name) => {
+            var hasRule = state.userLogged.user.rules.find(obj => {
+                return obj.name === name
+            })
+            if (hasRule == undefined) return undefined;
+            return hasRule.permission;
+        },
+        hasModule: (state) => (name) => {
+            var hasRule = state.userLogged.user.modules.find(obj => {
+                return obj.name === name
+            })
+            if (hasRule == undefined) return false;
+            return true;
+        },
+
+    },
+    mutations: {
+        addUserLogged: (state, obj) => {
+            state.userLogged = obj;
+        },
+        addItemMenu: (state, items) => {
+            items.forEach(function (obj) {
+                state.menu.items.push(obj);
+            });
+        },
+        removeItemMenu: (state) => {
+            state.menu.items = [];
+        },
+        updateStatusGoogle: (state, status) => {
+            state.userLogged.user.isConnectedGoogle = status;
+        },
+        updateParameterRental: (state, parameterRental) => {
+            state.userLogged.parameterRental = parameterRental;
+        },
+        updateParameterStock: (state, parameterStock) => {
+            state.userLogged.parameterStock = parameterStock;
+        },
+        updateParameterDangerZone: (state, parameterDangerZone) => {
+            state.userLogged.parameterStock.calculateByFullPeriod = parameterDangerZone.calculateByFullPeriod;
+            state.userLogged.parameterStock.displayPeriod = parameterDangerZone.displayPeriod;
+            state.userLogged.parameterStock.manageByPatrimony = parameterDangerZone.manageByPatrimony;
+        },
+        updateToken: (state, token) => {
+            state.userLogged.token = token;
+        },
+        updateComunication: (state) => {
+            state.userLogged.user.showComunication = false;
+        },
+        updatePhoto: (state, photo) => {
+            state.userLogged.user.photo = photo;
+        }
+    },
+}

package/src/store/modules/util.js

@@ -0,0 +1,26 @@
+export default {
+    namespaced: true,
+    getters: {
+        formatMoney: (state) => (amount) => {
+
+            var decimalCount = 2;
+            var decimal = ",";
+            var thousands = ".";
+
+            decimalCount = Math.abs(decimalCount);
+            decimalCount = isNaN(decimalCount) ? 2 : decimalCount;
+
+            const negativeSign = amount < 0 ? "-" : "";
+
+            let i = parseInt((amount = Math.abs(Number(amount) || 0).toFixed(decimalCount))).toString();
+            let j = i.length > 3 ? i.length % 3 : 0;
+
+            var ret = negativeSign + (j ? i.substring(0, j) + thousands : "") +
+                i.substring(j).replace(/(\d{3})(?=\d)/g, "$1" + thousands) +
+                (decimalCount ? decimal + Math.abs(amount - i).toFixed(decimalCount).slice(2) : "");
+
+            return ret;
+
+        },
+    },
+}

package/src/store/modules/validation.js

@@ -0,0 +1,39 @@
+export default {
+    namespaced: true,
+    state: {
+        formDirty: false,
+        validations: [],
+        resetForm: {
+            name: undefined,
+            dateTime: undefined
+        }
+    },
+    getters: {
+        isFormValid: (state) => (formName) => {
+            var hasNotification = state.validations.find(obj => {
+                return obj.formName === formName
+            })
+            if (hasNotification != undefined) return false;
+            return true;
+        }
+    },
+    mutations: {
+        addValidation: (state, obj) => {
+            state.validations.push(obj);
+        },
+        removeValidation: (state, obj) => {
+            let filter = state.validations.filter(v => v.key != obj.key);
+            state.validations = filter;
+        },
+        resetValidation: (state, formName) => {
+            state.resetForm.dateTime = new Date();
+            state.resetForm.name = formName;
+        },
+        updateFormDirty: (state, formDirty) => {
+            state.formDirty = formDirty;
+        },
+        removeFormDirty: (state) => {
+            state.formDirty = false;
+        }
+    },
+}

package/src/store/store.js

@@ -1,24 +1,14 @@
-import Vue from 'vue';
-import Vuex from 'vuex';
-import createPersistedState from "vuex-persistedstate";
-
-import generic from '@nixweb/nixloc-ui/src/store/modules/generic'
-import validation from '@nixweb/nixloc-ui/src/store/modules/validation'
-import automation from '@nixweb/nixloc-ui/src/store/modules/automation'
-import report from '@nixweb/nixloc-ui/src/store/modules/report'
-import user from '@nixweb/nixloc-ui/src/store/modules/user'
-import util from '@nixweb/nixloc-ui/src/store/modules/util'
-
-import generateMoviment from './modules/generateMoviment'
-import paymentShared from './modules/paymentShared'
-import pdv from './modules/pdv'
-import rfid from './modules/rfid'
-
-Vue.use(Vuex)
-
-export default new Vuex.Store({
-  plugins: [createPersistedState({ storage: window.sessionStorage, paths: ["user", "generateMoviment"] })],
-  modules: {
-    generic, validation, automation, user, report, generateMoviment, pdv, paymentShared, rfid, util
-  }
+import Vue from 'vue';
+import Vuex from 'vuex';
+
+import user from './modules/user'
+import generic from './modules/generic'
+import validation from './modules/validation'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  modules: {
+    generic, validation, user
+  }
 })

package/src/assets/nfse-nacional.svg

@@ -1,32 +0,0 @@
-<!-- /icons/nfse-nacional.svg -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-label="NFS-e Nacional - Brasil">
-  <defs>
-    <!-- Ajuste as cores aqui se quiser -->
-    <style>
-      .doc { fill: #ffffff; stroke: #222; stroke-width: 1; }
-      .fold { fill: #eef2f7; stroke: #222; stroke-width: 1; }
-      .green { fill: #009B3A; }
-      .yellow { fill: #FFDF00; }
-      .blue { fill: #002776; }
-      .line { stroke: #adb5bd; stroke-width: 0.8; stroke-linecap: round; }
-    </style>
-  </defs>
-
-  <!-- Documento com orelha -->
-  <path class="doc" d="M5 2.5h8.8c.2 0 .4.1.6.2l4.9 4.9c.1.1.2.3.2.6V20.5c0 .8-.7 1.5-1.5 1.5H5c-.8 0-1.5-.7-1.5-1.5V4c0-.8.7-1.5 1.5-1.5z"></path>
-  <path class="fold" d="M13.8 2.5c.2 0 .4.1.6.2l4.9 4.9c.1.1.2.3.2.6h-4.2c-.8 0-1.5-.7-1.5-1.5V2.5z"></path>
-
-  <!-- Linhas do documento (decorativas) -->
-  <line class="line" x1="6.5" y1="12.5" x2="11.5" y2="12.5"></line>
-  <line class="line" x1="6.5" y1="14.8" x2="13.5" y2="14.8"></line>
-  <line class="line" x1="6.5" y1="17.1" x2="12.5" y2="17.1"></line>
-
-  <!-- Faixa verde-amarela diagonal -->
-  <!-- Verde (mais larga) -->
-  <polygon class="green" points="4,15 16.5,2.5 19,5 6.5,17.5"></polygon>
-  <!-- Amarelo (mais estreita, por cima) -->
-  <polygon class="yellow" points="5.1,15.2 16.6,3.7 18,5.1 6.5,16.6"></polygon>
-
-  <!-- Círculo azul (globo) -->
-  <circle class="blue" cx="10.4" cy="11.1" r="1.8"></circle>
-</svg>