@nixweb/nixloc-ui 0.0.182 → 0.0.184

package/package.json

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

package/src/component/forms/InputNumber.vue

@@ -6,19 +6,10 @@
       <Tip :field="field" :formName="formName" />
     </label>
     <div class="inner-addon right-addon">
-      <i
-        v-if="notifications.length > 0 && formDirty"
-        class="required glyphicon fas fa-exclamation-triangle"
-      ></i>
+      <i v-if="notifications.length > 0 && formDirty" class="required glyphicon fas fa-exclamation-triangle"></i>
       <slot v-else></slot>
-      <input
-        :style="_style"
-        class="form-control"
-        type="number"
-        :disabled="disabled"
-        v-model="valueLocal"
-        @keyup.enter.prevent="pressedEnter"
-      />
+      <input :style="_style" class="form-control" type="number" :disabled="disabled" v-model="valueLocal"
+        @keyup.enter.prevent="pressedEnter" />
     </div>
 
     <div v-if="formDirty">
@@ -157,10 +148,12 @@ export default {
   color: #94aa2a;
   font-size: 14px;
 }
+
 .invalid {
   color: #f0134d;
   font-size: 14px;
 }
+
 .margin-button {
   margin-top: -2px;
 }

package/src/component/forms/InputText.vue

@@ -7,27 +7,14 @@
       <Tip :field="field" :formName="formName" />
     </label>
     <div class="inner-addon right-addon">
-      <div
-        class="required glyphicon"
-        v-if="notifications.length > 0 && formDirty"
-      >
+      <div class="required glyphicon" v-if="notifications.length > 0 && formDirty">
         <i class="fas fa-exclamation-triangle"></i>
       </div>
       <slot v-else></slot>
-      <input
-        type="text"
-        :style="_style"
-        :placeholder="titlePlaceholder"
-        :disabled="disabled"
-        @keyup.enter.prevent="pressedEnter"
-        @keyup="cleanedField"
-        @blur="outField"
-        v-mask="mask || withoutMask"
-        v-bind:value="value"
-        v-on:input="$emit('input', $event.target.value)"
-        class="form-control"
-        :class="{ required: notifications.length > 0 && formDirty }"
-      />
+      <input type="text" :style="_style" :placeholder="titlePlaceholder" :disabled="disabled"
+        @keyup.enter.prevent="pressedEnter" @keyup="cleanedField" @blur="outField" v-mask="mask || withoutMask"
+        v-bind:value="value" v-on:input="$emit('input', $event.target.value)" class="form-control"
+        :class="{ required: notifications.length > 0 && formDirty }" />
     </div>
     <div v-if="formDirty">
       <div v-for="message in notifications" :key="message">
@@ -175,6 +162,7 @@ input::placeholder {
   color: #94aa2a;
   font-size: 14px;
 }
