@nixweb/nixloc-ui 0.0.181 → 0.0.183

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.181",
+  "version": "0.0.183",
   "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/template/ViewTemplateReportPreview.vue

@@ -6,9 +6,12 @@
         <br />
         <Loading type="line" :center="false" v-show="loadingSearch" />
         <div v-show="!showFilter">
-          <div class="div-progress" v-if="liveTotalRecords != baseParams.totalRecords && !loadingSearch">
-            <ProgressBar :text="`Carregando ${liveTotalRecords} registro(s) de ${baseParams.totalRecords}`"
+          <div class="div-progress" v-if="liveTotalRecords != baseParams.totalRecords && !loadingSearch && !cancel">
+            <ProgressBar :text="`Carregando ${liveTotalRecords} registros de ${baseParams.totalRecords}`"
               :value="liveTotalRecords" :max="baseParams.totalRecords" size="medium" />
+            <div class="text-center cancel" @click="stop">
+              <i class="fa-solid fa-ban"></i> Cancelar
+            </div>
           </div>
           <Molded>
             <b-row>
@@ -125,7 +128,7 @@ export default {
       },
       baseParams: {
         currentPage: 0,
-        totalPerPage: 50,
+        totalPerPage: 100,
         totalPage: 0,
         totalRecords: 0,
       },
@@ -140,6 +143,7 @@ export default {
       isLoading: false,
       showBodyReport: false,
       showFilter: false,
+      cancel: false,
     };
   },
   mounted() {
@@ -184,6 +188,7 @@ export default {
     getAll() {
       this.btnSearchDisabled = true;
       this.loadingSearch = true;
+      this.cancel = false;
 
       if (this.rulesIsValid) {
         this.getTotalRecords();
@@ -284,6 +289,12 @@ export default {
         self.removeLoading(["panel"]);
       }, 350);
     },
+    stop() {
+      this.cancel = true;
+      this.btnSearchDisabled = false;
+      this.btnSaveDisabled = false;
+      this.isLoading = false;
+    }
   },
   computed: {
     ...mapGetters("generic", ["showModal", "event"]),
@@ -322,12 +333,10 @@ export default {
     },
     "content.totalPages": {
       handler(totalPages) {
-        if (totalPages.length > 0) {
-          console.log("Total Pages...");
+        if (totalPages.length > 0 && !this.cancel) {
           let self = this;
           setTimeout(function () {
             self.getAllManyPages();
-            console.log("Get All Many Pages...");
           }, 1000);
         }
         if (totalPages.length == 1) this.isLoading = false;
@@ -406,4 +415,9 @@ export default {
 .body-report {
   margin-top: 30px;
 }
+
+.cancel {
+  color: red;
+  cursor: pointer;
+}
 </style>

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');