@nixweb/nixloc-ui 0.0.124 → 0.0.127

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,23 @@
       <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"
         />
       </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"
         />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
@@ -31,7 +31,7 @@
           mask=""
           :maxLength="100"
           :required="required"
-          v-model="dadosContato.email"
+          v-model="contact.email"
         />
       </b-col>
     </b-row>
@@ -41,12 +41,12 @@
 <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: {
@@ -58,16 +58,16 @@ export default {
   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 +76,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,80 @@
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
         <RadioGroup
-          field="tipoPessoa"
+          field="typePerson"
           :formName="formName"
           :options="[
             { text: 'Física', value: 1 },
             { text: 'Jurídica', value: 2 },
           ]"
-          v-model="dadosPessoa.tipoPessoa"
+          v-model="person.typePerson"
         />
       </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"
           ><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"
         />
       </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"
         />
       </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"
         />
       </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"
         />
       </b-col>
     </b-row>
@@ -87,12 +87,12 @@
 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: {
@@ -104,41 +104,41 @@ export default {
   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/store/modules/generic.js

@@ -1,5 +1,5 @@
 import axios from "@/config/axios";
-import tips from "@/config/dicas";
+import Tips from "@/config/tips";
 import Token from "@nixweb/nixloc-ui/src/config/token";
 
 export default {
@@ -27,14 +27,23 @@ export default {
             type: undefined,
         },
         ids: undefined,
-        search: { content: "", filter: { text: "Contém", value: "contem" } },
+        search: { content: "", filter: { content: "Contém", id: "contains" } },
         documentHtml: "",
-        selectStatic: { dateTime: undefined, targetField: undefined, value: undefined },
+        selectStatic: { dateTime: undefined, fieldTarget: undefined, value: undefined },
         executedSearch: false,
         clearedSearch: false,
         methodExecutedApi: undefined,
     },
     getters: {
+        tip: (state) => (tipId) => {
+            var tips = new Tips();
+            let message = "";
+            tips.help.find(value => {
+                if (value.tipId == tipId)
+                    message = value.message;
+            })
+            return message;
+        },
         showModal: (state) => (name) => {
             if (name == state.modal.name) return true;
             return false;
@@ -55,12 +64,6 @@ export default {
                 return obj.key === key
             })
         },
-        tip: (state) => (obj) => {
-            return tips.find(value => {
-                if (value.formName == obj.formName && value.field == obj.field)
-                    return value
-            })
-        },
         event: (state) => {
             return state.event;
         },
@@ -241,10 +244,9 @@ export default {
         },
         addFilter: (state, obj) => {
             state.selectStatic.dateTime = new Date();
-            state.selectStatic.targetField = obj.targetField;
+            state.selectStatic.fieldTarget = obj.fieldTarget;
             state.selectStatic.value = obj.value;
         },
-
     },
     actions: {
         postApi: async function (context, params) {
@@ -253,6 +255,7 @@ export default {
                 headers: new Token().tokenHeaders(),
             })
                 .then((response) => {
+                   
                     if (response.data.success) {
                         context.commit('addMethodExecutedApi', 'postApi');
 
@@ -269,6 +272,9 @@ export default {
                         return response.data;
                     }
                 }, (err) => {
+
+                    console.log(err);
+
                     if (err.response)
                         if (err.response.status === 403)
                             context.commit('addNotifications', [{ message: "Usuário sem permissão para adicionar!" }])