@nixweb/nixloc-ui 0.0.121 → 0.0.122

package/src/component/template/ModeloSubView.vue

@@ -2,8 +2,8 @@
   <div>
     <Carregando :centralizado="false" v-show="carregando('modeloSubView')" />
     <div v-show="!carregando('modeloSubView')">
-      <slot name="conteudo-botoes"></slot>
-      <div v-if="mostrarPesquisa">
+      <slot name="content-buttons"></slot>
+      <div v-if="showSearch">
         <Pesquisa />
         <br />
       </div>
@@ -15,14 +15,14 @@
         :mostrarFiltroHorizontal="mostrarFiltroHorizontal"
         :botaoExcluir="botaoExcluir"
       >
-        <div slot="conteudo-botoes-tabela-cabecalho">
-          <slot name="conteudo-botoes-tabela-cabecalho"></slot>
+        <div slot="content-buttons-tabela-cabecalho">
+          <slot name="content-buttons-tabela-cabecalho"></slot>
         </div>
-        <div slot="conteudo-filtro-horizontal">
-          <slot name="conteudo-filtro-horizontal"></slot>
+        <div slot="content-filter-horizontal">
+          <slot name="content-filter-horizontal"></slot>
         </div>
-        <div slot="conteudo-botoes-tabela">
-          <slot name="conteudo-botoes-tabela"></slot>
+        <div slot="content-buttons-tabela">
+          <slot name="content-buttons-tabela"></slot>
         </div>
       </ModeloLista>
     </div>
@@ -30,8 +30,8 @@
 </template>
 
 <script>
-import Pesquisa from "../shared/Pesquisa.vue";
-import Carregando from "../shared/Carregando.vue";
+import Pesquisa from "../shared/Search.vue";
+import Carregando from "../shared/Loading.vue";
 
 import ModeloLista from "@nixweb/nixloc-ui/src/component/template/ModeloLista.vue";
 
