@nixweb/nixloc-ui 0.0.170 → 0.0.172

package/package.json

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

package/src/component/forms/CheckboxSimple.vue

@@ -38,6 +38,9 @@ export default {
   methods: {
     ...mapMutations("validation", ["updateFormDirty"]),
   },
+  mounted() {
+    this.valueLocal = this.value;
+  },
   watch: {
     value() {
       this.valueLocal = this.value;

package/src/component/forms/ImageUpload.vue

@@ -233,7 +233,8 @@ export default {
 }
 
 .img-round {
-  border-radius: 50px;
+  border-radius: 100px;
+  margin-left: 15px;
 }
 
 .div-button {

package/src/component/forms/Select.vue

@@ -243,7 +243,7 @@ export default {
       this.hideVodal(this.nameNewRegister);
     },
     cleanSelect() {
-      let obj = { id: "", conteudo: "" };
+      let obj = { id: "", content: "" };
       this.currentValue = obj;
       this.$emit("input", obj);
       this.$refs.multiselect.deactivate();
@@ -295,7 +295,7 @@ export default {
     resetForm: {
       handler(form) {
         if (form.nome == this.formName) {
-          let obj = { id: "", conteudo: "" };
+          let obj = { id: "", content: "" };
           this.currentValue = obj;
           this.$emit("input", obj);
           this.formDirty = false;

package/src/component/forms/SideBar.vue

@@ -70,10 +70,27 @@ export default {
   border-radius: 15px 15px 0px 0px !important;
   margin-top: 20px !important;
   margin-right: 5% !important;
+  padding-top: 20px !important;
 }
 
 .b-sidebar > .b-sidebar-body {
-  overflow: hidden !important;
+  overflow-y: scroll !important;
+}
+
+.b-sidebar > .b-sidebar-body::-webkit-scrollbar-track {
+  background-color: white;
+  border-radius: 20px;
+}
+
+.b-sidebar > .b-sidebar-body::-webkit-scrollbar {
+  width: 6px;
+  background-color: #b9babb;
+  border-radius: 20px;
+}
+
+.b-sidebar > .b-sidebar-body::-webkit-scrollbar-thumb {
+  background-color: #b9babb;
+  border-radius: 20px;
 }
 
 .title-side-bar {

package/src/component/layout/ScrollBar.vue

@@ -2,9 +2,13 @@
   <div
     :id="id"
     class="scrollbar"
-    :style="'max-height:' + maxHeight + 'px' + ';' + 'min-height:' + minHeight + 'px'"
+    :style="
+      'max-height:' + maxHeight + 'px' + ';' + 'min-height:' + minHeight + 'px'
+    "
   >
-    <slot></slot>
+    <div id="scroll-bar">
+      <slot></slot>
+    </div>
   </div>
 </template>
 
@@ -23,7 +27,7 @@ export default {
     const listElm = document.querySelector("#" + this.id);
     if (listElm != null)
       listElm.addEventListener("scroll", (e) => {
-        if (listElm.scrollTop + listElm.clientHeight >= listElm.scrollHeight) {  
+        if (listElm.scrollTop + listElm.clientHeight >= listElm.scrollHeight) {
           if (this.endScrollBar) this.endScrollBar();
         }
       });
@@ -39,5 +43,4 @@ div {
   overflow-y: visible;
   overflow-x: hidden;
 }
-
 </style>

package/src/component/template/ViewTemplateReportPreview.vue

@@ -9,6 +9,7 @@
     >
       <div slot="content-main">
         <br />
+        <Loading type="line" :center="false" v-show="loadingSearch" />
         <div v-show="!showFilter">
           <div
             class="div-progress"
@@ -153,6 +154,7 @@ import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
 import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
 import Tags from "@nixweb/nixloc-ui/src/component/shared/query-builder/Tags.vue";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
 import Report from "../shared/Report.vue";
 
 import ReportCreateUpdate from "@nixweb/nixloc-ui/src/component/template/ReportCreateUpdate.vue";
@@ -176,6 +178,7 @@ export default {
     Modal,
     Alert,
     Tags,
+    Loading,
     Report,
     ReportCreateUpdate,
     Fields,
@@ -194,7 +197,7 @@ export default {
       },
       baseParams: {
         currentPage: 0,
-        totalPerPage: 50,
+        totalPerPage: 100,
         totalPage: 0,
         totalRecords: 0,
       },
@@ -204,6 +207,7 @@ export default {
         width: 0,
       },
       btnSearchDisabled: false,
+      loadingSearch: false,
       btnSaveDisabled: true,
       isLoading: false,
       showBodyReport: false,
@@ -251,6 +255,7 @@ export default {
     },
     getAll() {
       this.btnSearchDisabled = true;
+      this.loadingSearch = true;
 
       if (this.rulesIsValid) {
         this.getTotalRecords();
@@ -263,10 +268,11 @@ export default {
     getTotalRecords() {
       let paramsQuery = { url: this.urlQuery };
       this.resetData();
-
       this.getApiOdata(paramsQuery).then((response) => {
         this.isLoading = true;
         let totalRecords = response["@odata.count"];
+        this.loadingSearch = false;
+
         if (totalRecords == 0) this.noDataReturned = true;
 
         this.baseParams.totalRecords = totalRecords;
@@ -373,7 +379,7 @@ export default {
         : "$apply=";
       let baseUrl = `${
         this.templateList.urlGetApi
-      }?${query}aggregate(${this.oDataFilter.totalization.replace(",", "")})`;
+      }?${query}aggregate(${this.oDataFilter.totalization.replace(",", "")})/$count`;
       return baseUrl;
     },
     liveTotalRecords() {
@@ -390,9 +396,11 @@ export default {
     "content.totalPages": {
       handler(totalPages) {
         if (totalPages.length > 0) {
+          console.log("Total Pages...");
           let self = this;
           setTimeout(function () {
             self.getAllManyPages();
+            console.log("Get All Many Pages...");
           }, 1000);
         }
         if (totalPages.length == 1) this.isLoading = false;

package/src/store/modules/user.js

@@ -49,6 +49,11 @@ export default {
         updateParameterStock: (state, parameterStock) => {
             state.userLogged.parameterStock = parameterStock;
         },
+        updateParameterDangerZone: (state, parameterDangerZone) => {
+            state.userLogged.parameterStock.calculateByFullPeriod = parameterDangerZone.calculateByFullPeriod;
+            state.userLogged.parameterStock.displayPeriod = parameterDangerZone.displayPeriod;
+            state.userLogged.parameterStock.manageByPatrimony = parameterDangerZone.manageByPatrimony;
+        },
         updateToken: (state, token) => {
             state.userLogged.token = token;
         }