@nixweb/nixloc-ui 0.0.181 → 0.0.182

package/package.json

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

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>