@nixweb/nixloc-ui 1.19.0 → 1.21.0

package/src/store/modules/report.js

@@ -1,278 +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 = [];
-        }
-    }
+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 = [];
+        }
+    }
 }