@nixweb/nixloc-ui 0.0.125 → 0.0.128

package/src/component/template/ViewTemplateWithTable.vue

@@ -1,49 +1,56 @@
-<template>
-  <div>
-    <Panel
-      :module="panel.module"
-      :title="panel.title"
-      :showVerticalFilter="panel.showVerticalFilter"
-      :showSearch="panel.showSearch"
-      :showButtons="panel.showButtons"
-    >
-      <div slot="content-filter-vertical">
-        <slot name="content-filter-vertical"></slot>
-      </div>
-      <div slot="content-buttons">
-        <slot name="content-buttons"></slot>
-      </div>
-      <div slot="content-main">
-        <ListViewWithHandlerData :templateList="templateList" :buttonRemove="buttonRemove">
-          <div slot="content-buttons-table-header">
-            <slot name="content-buttons-table-header"></slot>
-          </div>
-          <div slot="content-filter-horizontal">
-            <slot name="content-filter-horizontal"></slot>
-          </div>
-          <div slot="content-buttons-table">
-            <slot name="content-buttons-table"></slot>
-          </div>
-        </ListViewWithHandlerData>
-      </div>
-    </Panel>
-  </div>
-</template>
-
-<script>
-import Panel from '@nixweb/nixloc-ui/src/component/layout/Panel.vue'
-import ListViewWithHandlerData from "@nixweb/nixloc-ui/src/component/template/ListViewWithHandlerData.vue";
-
-export default {
-  name: "TemplateView",
-  components: { Panel, ListViewWithHandlerData },
-  props: {
-    panel: Object,
-    templateList: Object,
-    buttonRemove: {
-      type: Boolean,
-      default: true,
-    },
-  },
-};
-</script>
+<template>
+  <div>
+    <Panel
+      :module="panel.module"
+      :title="panel.title"
+      :showVerticalFilter="panel.showVerticalFilter"
+      :showSearch="panel.showSearch"
+      :showButtons="panel.showButtons"
+    >
+      <div slot="content-filter-vertical">
+        <slot name="content-filter-vertical"></slot>
+      </div>
+      <div slot="content-buttons">
+        <slot name="content-buttons"></slot>
+      </div>
+      <div slot="content-main">
+        <Molded>
+          <ListViewWithDataHandler
+            :templateList="templateList"
+            :buttonRemove="buttonRemove"
+          >
+            <div slot="content-buttons-table-header">
+              <slot name="content-buttons-table-header"></slot>
+            </div>
+            <div slot="content-filter-horizontal">
+              <slot name="content-filter-horizontal"></slot>
+            </div>
+            <div slot="content-buttons-table">
+              <slot name="content-buttons-table"></slot>
+            </div>
+          </ListViewWithDataHandler>
+        </Molded>
+      </div>
+    </Panel>
+  </div>
+</template>
+
+<script>
+import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel.vue";
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+
+import ListViewWithDataHandler from "@nixweb/nixloc-ui/src/component/template/ListViewWithDataHandler.vue";
+
+export default {
+  name: "TemplateView",
+  components: { Panel, Molded, ListViewWithDataHandler },
+  props: {
+    panel: Object,
+    templateList: Object,
+    buttonRemove: {
+      type: Boolean,
+      default: true,
+    },
+  },
+};
+</script>

package/src/component/template/model/Report.js