+
 .invalid {
   color: #f0134d;
   font-size: 14px;

package/src/component/forms/TextArea.vue

@@ -6,19 +6,11 @@
       <Tip :field="field" :formName="formName" />
     </label>
     <div class="inner-addon right-addon">
-      <i
-        v-if="notifications.length > 0 && formDirty"
-        class="required glyphicon fas fa-exclamation-triangle"
-      ></i>
+      <i v-if="notifications.length > 0 && formDirty" class="required glyphicon fas fa-exclamation-triangle"></i>
 
-      <textarea
-        type="text"
-        :placeholder="placeholder"
-        v-bind:value="value"
-        v-on:input="$emit('input', $event.target.value)"
-        class="form-control"
-        :class="{ 'is-invalid': notifications.length > 0 && formDirty }"
-      ></textarea>
+      <textarea :disabled="disabled" rows="4" cols="50" type="text" :placeholder="placeholder" v-bind:value="value"
+        v-on:input="$emit('input', $event.target.value)" :class="{ 'is-invalid': notifications.length > 0 && formDirty }">
+      </textarea>
     </div>
 
     <div v-if="formDirty">
@@ -40,6 +32,7 @@ export default {
     title: String,
     field: String,
     placeholder: String,
+    disabled: Boolean,
     formName: String,
     required: Boolean,
     maxLength: Number,
@@ -115,10 +108,28 @@ export default {
 </script>
 
 <style scoped>
+textarea {
+  width: 100%;
+  border: 1px #DBDEE0 solid;
+  border-radius: 5px;
+  color: #35495E;
+  padding-left: 10px;
+  padding-right: 10px;
+  font-weight: normal !important;
+  font-size: 14px;
+}
+
+textarea:disabled{
+  background-color: white !important;
+  opacity: 0.5;
+}
+
+
 .success {
   color: #94aa2a;
   font-size: 14px;
 }
+
 .invalid {
   color: #f0134d;
   font-size: 14px;

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

@@ -2,91 +2,43 @@
   <div>
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <RadioGroup
-          field="typePerson"
-          :formName="formName"
-          v-show="showTypePerson"
-          :options="[
-            { text: 'Física', value: 1 },
-            { text: 'Jurídica', value: 2 },
-          ]"
-          v-model="person.typePerson"
-          :markFormDirty="markFormDirty"
-        />
+        <RadioGroup field="typePerson" :formName="formName" v-show="showTypePerson" :options="[
+          { text: 'Física', value: 1 },
+          { text: 'Jurídica', value: 2 },
+        ]" 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="person.typePerson == 2 ? 'CNPJ' : 'CPF'"
-          field="document"
-          :formName="formName"
-          :mask="
-            person.typePerson == 2 ? ['##.###.###/####-##'] : ['###.###.###-##']
-          "
-          :maxLength="30"
-          :required="required"
-          v-model="person.document"
-          :markFormDirty="markFormDirty"
-          ><div class="glyphicon margin-button">
-            <Button
-              v-if="person.typePerson == 2"
-              _key="searchDocumentFederalRecipe"
-              type="success"
-              classIcon="fas fa-search"
-              :disabled="person.document.length < 18"
-              size="small"
-              :clicked="searchDocumentFederalRecipe"
-            /></div
-        ></InputText>
+        <InputText :title="person.typePerson == 2 ? 'CNPJ' : 'CPF'" field="document" :formName="formName" :mask="person.typePerson == 2 ? ['##.###.###/####-##'] : ['###.###.###-##']
+          " :maxLength="30" :required="required" v-model="person.document" :markFormDirty="markFormDirty">
+          <div class="glyphicon margin-button">
+            <Button v-if="person.typePerson == 2" _key="searchDocumentFederalRecipe" type="success"
+              classIcon="fas fa-search" :disabled="person.document.length < 18" size="small"
+              :clicked="searchDocumentFederalRecipe" />
+          </div>
+        </InputText>
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <InputText
-          :title="person.typePerson == 2 ? 'Inscrição Estadual' : 'RG'"
-          field="stateInscription"
-          :formName="formName"
-          :maxLength="50"
-          :required="required"
-          v-model="person.stateInscription"
-          :markFormDirty="markFormDirty"
-        />
+        <InputText :title="person.typePerson == 2 ? 'Inscrição Estadual' : 'RG'" field="stateInscription"
+          :formName="formName" :maxLength="50" :required="required" v-model="person.stateInscription"
+          :markFormDirty="markFormDirty" />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <InputText
-          v-if="person.typePerson == 2"
-          title="Inscrição Municipal"
-          field="municipalInscription"
-          :formName="formName"
-          :maxLength="50"
-          :required="false"
-          v-model="person.municipalInscription"
-          :markFormDirty="markFormDirty"
-        />
+        <InputText v-if="person.typePerson == 2" title="Inscrição Municipal" field="municipalInscription"
+          :formName="formName" :maxLength="50" :required="false" v-model="person.municipalInscription"
+          :markFormDirty="markFormDirty" />
       </b-col>
     </b-row>
     <br v-if="person.typePerson == 2" />
     <b-row>
       <b-col xs="12" sm="12" md="12" lg="8" xl="8">
-        <InputText
-          :title="person.typePerson == 2 ? 'Razão Social' : 'Nome'"
-          field="companyName"
-          :formName="formName"
-          :required="true"
-          :maxLength="100"
-          v-model="person.companyName"
-          :markFormDirty="markFormDirty"
-        />
+        <InputText :title="person.typePerson == 2 ? 'Razão Social' : 'Nome'" field="companyName" :formName="formName"
+          :required="true" :maxLength="100" v-model="person.companyName" :markFormDirty="markFormDirty" />
       </b-col>
       <b-col xs="12" sm="12" md="12" lg="4" xl="4">
-        <InputText
-          :title="person.typePerson == 2 ? 'Fantasia' : 'Apelido'"
-          field="tradeName"
-          :formName="formName"
-          :required="true"
-          :maxLength="100"
-          v-model="person.tradeName"
-          :markFormDirty="markFormDirty"
-        />
+        <InputText :title="person.typePerson == 2 ? 'Fantasia' : 'Apelido'" field="tradeName" :formName="formName"
+          :required="true" :maxLength="100" v-model="person.tradeName" :markFormDirty="markFormDirty" />
       </b-col>
     </b-row>
   </div>
@@ -143,6 +95,7 @@ export default {
           });
           this.person.companyName = response.data.result.nome;
           this.person.tradeName = response.data.result.fantasia;
+          console.log(response.data.result);
         } else {
           this.addNotifications([
             { message: "CNPJ inválido ou não encontrado." },

package/src/store/modules/generic.js

@@ -38,6 +38,7 @@ export default {
         executedSearch: false,
         clearedSearch: false,
         methodExecutedApi: undefined,
+        filterStorage: [],
     },
     getters: {
         tip: (state) => (tipId) => {
@@ -401,6 +402,7 @@ export default {
                 })
         },
         getApi: async function (context, params) {
+
             context.commit('cleanMethodExecutedApi');
             return axios.get(params.url, {
                 params: params.obj,
@@ -550,13 +552,25 @@ export default {
         },
         getFileApi: async function (context, params) {
             context.commit('cleanMethodExecutedApi');
-            return axios.post(params.url, params.obj, {
-                headers: new Token().tokenHeaders(), responseType: "arraybuffer",
+            return axios.get(params.url, {
+                params: params.obj,
+                headers: new Token().tokenHeaders(),
+                responseType: "arraybuffer",
             })
                 .then((response) => {
-                    let blob = new Blob([response.data], { type: "application/pdf" }),
-                        url = window.URL.createObjectURL(blob);
-                    window.open(url);
+
+                    let blob = new Blob([response.data], { type: "application/pdf" });
+                    let url = window.URL.createObjectURL(blob);
+
+                    let downloadLink = document.createElement("a");
+                    downloadLink.href = url;
+                    downloadLink.download = `${params.obj.fileName}.${params.obj.fileType}`;
+
+                    document.body.appendChild(downloadLink);
+                    downloadLink.click();
+
+                    document.body.removeChild(downloadLink);
+
                     context.commit('addMethodExecutedApi', 'getPdfApi');
                     context.commit('removeNotificarions');