@nixweb/nixloc-ui 0.0.123 → 0.0.124

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.123",
+  "version": "0.0.124",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,

package/src/component/layout/Tag.vue

@@ -2,7 +2,7 @@
   <div class="div-tag">
     <div class="tag">
       <span @click="execute()">{{ title }}: {{ valor }}</span>
-      <i @click="remover()" class="icon fas fa-times-circle"></i>
+      <i @click="remove()" class="icon fas fa-times-circle"></i>
     </div>
   </div>
 </template>
@@ -27,7 +27,7 @@ export default {
           data: this.eventData,
         });
     },
-    remover() {
+    remove() {
       this.addEvent({
         nome: "tagRemovida",
         data: this.eventData,

package/src/component/shared/HorizontalFilter.vue

@@ -41,7 +41,7 @@ import SelectStatic from "../forms/SelectStatic.vue";
 import Select from "../forms/Select";
 
 export default {
-  name: "TemplateListView",
+  name: "ListViewWithHandlerData",
   components: { Select, SelectStatic, Collapse },
   props: {
     showTotalPerPage: {

package/src/component/shared/LegendaParametro.vue

@@ -59,14 +59,14 @@ export default {
   },
   computed: {
     ...mapGetters("generic", ["groupBy"]),
-    ...mapState("generic", ["search", "buscouPesquisa", "limpouPesquisa"]),
+    ...mapState("generic", ["search", "executedSearch", "clearedSearch"]),
     agrupado() {
       var lista = this.groupBy({ array: this.legendaLocal, key: "grupoNome" });
       return lista;
     },
   },
   watch: {
-    buscouPesquisa: function () {
+    executedSearch: function () {
       let legenda = [];
 
       let self = this;
@@ -83,14 +83,14 @@ export default {
 
         self.legendaLocal = legenda;
 
-        self.removeLoading(["pesquisar", "limpar"]);
+        self.removeLoading(["search", "clean"]);
       }, 300);
     },
-    limpouPesquisa: function () {
+    clearedSearch: function () {
       let self = this;
       setTimeout(function () {
         self.legendaLocal = self.legenda;
-        self.removeLoading(["pesquisar", "limpar"]);
+        self.removeLoading(["search", "clean"]);
       }, 300);
     },
   },

package/src/component/shared/Search.vue

@@ -7,14 +7,14 @@
             <b-col sm="9">
               <input
                 type="text"
-                name="pesquisar"
+                name="search"
                 placeholder="Pesquisar ..."
                 @keyup="verificaLimpaPesquisa()"
                 @keyup.enter.prevent="buscaPesquisa()"
                 v-model="search.content"
             /></b-col>
             <b-col sm="3">
-              <div class="div-escolher">
+              <div class="div-select">
                 <SelectStatic
                   fieldTarget="filter"
                   :onlyQuery="true"
@@ -35,7 +35,7 @@
     <b-col xs="4" sm="4" md="4" lg="4" xl="4">
       <div class="div-button">
         <Button
-          key="pesquisar"
+          key="search"
           type="info"
           title="Buscar"
           classIcon="fas fa-search"
@@ -43,7 +43,7 @@
           :clicked="buscaPesquisa"
         />
         <Button
-          key="limpar"
+          key="clean"
           type="info"
           title="Limpar"
           classIcon="fas fa-broom"
@@ -77,19 +77,19 @@ export default {
   methods: {
     ...mapMutations("generic", [
       "updateSearch",
-      "buscouPesquisa",
-      "limpouPesquisa",
+      "executedSearch",
+      "clearedSearch",
     ]),
     buscaPesquisa() {
-      this.buscouPesquisa();
+      this.executedSearch();
     },
     limpaPesquisa() {
-      this.limpouPesquisa();
+      this.clearedSearch();
       let search = { content: "", filter: { content: "contem", id: "contem" } };
       this.updateSearch(search);
     },
     verificaLimpaPesquisa() {
-      if (this.search.content.length == 0) this.limpouPesquisa();
+      if (this.search.content.length == 0) this.clearedSearch();
     },
   },
 };
@@ -146,7 +146,7 @@ input[type="text"]:focus {
   outline: none;
 }
 
-.div-escolher {
+.div-select {
   margin-top: -30px;
   margin-right: 5px;
 }

package/src/component/shared/{construtor-consulta/AdicionaFiltro.vue → query-builder/AddRule.vue}

@@ -5,14 +5,10 @@
         <div class="div-custom">
           <b-row>
             <b-col sm="6">
-              <EscolherFiltro
-                :options="rules"
-                class="select"
-                v-model="selectedRule"
-              />
+              <SelectRule :options="rules" class="select" v-model="selectedRule" />
             </b-col>
             <b-col sm="3">
-              <options
+              <RadioGroup
                 :options="[
                   { text: 'e', value: 'and' },
                   { text: 'ou', value: 'or' },
@@ -21,35 +17,35 @@
               />
             </b-col>
             <b-col sm="3">
-              <button type="button" class="btn btn-secondary" @click="adicionar">
+              <button type="button" class="btn btn-secondary" @click="Add">
                 + Adicionar
               </button>
             </b-col>
           </b-row>
         </div>
       </div>
-      <ListaComponenteDinamico />
+      <ListDynamicComponent />
     </div>
   </div>
 </template>
 
 <script>
-import EscolherFiltro from "./EscolherFiltro.vue";
-import ComponenteDinamico from "./ComponenteDinamico.vue";
-import options from "@nixweb/nixloc-ui/src/component/forms/options.vue";
-import ListaComponenteDinamico from "@nixweb/nixloc-ui/src/component/shared/construtor-query/ListaComponenteDinamico.vue";
+import SelectRule from "./SelectRule.vue";
+import DynamicComponent from "./DynamicComponent.vue";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
+import ListDynamicComponent from "@nixweb/nixloc-ui/src/component/shared/construtor-query/ListDynamicComponent.vue";
 
 import deepClone from "./utilities.js";
 
 import { mapGetters, mapMutations } from "vuex";
 
 export default {
-  name: "AdicionaFiltro",
+  name: "AddRule",
   components: {
-    EscolherFiltro,
-    ComponenteDinamico,
-    options,
-    ListaComponenteDinamico,
+    SelectRule,
+    DynamicComponent,
+    RadioGroup,
+    ListDynamicComponent,
   },
   props: {
     query: Object,
@@ -72,11 +68,11 @@ export default {
   methods: {
     ...mapMutations("generic", ["addNotifications"]),
     ...mapMutations("report", ["addSelectedRules"]),
-    adicionar() {
+    add() {
       this.selectedRule.andOr = this.andOr;
-      this.adicionarRegra();
+      this.addRule();
     },
-    adicionarRegra() {
+    addRule() {
       let consulta_atualizada = deepClone(this.query);
       let obj = this.montaFiltro();
 
@@ -102,7 +98,7 @@ export default {
         props: this.selectedRule.props,
         classCss: this.selectedRule.classCss,
         icon: this.selectedRule.icon,
-        operatores: this.selectedRule.operatores,
+        operators: this.selectedRule.operators,
         operator: null,
         andOr: this.selectedRule.andOr,
         isRequired: this.selectedRule.isRequired,
@@ -128,7 +124,7 @@ export default {
   watch: {
     event: {
       handler(event) {
-        // Se a tag ou a rule que está selecionada foi removida, é necessário remover tambem do array "duplicidade" para liberar e adicionar novamente.
+        // Se a tag ou a rule que está selecionada foi removida, é necessário remove tambem do array "duplicidade" para liberar e adicionar novamente.
         if (event.nome == "tagRemovida" || event.nome == "selectedRuleRemovida") {
           var duplicidade = this.duplicidade.filter((item) => {
             return item.id != event.data.id;

package/src/component/shared/{construtor-consulta/ConverteParaOdata.js → query-builder/ConvertToOdata.js}

@@ -1,5 +1,5 @@
-export default class ConverteParaOdata {
-    converteRegra(rule) {
+export default class ConvertToOdata {
+    convertRule(rule) {
         let nome = rule.nome;
         let title = rule.title;
         let valor = rule.valor;
@@ -16,20 +16,20 @@ export default class ConverteParaOdata {
         if (operator === ">") return `${nome} gt ${valor}`;
         if (operator === ">=") return `${nome} ge ${valor}`;
 
-        if (rule.fieldType === "dateTime") return this.convertePeriodo(valor);
-        if (rule.fieldType === "escolher") return this.converteEscolher(nome, valor);
-        if (rule.fieldType === "checkbox") return this.converteCheckbox(nome, title, type, valor);
+        if (rule.fieldType === "dateTime") return this.convertDateTime(valor);
+        if (rule.fieldType === "escolher") return this.convertSelect(nome, valor);
+        if (rule.fieldType === "checkbox") return this.convertCheckbox(nome, title, type, valor);
 
     }
-    convertePeriodo(valor) {
-        let inicio = this.converteData(valor[0]);
-        let fim = this.converteData(valor[1]);
+    convertDateTime(valor) {
+        let inicio = this.converteDate(valor[0]);
+        let fim = this.converteDate(valor[1]);
         return `data ge ${inicio} and data le ${fim}`;
     }
-    converteEscolher(nome, valor) {
+    convertSelect(nome, valor) {
         return `${nome} eq '${valor.id}'`;
     }
-    converteCheckbox(nome, title, type, options) {
+    convertCheckbox(nome, title, type, options) {
         let query = "";
         let sequencia = 0;
         var size = options.length;
@@ -40,7 +40,7 @@ export default class ConverteParaOdata {
                 if (sequencia + 1 != size) query += ` or `;
             }
             if (type == "totalization") {
-                let nomeConvertido = self.converteNome(valor);
+                let nomeConvertido = self.converteName(valor);
                 query += `${nome} with ${valor} as ${nomeConvertido}${title}`;
                 if (sequencia + 1 != size) query += `,`;
             }
@@ -50,7 +50,7 @@ export default class ConverteParaOdata {
         if (size > 1 && type == "field") return `(${query})`;
         return `${query}`;
     }
-    converteData(data) {
+    converteDate(data) {
         let str = data.replace("/", "").replace("/", "");
 
         let date = {
@@ -71,7 +71,7 @@ export default class ConverteParaOdata {
 
         return iso;
     }
-    converteNome(valor) {
+    converteName(valor) {
         if (valor === "sum") return "soma";
         if (valor === "average") return "media";
         if (valor === "max") return "maximo";

package/src/component/shared/{construtor-consulta/ComponenteDinamico.vue → query-builder/DynamicComponent.vue}

@@ -6,7 +6,7 @@
         <span style="margin-left: 10px">{{ rule.title }} </span>
       </label>
       <div style="margin-right: 20px">
-        <options
+        <RadioGroup
           :options="[
             { text: 'e', value: 'and' },
             { text: 'ou', value: 'or' },
@@ -19,7 +19,7 @@
         v-model="rule.operator"
         class="form-control mr-2"
       >
-        <option v-for="operator in rule.operatores" :key="operator">
+        <option v-for="operator in rule.operators" :key="operator">
           {{ operator }}
         </option>
       </select>
@@ -43,11 +43,11 @@
         v-model="rule.valor"
       />
       <Select
-        v-if="rule.fieldType == 'escolher'"
+        v-if="rule.fieldType == 'select'"
         :url="rule.props.url"
         v-model="rule.valor"
       />
-      <div @click="removeRegra" class="ml-auto btn-remover">
+      <div @click="removeRegra" class="ml-auto btn-remove">
         <i class="fas fa-times"></i>
       </div>
     </div>
@@ -58,19 +58,17 @@
 import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
 import Select from "@nixweb/nixloc-ui/src/component/forms/Select";
 import CheckboxGroup from "@nixweb/nixloc-ui/src/component/forms/CheckboxGroup";
-import options from "@nixweb/nixloc-ui/src/component/forms/options.vue";
-
-import deepClone from "./utilities.js";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup.vue";
 
 import { mapMutations } from "vuex";
 
 export default {
-  name: "ComponenteDinamico",
+  name: "DynamicComponent",
   components: {
     DateTime,
     Select,
     CheckboxGroup,
-    options,
+    RadioGroup,
   },
   props: ["rule"],
   methods: {
@@ -97,13 +95,13 @@ export default {
 };
 </script>
 <style scoped>
-.btn-remover {
+.btn-remove {
   font-size: 16px;
   color: darkgray;
   cursor: pointer;
 }
 
-.div-escolher {
+.div-select {
   width: 320px;
 }
 </style>

package/src/component/shared/{construtor-consulta/ListaComponenteDinamico.vue → query-builder/ListDynamicComponent.vue}

@@ -1,8 +1,9 @@
 <template>
   <div class="vqb-children">
     <component
-      :is="componente()"
+      :is="component()"
       v-for="(rule, index) in query_builder.rules"
+      :key="index"
       :rule="rule"
     />
   </div>
@@ -14,19 +15,19 @@ import { mapState, mapMutations } from "vuex";
 export default {
   data() {
     return {
-      componenteDinamico: null,
+      dynamicComponent: null,
     };
   },
   computed: {
     ...mapState("report", ["query_builder"]),
   },
   mounted() {
-    this.componenteDinamico = this.$parent.$options.components["ComponenteDinamico"];
+    this.dynamicComponent = this.$parent.$options.components["DynamicComponent"];
   },
   methods: {
     ...mapMutations("report", ["convertRulesToOdata"]),
-    componente() {
-      return this.componenteDinamico;
+    component() {
+      return this.dynamicComponent;
     },
   },
   watch: {

package/src/component/shared/{construtor-consulta/ConstrutorConsulta.vue → query-builder/QueryBuilder.vue}

@@ -1,19 +1,18 @@
 <template>
   <div class="vue-query-builder">
     <slot v-bind="vqbProps">
-      <AdicionaFiltro v-bind="vqbProps" />
+      <AddRule v-bind="vqbProps" />
     </slot>
   </div>
 </template>
 
 <script>
-import AdicionaFiltro from "./AdicionaFiltro.vue";
-import deepClone from "./utilities.js";
+import AddRule from "./AddRule.vue";
 
 export default {
-  name: "ConstrutorConsulta",
+  name: "QueryBuilder",
   components: {
-    AdicionaFiltro,
+    AddRule,
   },
   props: {
     rules: Array,
@@ -21,26 +20,26 @@ export default {
   data() {
     return {
       query: {},
-      typeRegra: {
+      typeRule: {
         text: {
           id: "text-field",
-          operatores: ["igual", "diferente", "contem"],
+          operators: ["igual", "diferente", "contem"],
           fieldType: "text",
         },
         numeric: {
           id: "number-field",
-          operatores: ["=", "!=", "<", "<=", ">", ">="],
+          operators: ["=", "!=", "<", "<=", ">", ">="],
           fieldType: "number",
         },
         radio: {
           id: "radio-field",
-          operatores: [],
+          operators: [],
           options: [],
           fieldType: "radio",
         },
         checkbox: {
           id: "checkbox-field",
-          operatores: ["checkbox"],
+          operators: ["checkbox"],
           options: [],
           fieldType: "checkbox",
         },
@@ -48,21 +47,21 @@ export default {
     };
   },
   computed: {
-    mesclarRegras() {
-      var mesclarRegras = [];
+    mergeRules() {
+      var mergeRules = [];
       var self = this;
       self.rules.forEach(function (rule) {
-        if (typeof self.typeRegra[rule.fieldType] !== "undefined") {
-          mesclarRegras.push(Object.assign({}, self.typeRegra[rule.fieldType], rule));
+        if (typeof self.typeRule[rule.fieldType] !== "undefined") {
+          mergeRules.push(Object.assign({}, self.typeRule[rule.fieldType], rule));
         } else {
-          mesclarRegras.push(rule);
+          mergeRules.push(rule);
         }
       });
-      return mesclarRegras;
+      return mergeRules;
     },
     vqbProps() {
       return {
-        rules: this.mesclarRegras,
+        rules: this.mergeRules,
       };
     },
   },

package/src/component/shared/{construtor-consulta/Filtro.vue → query-builder/Rules.vue}

@@ -1,20 +1,20 @@
 <template>
   <div>
     <ScrollBar :minHeight="450" :maxHeight="600">
-      <ConstrutorConsulta :rules="rules" />
+      <QueryBuilder :rules="rules" />
     </ScrollBar>
   </div>
 </template>
 
 <script>
-import ConstrutorConsulta from "./ConstrutorConsulta.vue";
+import QueryBuilder from "./QueryBuilder.vue";
 import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
 
 import { mapMutations } from "vuex";
 
 export default {
-  name: "Filtro",
-  components: { ScrollBar, ConstrutorConsulta },
+  name: "Rules",
+  components: { ScrollBar, QueryBuilder },
   props: {
     rules: Array,
   },

package/src/component/template/{TemplateReportAddEditView.vue → AddEditReport.vue}

@@ -34,12 +34,12 @@
 <script>
 import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
 import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Report from "@nixweb/nixloc-ui/src/component/template/Report.js";
+import Report from "@nixweb/nixloc-ui/src/component/template/model/Report.js";
 
 import { mapGetters, mapState, mapActions, mapMutations } from "vuex";
 
 export default {
-  name: "TemplateReportAddEditView",
+  name: "AddEditReport",
   components: { Button, InputText },
   props: {
     module: String,

package/src/component/template/{TemplateListView.vue → ListViewWithHandlerData.vue}

@@ -1,10 +1,10 @@
 <template>
   <div>
-    <div :class="{ 'g-div-molded': mostrarMoldura }">
+    <div :class="{ 'g-div-molded': showMolded }">
       <b-row>
         <b-col sm="12"
           ><div>
-            <HorizontalFilter v-if="mostrarFiltroHorizontal">
+            <HorizontalFilter v-if="showHorizontalFilter">
               <div slot="content-filter-horizontal">
                 <slot name="content-filter-horizontal"></slot>
               </div>
@@ -15,7 +15,6 @@
         <b-col sm="6">
           <TableTotalization :totalization="content.totalization" />
         </b-col>
-
         <b-col sm="6">
           <TableTotalRecords :totalRecords="content.totalRecords" />
         </b-col>
@@ -24,16 +23,17 @@
         <div>
           <Button
             v-if="buttonRemove"
-            key="remover"
+            key="remove"
             :title="`Remover  ${selected.length}`"
             type="danger"
             size="small"
-            :clicked="removerSelecionados"
+            :clicked="removeSelected"
           />
-          <slot name="content-buttons-table-header"></slot></div
-      ></FixedBar>
+          <slot name="content-buttons-table-header"></slot>
+        </div>
+      </FixedBar>
       <Table
-        :headerTable="templateList.headerTable"
+        :header="templateList.headerTable"
         :data="content.data"
         :showChecks="templateList.showChecks"
       >
@@ -59,15 +59,15 @@ import HorizontalFilter from "../shared/HorizontalFilter.vue";
 import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
 
 export default {
-  name: "TemplateListView",
+  name: "ListViewWithHandlerData",
   props: {
     templateList: Object,
     propsParam: Object,
-    mostrarMoldura: {
+    showMolded: {
       type: Boolean,
       default: true,
     },
-    mostrarFiltroHorizontal: {
+    showHorizontalFilter: {
       type: Boolean,
       default: true,
     },
@@ -97,12 +97,12 @@ export default {
         currentPage: 1,
         totalPerPage: 10,
       },
-      paramsFiltro: [],
-      filtroDinamico: {},
+      paramsFilter: [],
+      dynamicFilter: {},
     };
   },
   created() {
-    // o carregamento inicial getAll() é feito pela mudança no paginacaoChave
+    // o carregamento inicial getAll() é feito pela mudança no paginationKey
   },
   mounted() {
     this.updatePagination({
@@ -117,15 +117,15 @@ export default {
   computed: {
     ...mapState("generic", [
       "selected",
-      "metodoExecutadoApi",
+      "methodExecutedApi",
       "search",
-      "buscouPesquisa",
-      "limpouPesquisa",
+      "executedSearch",
+      "clearedSearch",
       "totalPerPage",
-      "SelectStatic",
+      "selectStatic",
     ]),
     ...mapGetters("generic", ["pagination"]),
-    paginacaoChave: function () {
+    paginationKey: function () {
       return this.pagination("templateList");
     },
   },
@@ -138,20 +138,20 @@ export default {
       "updateSearch",
     ]),
     getAll() {
-      let obj = { ...this.baseParams, ...this.filtroDinamico, ...this.propsParam };
+      let obj = { ...this.baseParams, ...this.dynamicFilter, ...this.propsParam };
       let params = { url: this.templateList.urlGetApi, obj: obj };
       this.getApi(params).then((response) => {
         this.content = response.content;
-        this.removeLoading(["panel", "modeloSubView", "pesquisar", "limpar"]);
+        this.removeLoading(["panel", "modeloSubView", "search", "clean"]);
       });
     },
-    removerSelecionados() {
+    removeSelected() {
       let params = {
         url: this.templateList.urlRemoverTodosApi,
         selected: this.selected,
       };
       this.deleteAllApi(params).then(() => {
-        this.removeLoading(["remover"]);
+        this.removeLoading(["remove"]);
         this.addSelected([]);
       });
     },
@@ -160,7 +160,7 @@ export default {
     },
   },
   watch: {
-    metodoExecutadoApi: function (value) {
+    methodExecutedApi: function (value) {
       if (
         value === "postApi" ||
         value === "putApi" ||
@@ -170,19 +170,19 @@ export default {
         this.getAll();
       }
     },
-    buscouPesquisa: function () {
+    executedSearch: function () {
       this.baseParams.search = this.search.content;
       this.baseParams.filter = this.search.filter.id;
       this.limpaParams();
       this.getAll();
     },
-    limpouPesquisa: function () {
+    clearedSearch: function () {
       this.baseParams.search = "";
       this.baseParams.filter = "";
       this.limpaParams();
       this.getAll();
     },
-    paginacaoChave: {
+    paginationKey: {
       handler(value) {
         this.limpaParams();
         this.baseParams.currentPage = value.currentPage;
@@ -190,16 +190,16 @@ export default {
       },
       deep: true,
     },
-    SelectStatic: {
+    selectStatic: {
       handler(value) {
         let fieldTarget = value.fieldTarget;
         let obj = { key: fieldTarget, valor: value.valor };
-        this.paramsFiltro.push(obj);
+        this.paramsFilter.push(obj);
 
         var result = {};
-        for (var i = 0; i < this.paramsFiltro.length; i++) {
-          let key = this.paramsFiltro[i].key;
-          let valor = this.paramsFiltro[i].valor;
+        for (var i = 0; i < this.paramsFilter.length; i++) {
+          let key = this.paramsFilter[i].key;
+          let valor = this.paramsFilter[i].valor;
 
           if (key == "periodo") {
             result["inicio"] = valor.inicio;
@@ -209,11 +209,11 @@ export default {
           }
         }
 
-        this.filtroDinamico = result;
+        this.dynamicFilter = result;
 
         this.updatePagination({
           key: "templateList",
-          totalPerPage: this.filtroDinamico.totalPerPage,
+          totalPerPage: this.dynamicFilter.totalPerPage,
         });
 
         this.getAll();

package/src/component/template/{TemplateSubView.vue → ViewTemplateConfiguration.vue}

@@ -4,15 +4,15 @@
     <div v-show="!carregando('modeloSubView')">
       <slot name="content-buttons"></slot>
       <div v-if="showSearch">
-        <Pesquisa />
+        <Search />
         <br />
       </div>
 
-      <TemplateListView
+      <ListViewWithHandlerData
         :templateList="templateList"
         :propsParam="propsParam"
-        :mostrarMoldura="false"
-        :mostrarFiltroHorizontal="mostrarFiltroHorizontal"
+        :showMolded="false"
+        :showHorizontalFilter="showHorizontalFilter"
         :buttonRemove="buttonRemove"
       >
         <div slot="content-buttons-table-header">
@@ -24,22 +24,22 @@
         <div slot="content-buttons-table">
           <slot name="content-buttons-table"></slot>
         </div>
-      </TemplateListView>
+      </ListViewWithHandlerData>
     </div>
   </div>
 </template>
 
 <script>
-import Pesquisa from "../shared/Search.vue";
+import Search from "../shared/Search.vue";
 import Loading from "../shared/Loading.vue";
 
-import TemplateListView from "@nixweb/nixloc-ui/src/component/template/TemplateListView.vue";
+import ListViewWithHandlerData from "@nixweb/nixloc-ui/src/component/template/ListViewWithHandlerData.vue";
 
 import { mapGetters, mapMutations } from "vuex";
 
 export default {
-  name: "TemplateSubView",
-  components: { Pesquisa, Loading, TemplateListView },
+  name: "ViewTemplateConfiguration",
+  components: { Search, Loading, ListViewWithHandlerData },
   props: {
     templateList: Object,
     propsParam: Object,
@@ -47,7 +47,7 @@ export default {
       type: Boolean,
       default: true,
     },
-    mostrarFiltroHorizontal: {
+    showHorizontalFilter: {
       type: Boolean,
       default: true,
     },

package/src/component/template/{TemplateDocumentView.vue → ViewTemplateDocumentView.vue}

@@ -131,7 +131,7 @@ import print from "vue-print-nb";
 import { mapState, mapGetters, mapMutations } from "vuex";
 
 export default {
-  name: "TemplateDocumentView",
+  name: "ViewTemplateDocumentView",
   directives: {
     print,
   },

package/src/component/template/{TemplateReportListView.vue → ViewTemplateReportList.vue}

@@ -30,7 +30,7 @@
                         :confirmed="excluir"
                       >
                         <div class="text-right">
-                          <i class="fas fa-times-circle icon-remover"></i>
+                          <i class="fas fa-times-circle icon-remove"></i>
                         </div>
                       </Confirmation>
                     </b-col>
@@ -81,11 +81,11 @@ export default {
     return {
       todos: { salvo: [] },
       urlObterTodos: "/api/v1/shared/relatorio/obter-todos",
-      urlRemover: "/api/v1/shared/relatorio/remover",
+      urlRemover: "/api/v1/shared/relatorio/remove",
     };
   },
   computed: {
-    ...mapState("generic", ["search", "buscouPesquisa", "limpouPesquisa"]),
+    ...mapState("generic", ["search", "executedSearch", "clearedSearch"]),
   },
   mounted() {
     this.getAll();
@@ -151,7 +151,7 @@ export default {
     },
   },
   watch: {
-    buscouPesquisa: function () {
+    executedSearch: function () {
       let padrao = [];
       let salvo = [];
       let self = this;
@@ -179,15 +179,15 @@ export default {
         self.todos.salvo = salvo;
         self.todos.padrao = padrao;
 
-        self.removeLoading(["pesquisar", "limpar"]);
+        self.removeLoading(["search", "clean"]);
       }, 300);
     },
-    limpouPesquisa: function () {
+    clearedSearch: function () {
       let self = this;
       setTimeout(function () {
         self.todos = self.relatorios;
         self.getAll();
-        self.removeLoading(["pesquisar", "limpar"]);
+        self.removeLoading(["search", "clean"]);
       }, 300);
     },
   },
@@ -199,7 +199,7 @@ export default {
   color: #94aa2a;
 }
 
-.icon-remover {
+.icon-remove {
   color: red;
 }
 

package/src/component/template/{TemplateReportView.vue → ViewTemplateReportPreview.vue}

@@ -19,7 +19,7 @@
           />
         </div>
         <Modal title="Salvar" :width="550" v-show="showModal('salvar')">
-          <TemplateReportAddEditView :module="panel.module" />
+          <AddEditReport :module="panel.module" />
         </Modal>
         <Molded>
           <div>
@@ -195,7 +195,7 @@ import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
 import ProgressBar from "@nixweb/nixloc-ui/src/component/shared/ProgressBar";
 import Rodape from "@nixweb/nixloc-ui/src/component/shared/construtor-query/Rodape.vue";
 import Tags from "@nixweb/nixloc-ui/src/component/shared/construtor-query/Tags.vue";
-import TemplateReportAddEditView from "@nixweb/nixloc-ui/src/component/template/TemplateReportAddEditView.vue";
+import AddEditReport from "@nixweb/nixloc-ui/src/component/template/AddEditReport.vue";
 import print from "vue-print-nb";
 
 import { mapState, mapGetters, mapActions, mapMutations } from "vuex";
@@ -222,7 +222,7 @@ export default {
     Rodape,
     ProgressBar,
     Tags,
-    TemplateReportAddEditView,
+    AddEditReport,
     ExportExcel,
     HeaderPrint,
   },

package/src/component/template/{TemplateAddEditView.vue → ViewTemplateWithSalveCancel.vue}

@@ -23,7 +23,7 @@ import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
 import SaveCancel from "@nixweb/nixloc-ui/src/component/shared/SaveCancel";
 
 export default {
-  name: "TemplateAddEditView",
+  name: "ViewTemplateCrud",
   components: { Panel, SaveCancel },
   props: {
     panel: Object,

package/src/component/template/{TemplateView.vue → ViewTemplateWithTable.vue}

@@ -14,7 +14,7 @@
         <slot name="content-buttons"></slot>
       </div>
       <div slot="content-main">
-        <TemplateListView :templateList="templateList" :buttonRemove="buttonRemove">
+        <ListViewWithHandlerData :templateList="templateList" :buttonRemove="buttonRemove">
           <div slot="content-buttons-table-header">
             <slot name="content-buttons-table-header"></slot>
           </div>
@@ -24,7 +24,7 @@
           <div slot="content-buttons-table">
             <slot name="content-buttons-table"></slot>
           </div>
-        </TemplateListView>
+        </ListViewWithHandlerData>
       </div>
     </Panel>
   </div>
@@ -32,11 +32,11 @@
 
 <script>
 import Panel from '@nixweb/nixloc-ui/src/component/layout/Panel.vue'
-import TemplateListView from "@nixweb/nixloc-ui/src/component/template/TemplateListView.vue";
+import ListViewWithHandlerData from "@nixweb/nixloc-ui/src/component/template/ListViewWithHandlerData.vue";
 
 export default {
   name: "TemplateView",
-  components: { Panel, TemplateListView },
+  components: { Panel, ListViewWithHandlerData },
   props: {
     panel: Object,
     templateList: Object,

package/src/component/value-objects/DadosContato.vue

@@ -41,7 +41,6 @@
 <script>
 import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import options from "@nixweb/nixloc-ui/src/component/forms/options";
 import DadosContato from "@nixweb/nixloc-ui/src/component/value-objects/DadosContato.js";
 
 import { mapGetters } from "vuex";
@@ -56,7 +55,7 @@ export default {
     },
     value: Object,
   },
-  components: { options, InputText, Button },
+  components: { InputText, Button },
   data() {
     return {
       dadosContato: new DadosContato(),

package/src/component/value-objects/DadosPessoa.vue

@@ -2,21 +2,21 @@
   <div>
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <options
-          field="typePessoa"
+        <RadioGroup
+          field="tipoPessoa"
           :formName="formName"
           :options="[
             { text: 'Física', value: 1 },
             { text: 'Jurídica', value: 2 },
           ]"
-          v-model="dadosPessoa.typePessoa"
+          v-model="dadosPessoa.tipoPessoa"
         />
       </b-col>
     </b-row>
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <InputText
-          :title="dadosPessoa.typePessoa == 2 ? 'CNPJ' : 'CPF'"
+          :title="dadosPessoa.tipoPessoa == 2 ? 'CNPJ' : 'CPF'"
           field="cnpjCpf"
           :formName="formName"
           :mask="['##.###.###/####-##', '###.###.###-##']"
@@ -86,7 +86,7 @@
 <script>
 import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import options from "@nixweb/nixloc-ui/src/component/forms/options";
+import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
 import DadosPessoa from "@nixweb/nixloc-ui/src/component/value-objects/DadosPessoa.js";
 
 import { mapMutations } from "vuex";
@@ -101,7 +101,7 @@ export default {
     },
     value: Object,
   },
-  components: { options, InputText, Button },
+  components: { RadioGroup, InputText, Button },
   data() {
     return {
       dadosPessoa: new DadosPessoa(),

package/src/component/value-objects/Endereco.vue

@@ -87,7 +87,6 @@
 <script>
 import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import options from "@nixweb/nixloc-ui/src/component/forms/options";
 import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
 
 import Endereco from "@nixweb/nixloc-ui/src/component/value-objects/Endereco.js";
@@ -104,7 +103,7 @@ export default {
     },
     value: Object,
   },
-  components: { options, InputText, Button, SelectStatic },
+  components: { InputText, Button, SelectStatic },
 
   data() {
     return {

package/src/store/modules/generic.js

@@ -368,7 +368,7 @@ export default {
                 }, (err) => {
                     if (err.response)
                         if (err.response.status === 403)
-                            context.commit('addNotifications', [{ message: "Usuário sem permissão para remover!" }])
+                            context.commit('addNotifications', [{ message: "Usuário sem permissão para remove!" }])
 
                     if (!err.response)
                         context.commit('addNotificationErrorApi');
@@ -398,7 +398,7 @@ export default {
                 }, (err) => {
                     if (err.response)
                         if (err.response.status === 403)
-                            context.commit('addNotifications', [{ message: "Usuário sem permissão para remover!" }])
+                            context.commit('addNotifications', [{ message: "Usuário sem permissão para remove!" }])
 
                     if (!err.response)
                         context.commit('addNotificationErrorApi');
@@ -478,7 +478,7 @@ export default {
                 }, (err) => {
                     if (err.response)
                         if (err.response.status === 403)
-                            context.commit('addNotifications', [{ message: "Usuário sem permissão para remover!" }])
+                            context.commit('addNotifications', [{ message: "Usuário sem permissão para remove!" }])
 
                     if (!err.response)
                         context.commit('addNotificationErrorApi');