@@ -1,6 +1,6 @@
-export default class report {
+export default class Report {
     constructor() {
         this.id = "";
-        this.nome = "";
+        this.name = "";
     }
 }

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

@@ -0,0 +1,11 @@
+export default class Address {
+    constructor() {
+        this.zipCode = "";
+        this.street = "";
+        this.number = "";
+        this.complement = "";
+        this.province = "";
+        this.city = "";
+        this.state = { id: "", content: "" };
+    }
+}

package/src/component/value-objects/{Endereco.vue → Address.vue}

@@ -4,50 +4,50 @@
       <b-col xs="12" sm="12" md="12" lg="3" xl="3">
         <InputText
           title="CEP"
-          field="cep"
+          field="zipCode"
           :formName="formName"
           :mask="'#####-###'"
           :maxLength="9"
           :required="required"
-          v-model="endereco.cep"
+          v-model="address.zipCode"
         >
           <div class="glyphicon margin-button">
             <Button
-              key="buscarCep"
+              _key="searchZipCode"
               type="success"
               classIcon="fas fa-search"
               size="small"
-              :disabled="endereco.cep.length < 9"
-              :clicked="buscarCep"
+              :disabled="address.zipCode.length < 9"
+              :clicked="searchZipCode"
             /></div
         ></InputText>
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="5" xl="5">
         <InputText
           title="Endereço"
-          field="logradouro"
+          field="street"
           :formName="formName"
           :maxLength="150"
           :required="required"
-          v-model="endereco.logradouro"
+          v-model="address.street"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="2" xl="2">
         <InputText
           title="Número"
-          field="numero"
+          field="number"
           :formName="formName"
           :maxLength="20"
-          v-model="endereco.numero"
+          v-model="address.number"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="2" xl="2">
         <InputText
           title="Complemento"
-          field="complemento"
+          field="complement"
           :formName="formName"
           :maxLength="50"
-          v-model="endereco.complemento"
+          v-model="address.complement"
         />
       </b-col>
       <br />
@@ -56,20 +56,20 @@
       <b-col xs="12" sm="12" md="12" lg="5" xl="5">
         <InputText
           title="Bairro"
-          field="bairro"
+          field="province"
           :formName="formName"
           :maxLength="100"
           :required="required"
-          v-model="endereco.bairro"
+          v-model="address.province"
         /> </b-col
       ><b-col xs="12" sm="12" md="12" lg="5" xl="5">
         <InputText
           title="Cidade"
-          field="cidade"
+          field="city"
           :formName="formName"
           :maxLength="100"
           :required="required"
-          v-model="endereco.cidade"
+          v-model="address.city"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="2" xl="2">
@@ -77,8 +77,8 @@
           title="UF"
           fieldTarget="uf"
           :required="required"
-          v-model="endereco.estado"
-          :data="estados"
+          v-model="address.state"
+          :data="states"
         /> </b-col
     ></b-row>
   </div>
@@ -89,12 +89,12 @@ import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
 import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
 
-import Endereco from "@nixweb/nixloc-ui/src/component/value-objects/Endereco.js";
+import Address from "@nixweb/nixloc-ui/src/component/value-objects/Address.js";
 
 import { mapGetters, mapMutations } from "vuex";
 
 export default {
-  name: "Endereco",
+  name: "Address",
   props: {
     formName: String,
     required: {
@@ -107,8 +107,8 @@ export default {
 
   data() {
     return {
-      endereco: new Endereco(),
-      estados: [
+      address: new Address(),
+      states: [
         { content: "AC", id: "AC" },
         { content: "AL", id: "AL" },
         { content: "AP", id: "AP" },
@@ -140,51 +140,50 @@ export default {
     };
   },
   mounted() {
-    if (this.value.cep != undefined) this.endereco = this.value;
+    if (this.value.zipCode != undefined) this.address = this.value;
   },
   computed: {
     ...mapGetters("generic", ["event"]),
   },
   methods: {
     ...mapMutations("generic", ["addEvent", "addNotifications", "removeLoading"]),
-    buscarCep() {
-      let cep = this.endereco.cep.replace(/\.|\-/g, "");
-      let url = `https://viacep.com.br/ws/${cep}/json/`;
+    searchZipCode() {
+      let zipCode = this.address.zipCode.replace(/\.|\-/g, "");
+      let url = `https://viacep.com.br/ws/${zipCode}/json/`;
       this.$http.get(url).then((response) => {
         let self = this;
         setTimeout(function () {
-          self.carregaDados(response.data);
-          self.removeLoading(["buscarCep"]);
+          self.loadData(response.data);
+          self.removeLoading(["searchZipCode"]);
         }, 300);
       });
     },
-    carregaDados(data) {
-      this.endereco.cep = data.cep;
-      this.endereco.logradouro = data.logradouro;
-      this.endereco.numero = data.complemento;
-      this.endereco.bairro = data.bairro;
-      this.endereco.cidade =
-        data.localidade == undefined ? data.municipio : data.localidade;
-      this.endereco.estado = { id: data.uf, content: data.uf };
+    loadData(data) {
+      this.address.zipCode = data.cep;
+      this.address.street = data.logradouro;
+      this.address.number = data.complemento;
+      this.address.province = data.bairro;
+      this.address.city = data.localidade == undefined ? data.municipio : data.localidade;
+      this.address.state = { id: data.uf, content: data.uf };
     },
   },
   watch: {
     value: {
       handler() {
-        this.endereco = this.value;
+        this.address = this.value;
       },
       deep: true,
     },
-    endereco: {
+    address: {
       handler() {
-        this.$emit("input", this.endereco);
+        this.$emit("input", this.address);
       },
       deep: true,
     },
     event: {
       handler(event) {
-        if (event.nome == "buscarCnpjReceita") {
-          this.carregaDados(event.data);
+        if (event.name == "searchDocumentFederalRecipe") {
+          this.loadData(event.data);
         }
       },
       deep: true,

package/src/component/value-objects/{DadosContato.js → Contact.js}

@@ -1,7 +1,7 @@
 export default class DadosContato {
     constructor() {
-        this.telefone = "";
-        this.site = "";
+        this.phone = "";
+        this.webSite = "";
         this.email = "";
     }
 }

package/src/component/value-objects/{DadosContato.vue → Contact.vue}

@@ -4,23 +4,25 @@
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <InputText
           title="Telefone"
-          field="telefone"
+          field="phone"
           :formName="formName"
           :mask="['(##) ####-####', '(##) #####-####']"
           :maxLength="20"
           :required="required"
-          v-model="dadosContato.telefone"
+          v-model="contact.phone"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <InputText
           title="Site"
-          field="site"
+          field="webSite"
           :formName="formName"
           mask=""
           :maxLength="100"
           :required="required"
-          v-model="dadosContato.site"
+          v-model="contact.webSite"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
@@ -31,7 +33,8 @@
           mask=""
           :maxLength="100"
           :required="required"
-          v-model="dadosContato.email"
+          v-model="contact.email"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
     </b-row>
@@ -41,33 +44,37 @@
 <script>
 import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import DadosContato from "@nixweb/nixloc-ui/src/component/value-objects/DadosContato.js";
+import Contact from "@nixweb/nixloc-ui/src/component/value-objects/Contact.js";
 
 import { mapGetters } from "vuex";
 
 export default {
-  name: "DadosContato",
+  name: "Contact",
   props: {
     formName: String,
     required: {
       type: Boolean,
       default: false,
     },
+    markFormDirty: {
+      type: Boolean,
+      default: true,
+    },
     value: Object,
   },
   components: { InputText, Button },
   data() {
     return {
-      dadosContato: new DadosContato(),
+      contact: new Contact(),
     };
   },
   mounted() {
-    if (this.value.telefone != undefined) this.dadosContato = this.value;
+    if (this.value.phone != undefined) this.contact = this.value;
   },
   methods: {
-    carregaDados(data) {
-      this.dadosContato.telefone = data.telefone;
-      this.dadosContato.email = data.email;
+    loadData(data) {
+      this.contact.phone = data.phone;
+      this.contact.email = data.email;
     },
   },
   computed: {
@@ -76,20 +83,20 @@ export default {
   watch: {
     value: {
       handler() {
-        this.dadosContato = this.value;
+        this.contact = this.value;
       },
       deep: true,
     },
-    dadosContato: {
+    contact: {
       handler() {
-        this.$emit("input", this.dadosContato);
+        this.$emit("input", this.contact);
       },
       deep: true,
     },
     event: {
       handler(event) {
-        if (event.nome == "buscarCnpjReceita") {
-          this.carregaDados(event.data);
+        if (event.name == "searchDocumentFederalRecipe") {
+          this.loadData(event.data);
         }
       },
       deep: true,

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

@@ -0,0 +1,10 @@
+export default class Person {
+    constructor() {
+        this.typePerson = 2;
+        this.companyName = "";
+        this.tradeName = "";
+        this.document = "";
+        this.stateInscription = "";
+        this.municipalInscription = "";
+    }
+}

package/src/component/value-objects/{DadosPessoa.vue → Person.vue}

@@ -3,80 +3,87 @@
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <RadioGroup
-          field="tipoPessoa"
+          field="typePerson"
           :formName="formName"
+          v-show="showTypePerson"
           :options="[
             { text: 'Física', value: 1 },
             { text: 'Jurídica', value: 2 },
           ]"
-          v-model="dadosPessoa.tipoPessoa"
+          v-model="person.typePerson"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
     </b-row>
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <InputText
-          :title="dadosPessoa.tipoPessoa == 2 ? 'CNPJ' : 'CPF'"
-          field="cnpjCpf"
+          :title="person.typePerson == 2 ? 'CNPJ' : 'CPF'"
+          field="document"
           :formName="formName"
           :mask="['##.###.###/####-##', '###.###.###-##']"
           :maxLength="30"
           :required="required"
-          v-model="dadosPessoa.cnpjCpf"
+          v-model="person.document"
+          :markFormDirty="markFormDirty"
           ><div class="glyphicon margin-button">
             <Button
-              v-if="dadosPessoa.typePessoa == 2"
-              key="buscarCnpjReceita"
+              v-if="person.typePerson == 2"
+              _key="searchDocumentFederalRecipe"
               type="success"
               classIcon="fas fa-search"
-              :disabled="dadosPessoa.cnpjCpf.length < 18"
+              :disabled="person.document.length < 18"
               size="small"
-              :clicked="buscarCnpjReceita"
+              :clicked="searchDocumentFederalRecipe"
             /></div
         ></InputText>
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <InputText
-          :title="dadosPessoa.typePessoa == 2 ? 'Inscrição Estadual' : 'RG'"
-          field="inscricaoEstadualRg"
+          :title="person.typePerson == 2 ? 'Inscrição Estadual' : 'RG'"
+          field="stateInscription"
           :formName="formName"
           :maxLength="50"
           :required="required"
-          v-model="dadosPessoa.inscricaoEstadualRg"
+          v-model="person.stateInscription"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <InputText
-          v-if="dadosPessoa.typePessoa == 2"
+          v-if="person.typePerson == 2"
           title="Inscrição Municipal"
-          field="inscricaoMunicipal"
+          field="municipalInscription"
           :formName="formName"
           :maxLength="50"
           :required="required"
-          v-model="dadosPessoa.inscricaoMunicipal"
+          v-model="person.municipalInscription"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
     </b-row>
-    <br v-if="dadosPessoa.typePessoa == 2" />
+    <br v-if="person.typePerson == 2" />
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="8" xl="8">
         <InputText
-          :title="dadosPessoa.typePessoa == 2 ? 'Razão Social' : 'Nome'"
-          field="razaoSocialNome"
+          :title="person.typePerson == 2 ? 'Razão Social' : 'Nome'"
+          field="companyName"
           :formName="formName"
           :required="true"
           :maxLength="100"
-          v-model="dadosPessoa.razaoSocialNome"
+          v-model="person.companyName"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <InputText
-          :title="dadosPessoa.typePessoa == 2 ? 'Fantasia' : 'Apelido'"
-          field="fantasiaApelido"
+          :title="person.typePerson == 2 ? 'Fantasia' : 'Apelido'"
+          field="tradeName"
           :formName="formName"
           :required="true"
           :maxLength="100"
-          v-model="dadosPessoa.fantasiaApelido"
+          v-model="person.tradeName"
+          :markFormDirty="markFormDirty"
         />
       </b-col>
     </b-row>
@@ -87,58 +94,66 @@
 import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
 import RadioGroup from "@nixweb/nixloc-ui/src/component/forms/RadioGroup";
-import DadosPessoa from "@nixweb/nixloc-ui/src/component/value-objects/DadosPessoa.js";
+import Person from "@nixweb/nixloc-ui/src/component/value-objects/Person.js";
 
 import { mapMutations } from "vuex";
 
 export default {
-  name: "DadosPessoa",
+  name: "Person",
   props: {
     formName: String,
     required: {
       type: Boolean,
       default: false,
     },
+    showTypePerson: {
+      type: Boolean,
+      default: true,
+    },
+    markFormDirty: {
+      type: Boolean,
+      default: true,
+    },
     value: Object,
   },
   components: { RadioGroup, InputText, Button },
   data() {
     return {
-      dadosPessoa: new DadosPessoa(),
+      person: new Person(),
     };
   },
   mounted() {
-    if (this.value.razaoSocialNome != undefined) this.dadosPessoa = this.value;
+    if (this.value.companyName != undefined) this.person = this.value;
   },
   methods: {
     ...mapMutations("generic", ["addEvent", "addNotifications", "removeLoading"]),
-    buscarCnpjReceita() {
-      let url = `https://ws.hubdodesenvolvedor.com.br/v2/cnpj/?cnpj=${this.dadosPessoa.cnpjCpf}&token=94473735FzLqpNKajP170569464`;
+    searchDocumentFederalRecipe() {
+      let url = `https://ws.hubdodesenvolvedor.com.br/v2/cnpj/?cnpj=${this.person.document}&token=94473735FzLqpNKajP170569464`;
       this.$http.post(url, {}, {}).then((response) => {
         if (response.data.return == "OK") {
           this.addEvent({
-            nome: "buscarCnpjReceita",
+            name: "searchDocumentFederalRecipe",
             data: response.data.result,
           });
-          this.dadosPessoa.razaoSocialNome = response.data.result.nome;
-          this.dadosPessoa.fantasiaApelido = response.data.result.fantasia;
+          this.person.companyName = response.data.result.nome;
+          this.person.tradeName = response.data.result.fantasia;
         } else {
           this.addNotifications([{ message: "CNPJ inválido ou não encontrado." }]);
         }
-        this.removeLoading(["buscarCnpjReceita"]);
+        this.removeLoading(["searchDocumentFederalRecipe"]);
       });
     },
   },
   watch: {
     value: {
       handler() {
-        this.dadosPessoa = this.value;
+        this.person = this.value;
       },
       deep: true,
     },
-    dadosPessoa: {
+    person: {
       handler() {
-        this.$emit("input", this.dadosPessoa);
+        this.$emit("input", this.person);
       },
       deep: true,
     },

package/src/config/axios.js

@@ -1,9 +1,9 @@
-import axios from "axios";
-
-const BASE_URL = process.env.VUE_APP_API_URL;
-
-const api = axios.create({
-  baseURL: BASE_URL,
-});
-
-export default api;
+import axios from "axios";
+
+const BASE_URL = process.env.VUE_APP_API_URL;
+
+const api = axios.create({
+  baseURL: BASE_URL,
+});
+
+export default api;