@@ -43,7 +43,7 @@ export default {
   props: {
     modeloLista: Object,
     propsParam: Object,
-    mostrarPesquisa: {
+    showSearch: {
       type: Boolean,
       default: true,
     },
@@ -60,10 +60,10 @@ export default {
     ...mapGetters("generic", ["carregando"]),
   },
   created() {
-    this.insereCarregando("modeloSubView");
+    this.addLoading("modeloSubView");
   },
   methods: {
-    ...mapMutations("generic", ["insereCarregando"]),
+    ...mapMutations("generic", ["addLoading"]),
   },
 };
 </script>

package/src/component/template/ModeloView.vue

@@ -1,28 +1,28 @@
 <template>
   <div>
     <Painel
-      :modulo="painel.modulo"
-      :titulo="painel.titulo"
-      :mostrarFiltroVertical="painel.mostrarFiltroVertical"
-      :mostrarPesquisa="painel.mostrarPesquisa"
-      :mostrarBotoes="painel.mostrarBotoes"
+      :module="panel.module"
+      :title="panel.title"
+      :showVerticalFilter="panel.showVerticalFilter"
+      :showSearch="panel.showSearch"
+      :showButtons="panel.showButtons"
     >
-      <div slot="conteudo-filtro-vertical">
-        <slot name="conteudo-filtro-vertical"></slot>
+      <div slot="content-filter-vertical">
+        <slot name="content-filter-vertical"></slot>
       </div>
-      <div slot="conteudo-botoes">
-        <slot name="conteudo-botoes"></slot>
+      <div slot="content-buttons">
+        <slot name="content-buttons"></slot>
       </div>
-      <div slot="conteudo-principal">
+      <div slot="content-main">
         <ModeloLista :modeloLista="modeloLista" :botaoExcluir="botaoExcluir">
-          <div slot="conteudo-botoes-tabela-cabecalho">
-            <slot name="conteudo-botoes-tabela-cabecalho"></slot>
+          <div slot="content-buttons-tabela-cabecalho">
+            <slot name="content-buttons-tabela-cabecalho"></slot>
           </div>
-          <div slot="conteudo-filtro-horizontal">
-            <slot name="conteudo-filtro-horizontal"></slot>
+          <div slot="content-filter-horizontal">
+            <slot name="content-filter-horizontal"></slot>
           </div>
-          <div slot="conteudo-botoes-tabela">
-            <slot name="conteudo-botoes-tabela"></slot>
+          <div slot="content-buttons-tabela">
+            <slot name="content-buttons-tabela"></slot>
           </div>
         </ModeloLista>
       </div>
@@ -38,7 +38,7 @@ export default {
   name: "ModeloView",
   components: { Painel, ModeloLista },
   props: {
-    painel: Object,
+    panel: Object,
     modeloLista: Object,
     botaoExcluir: {
       type: Boolean,

package/src/component/template/Relatorio.js

@@ -1,10 +1,6 @@
-export default class Relatorio {
+export default class report {
     constructor() {
         this.id = "";
         this.nome = "";
     }
-    modificar(dados) {
-        this.id = dados.id;
-        this.nome = dados.nome;
-    }
 }

package/src/component/template/RelatorioAdicionarModificar.vue

@@ -3,27 +3,27 @@
     <b-row>
       <b-col sm="12"
         ><Texto
-          titulo="Nome"
-          campo="nome"
-          :formNome="formNome"
-          :requerido="true"
-          :tamanhoMaximo="40"
-          v-model="relatorio.nome"
-          :marcarFormSujo="false"
+          title="Nome"
+          field="nome"
+          :formName="formName"
+          :required="true"
+          :maxLength="40"
+          v-model="report.nome"
+          :markFormDirty="false"
         />
       </b-col>
     </b-row>
     <b-row>
       <b-col sm="12">
         <div class="text-right">
-          <Botao
-            chave="salvar"
-            tipo="sucesso"
-            titulo="Salvar"
-            :desabilitado="!formValido(formNome)"
-            classeIcone="fas fa-save"
-            tamanho="medio"
-            :clique="salvarRelatorio"
+          <Button
+            key="salvar"
+            type="success"
+            title="Salvar"
+            :disabled="!isFormValid(formName)"
+            classIcon="fas fa-save"
+            size="medium"
+            :clicked="salvarRelatorio"
           />
         </div>
       </b-col>
@@ -33,71 +33,71 @@
 
 <script>
 import Texto from "@nixweb/nixloc-ui/src/component/forms/Texto";
-import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
-import Relatorio from "@nixweb/nixloc-ui/src/component/template/Relatorio.js";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import report from "@nixweb/nixloc-ui/src/component/template/report.js";
 
 import { mapGetters, mapState, mapActions, mapMutations } from "vuex";
 
 export default {
   name: "RelatorioAdicionarModificar",
-  components: { Botao, Texto },
+  components: { Button, Texto },
   props: {
-    modulo: String,
+    module: String,
   },
   data() {
     return {
-      formNome: "relatorioAdicionarModificar",
-      relatorio: new Relatorio(),
-      urlAdicionar: "/api/v1/shared/relatorio/adicionar",
-      urlModificar: "/api/v1/shared/relatorio/modificar",
+      formName: "relatorioAdicionarModificar",
+      report: new report(),
+      urlAdicionar: "/api/v1/shared/report/adicionar",
+      urlModificar: "/api/v1/shared/report/modificar",
     };
   },
   computed: {
-    ...mapGetters("validation", ["formValido"]),
+    ...mapGetters("validation", ["isFormValid"]),
     ...mapGetters("generic", ["evento"]),
-    ...mapGetters("relatorio", ["cabecalhoTabela", "filtroSelecionado"]),
-    ...mapState("relatorio", ["campoSelecionado", "campoOrdenado"]),
+    ...mapGetters("report", ["headerTable", "filtroSelecionado"]),
+    ...mapState("report", ["selectedField", "campoOrdenado"]),
   },
   methods: {
     ...mapActions("generic", ["postApi", "putApi"]),
-    ...mapMutations("generic", ["removeCarregando", "removeEvento", "fecharModal"]),
-    ...mapMutations("validation", ["reiniciaValidacao"]),
+    ...mapMutations("generic", ["removeLoading", "removeEvent", "hideModal"]),
+    ...mapMutations("validation", ["resetValidation"]),
     salvarRelatorio() {
+      var personalizado = this.report.id ? "" : "Personalizado";
       const consulta = {
-        nomeRota: this.$route.name,
-        campo: this.campoSelecionado,
+        routeName: `${this.$route.name}${personalizado}`,
+        field: this.selectedField,
         ordenacao: this.campoOrdenado,
-        filtro: this.filtroSelecionado.children,
+        filter: this.filtroSelecionado.children,
       };
       let obj = {
-        nome: this.relatorio.nome,
-        modulo: this.modulo,
+        id: this.report.id,
+        nome: this.report.nome,
+        module: this.module,
         consulta: JSON.stringify(consulta),
       };
-      if (this.relatorio.id) {
+      if (this.report.id) {
         let params = { url: this.urlModificar, obj: obj };
         this.putApi(params).then((response) => {
-          if (response.sucesso) this.fecharModal();
-          this.removeCarregando(["salvar"]);
+          if (response.success) this.hideModal();
+          this.removeLoading(["salvar"]);
         });
       } else {
         let params = { url: this.urlAdicionar, obj: obj };
         this.postApi(params).then((response) => {
-          if (response.sucesso) this.fecharModal();
-          this.removeCarregando(["salvar"]);
+          if (response.success) this.hideModal();
+          this.removeLoading(["salvar"]);
         });
       }
     },
-    modificar(dados) {
-      this.relatorio = new Relatorio();
-      this.relatorio.modificar(dados);
-      this.removeCarregando([dados.id]);
-    },
   },
   watch: {
     evento: {
       handler(evento) {
-        if (evento.nome == "modificarRelatorio") this.modificar(evento.dados);
+        if (evento.nome == "modificarRelatorio") {
+          this.report.id = this.$route.params.id;
+          if (this.report.id) this.report.nome = this.$route.params.nome;
+        }
       },
       deep: true,
     },

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

@@ -3,34 +3,34 @@
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <Texto
-          titulo="Telefone"
-          campo="telefone"
-          :formNome="formNome"
-          :mascara="['(##) ####-####', '(##) #####-####']"
-          :tamanhoMaximo="20"
-          :requerido="requerido"
+          title="Telefone"
+          field="telefone"
+          :formName="formName"
+          :mask="['(##) ####-####', '(##) #####-####']"
+          :maxLength="20"
+          :required="required"
           v-model="dadosContato.telefone"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <Texto
-          titulo="Site"
-          campo="site"
-          :formNome="formNome"
-          mascara=""
-          :tamanhoMaximo="100"
-          :requerido="requerido"
+          title="Site"
+          field="site"
+          :formName="formName"
+          mask=""
+          :maxLength="100"
+          :required="required"
           v-model="dadosContato.site"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <Texto
-          titulo="E-mail"
-          campo="email"
-          :formNome="formNome"
-          mascara=""
-          :tamanhoMaximo="100"
-          :requerido="requerido"
+          title="E-mail"
+          field="email"
+          :formName="formName"
+          mask=""
+          :maxLength="100"
+          :required="required"
           v-model="dadosContato.email"
         />
       </b-col>
@@ -39,9 +39,9 @@
 </template>
 
 <script>
-import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import Texto from "@nixweb/nixloc-ui/src/component/forms/Texto";
-import Opcoes from "@nixweb/nixloc-ui/src/component/forms/Opcoes";
+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";
@@ -49,14 +49,14 @@ import { mapGetters } from "vuex";
 export default {
   name: "DadosContato",
   props: {
-    formNome: String,
-    requerido: {
+    formName: String,
+    required: {
       type: Boolean,
       default: false,
     },
     value: Object,
   },
-  components: { Opcoes, Texto, Botao },
+  components: { options, Texto, Button },
   data() {
     return {
       dadosContato: new DadosContato(),
@@ -66,9 +66,9 @@ export default {
     if (this.value.telefone != undefined) this.dadosContato = this.value;
   },
   methods: {
-    carregaDados(dados) {
-      this.dadosContato.telefone = dados.telefone;
-      this.dadosContato.email = dados.email;
+    carregaDados(data) {
+      this.dadosContato.telefone = data.telefone;
+      this.dadosContato.email = data.email;
     },
   },
   computed: {
@@ -90,7 +90,7 @@ export default {
     evento: {
       handler(evento) {
         if (evento.nome == "buscarCnpjReceita") {
-          this.carregaDados(evento.dados);
+          this.carregaDados(evento.data);
         }
       },
       deep: true,

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

@@ -1,6 +1,6 @@
 export default class DadosPessoa {
     constructor() {
-        this.tipoPessoa = 2;
+        this.typePessoa = 2;
         this.razaoSocialNome = "";
         this.fantasiaApelido = "";
         this.cnpjCpf = "";

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

@@ -2,80 +2,80 @@
   <div>
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <Opcoes
-          campo="tipoPessoa"
-          :formNome="formNome"
-          :opcoes="[
+        <options
+          field="typePessoa"
+          :formName="formName"
+          :options="[
             { text: 'Física', value: 1 },
             { text: 'Jurídica', value: 2 },
           ]"
-          v-model="dadosPessoa.tipoPessoa"
+          v-model="dadosPessoa.typePessoa"
         />
       </b-col>
     </b-row>
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <Texto
-          :titulo="dadosPessoa.tipoPessoa == 2 ? 'CNPJ' : 'CPF'"
-          campo="cnpjCpf"
-          :formNome="formNome"
-          :mascara="['##.###.###/####-##', '###.###.###-##']"
-          :tamanhoMaximo="30"
-          :requerido="requerido"
+          :title="dadosPessoa.typePessoa == 2 ? 'CNPJ' : 'CPF'"
+          field="cnpjCpf"
+          :formName="formName"
+          :mask="['##.###.###/####-##', '###.###.###-##']"
+          :maxLength="30"
+          :required="required"
           v-model="dadosPessoa.cnpjCpf"
-          ><div class="glyphicon margem-botao">
-            <Botao
-              v-if="dadosPessoa.tipoPessoa == 2"
-              chave="buscarCnpjReceita"
-              tipo="sucesso"
-              classeIcone="fas fa-search"
-              :desabilitado="dadosPessoa.cnpjCpf.length < 18"
-              tamanho="pequeno"
-              :clique="buscarCnpjReceita"
+          ><div class="glyphicon margin-button">
+            <Button
+              v-if="dadosPessoa.typePessoa == 2"
+              key="buscarCnpjReceita"
+              type="success"
+              classIcon="fas fa-search"
+              :disabled="dadosPessoa.cnpjCpf.length < 18"
+              size="small"
+              :clicked="buscarCnpjReceita"
             /></div
         ></Texto>
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <Texto
-          :titulo="dadosPessoa.tipoPessoa == 2 ? 'Inscrição Estadual' : 'RG'"
-          campo="inscricaoEstadualRg"
-          :formNome="formNome"
-          :tamanhoMaximo="50"
-          :requerido="requerido"
+          :title="dadosPessoa.typePessoa == 2 ? 'Inscrição Estadual' : 'RG'"
+          field="inscricaoEstadualRg"
+          :formName="formName"
+          :maxLength="50"
+          :required="required"
           v-model="dadosPessoa.inscricaoEstadualRg"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <Texto
-          v-if="dadosPessoa.tipoPessoa == 2"
-          titulo="Inscrição Municipal"
-          campo="inscricaoMunicipal"
-          :formNome="formNome"
-          :tamanhoMaximo="50"
-          :requerido="requerido"
+          v-if="dadosPessoa.typePessoa == 2"
+          title="Inscrição Municipal"
+          field="inscricaoMunicipal"
+          :formName="formName"
+          :maxLength="50"
+          :required="required"
           v-model="dadosPessoa.inscricaoMunicipal"
         />
       </b-col>
     </b-row>
-    <br v-if="dadosPessoa.tipoPessoa == 2" />
+    <br v-if="dadosPessoa.typePessoa == 2" />
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="8" xl="8">
         <Texto
-          :titulo="dadosPessoa.tipoPessoa == 2 ? 'Razão Social' : 'Nome'"
-          campo="razaoSocialNome"
-          :formNome="formNome"
-          :requerido="true"
-          :tamanhoMaximo="100"
+          :title="dadosPessoa.typePessoa == 2 ? 'Razão Social' : 'Nome'"
+          field="razaoSocialNome"
+          :formName="formName"
+          :required="true"
+          :maxLength="100"
           v-model="dadosPessoa.razaoSocialNome"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <Texto
-          :titulo="dadosPessoa.tipoPessoa == 2 ? 'Fantasia' : 'Apelido'"
-          campo="fantasiaApelido"
-          :formNome="formNome"
-          :requerido="true"
-          :tamanhoMaximo="100"
+          :title="dadosPessoa.typePessoa == 2 ? 'Fantasia' : 'Apelido'"
+          field="fantasiaApelido"
+          :formName="formName"
+          :required="true"
+          :maxLength="100"
           v-model="dadosPessoa.fantasiaApelido"
         />
       </b-col>
@@ -84,9 +84,9 @@
 </template>
 
 <script>
-import Botao from "@nixweb/nixloc-ui/src/component/forms/Botao";
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import Texto from "@nixweb/nixloc-ui/src/component/forms/Texto";
-import Opcoes from "@nixweb/nixloc-ui/src/component/forms/Opcoes";
+import options from "@nixweb/nixloc-ui/src/component/forms/options";
 import DadosPessoa from "@nixweb/nixloc-ui/src/component/value-objects/DadosPessoa.js";
 
 import { mapMutations } from "vuex";
@@ -94,14 +94,14 @@ import { mapMutations } from "vuex";
 export default {
   name: "DadosPessoa",
   props: {
-    formNome: String,
-    requerido: {
+    formName: String,
+    required: {
       type: Boolean,
       default: false,
     },
     value: Object,
   },
-  components: { Opcoes, Texto, Botao },
+  components: { options, Texto, Button },
   data() {
     return {
       dadosPessoa: new DadosPessoa(),
@@ -111,21 +111,21 @@ export default {
     if (this.value.razaoSocialNome != undefined) this.dadosPessoa = this.value;
   },
   methods: {
-    ...mapMutations("generic", ["insereEvento", "insereNotificacao", "removeCarregando"]),
+    ...mapMutations("generic", ["addEvent", "addNotifications", "removeLoading"]),
     buscarCnpjReceita() {
       let url = `https://ws.hubdodesenvolvedor.com.br/v2/cnpj/?cnpj=${this.dadosPessoa.cnpjCpf}&token=94473735FzLqpNKajP170569464`;
       this.$http.post(url, {}, {}).then((response) => {
         if (response.data.return == "OK") {
-          this.insereEvento({
+          this.addEvent({
             nome: "buscarCnpjReceita",
-            dados: response.data.result,
+            data: response.data.result,
           });
           this.dadosPessoa.razaoSocialNome = response.data.result.nome;
           this.dadosPessoa.fantasiaApelido = response.data.result.fantasia;
         } else {
-          this.insereNotificacao([{ mensagem: "CNPJ inválido ou não encontrado." }]);
+          this.addNotifications([{ message: "CNPJ inválido ou não encontrado." }]);
         }
-        this.removeCarregando(["buscarCnpjReceita"]);
+        this.removeLoading(["buscarCnpjReceita"]);
       });
     },
   },

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

@@ -6,6 +6,6 @@ export default class Endereco {
         this.complemento = "";
         this.bairro = "";
         this.cidade = "";
-        this.estado = { id: "", conteudo: "" };
+        this.estado = { id: "", content: "" };
     }
 }