@nixweb/nixloc-ui 0.0.180 → 0.0.182

package/package.json

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

package/src/component/forms/InputDecimal.vue

@@ -6,26 +6,13 @@
       <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>
-      <vue-numeric
-        :style="_style"
-        class="form-control"
-        v-on:keyup.enter.native="pressedEnter"
-        :class="{ 'is-invalid': notifications.length > 0 && formDirty }"
-        :placeholder="placeholder"
-        :disabled="disabled"
-        currency="R$"
-        separator="."
-        :minus="allowNegative"
-        v-bind:precision="2"
-        v-model="valueLocal"
-      ></vue-numeric>
+      <vue-numeric :style="_style" class="form-control" v-on:keyup.enter.native="pressedEnter"
+        :class="{ 'is-invalid': notifications.length > 0 && formDirty }" :placeholder="placeholder" :disabled="disabled"
+        currency="R$" separator="." :minus="allowNegative" v-bind:precision="2" v-model="valueLocal"></vue-numeric>
     </div>
 
     <div v-if="formDirty">
@@ -147,14 +134,17 @@ export default {
   color: #0a0a0a;
   letter-spacing: 0.5px !important;
 }
+
 .success {
   color: #94aa2a;
   font-size: 14px;
 }
+
 .invalid {
   color: #f0134d;
   font-size: 14px;
 }
+
 .margin-button {
   margin-top: -2px;
 }

package/src/component/forms/InputDecimalDiscount.vue

@@ -1,47 +1,17 @@
 <template>
   <div>
-    <InputDecimal
-      v-if="!discount.discountByPercentage"
-      :title="title"
-      field="discount"
-      :required="required"
-      :formName="formName"
-      _style="color:red;"
-      :disabled="disabled"
-      v-model="discount.discount"
-    >
+    <InputDecimal v-if="!discount.discountByPercentage" :title="title" field="discount" :required="required"
+      :formName="formName" _style="color:red;" :disabled="disabled" v-model="discount.discount">
       <div class="glyphicon margin-button">
-        <Button
-          _key="btnDiscount"
-          title=""
-          type="primary"
-          classIcon="fa-solid fa-brazilian-real-sign"
-          size="small"
-          :disabled="disabled"
-          :clicked="change"
-        /></div
-    ></InputDecimal>
-    <InputNumber
-      v-if="discount.discountByPercentage"
-      :title="title"
-      field="discount"
-      :formName="formName"
-      :required="false"
-      :disabled="disabled"
-      _style="color:red;"
-      :maxLength="5"
-      type="float"
-      v-model="discount.discount"
-      ><div class="glyphicon margin-button">
-        <Button
-          _key="btnDiscount"
-          title=""
-          type="primary"
-          :disabled="disabled"
-          classIcon="fa-solid fa-percent"
-          size="small"
-          :clicked="change"
-        />
+        <Button _key="btnDiscount" title="" type="primary" classIcon="fa-solid fa-brazilian-real-sign" size="small"
+          :disabled="disabled" :clicked="change" />
+      </div>
+    </InputDecimal>
+    <InputNumber v-if="discount.discountByPercentage" :title="title" field="discount" :formName="formName"
+      :required="false" :disabled="disabled" _style="color:red;" :maxLength="5" type="float" v-model="discount.discount">
+      <div class="glyphicon margin-button">
+        <Button _key="btnDiscount" title="" type="primary" :disabled="disabled" classIcon="fa-solid fa-percent"
+          size="small" :clicked="change" />
       </div>
     </InputNumber>
   </div>
@@ -68,6 +38,12 @@ export default {
       discount: { discountByPercentage: false, discount: 0 },
     };
   },
+  mounted() {
+    let self = this;
+    setTimeout(function () {
+      self.discount = self.value;
+    }, 100);
+  },
   methods: {
     ...mapMutations("generic", ["removeLoading"]),
     change() {

package/src/component/forms/RadioGroup.vue

@@ -28,6 +28,7 @@ export default {
       type: Boolean,
       default: true,
     },
+    changed: Function,
     value: Number,
   },
   data() {

package/src/component/layout/Menu.vue

@@ -10,22 +10,12 @@
         <div class="text-center">
           <img class="photo" :src="urlPhoto" />
         </div>
-        <div
-          class="box-main"
-          v-for="(item, index) in menuFilter(true)"
-          :key="index"
-        >
-          <a
-            href="#"
-            @click.prevent="openSubMenu(item.module)"
-            :class="highlightSession(item.module)"
-          >
-            <div
-              :class="{
-                'icon-active': menuActive == item.module,
-                'icon-normal': menuActive != item.module,
-              }"
-            >
+        <div class="box-main" v-for="(item, index) in menuFilter(true)" :key="index">
+          <a href="#" @click.prevent="openSubMenu(item.module)" :class="highlightSession(item.module)">
+            <div :class="{
+              'icon-active': menuActive == item.module,
+              'icon-normal': menuActive != item.module,
+            }">
               <b-row>
                 <b-col sm="12">
                   <div class="box-icon text-center">
@@ -61,29 +51,15 @@
             <li v-for="(item, index) in subMenuFilter(false)" :key="index">
               <h5 v-if="item.type === 'group'" class="context-menu__title">
                 <span class="sub-title"> {{ item.groupName }}</span>
-                <span
-                  v-if="index === 0"
-                  @click.prevent="hideSubMenu"
-                  class="context-menu__btn-close icon-close"
-                  href="#"
-                >
+                <span v-if="index === 0" @click.prevent="hideSubMenu" class="context-menu__btn-close icon-close" href="#">
                   <i class="fas fa-times-circle"></i>
                 </span>
               </h5>
 
-              <a
-                v-else
-                href="#"
-                @click.prevent="navegateTo(item)"
-                :class="classSubMenu(item.title)"
-              >
+              <a v-else href="#" @click.prevent="navegateTo(item)" :class="classSubMenu(item.title)">
                 <b-row>
                   <b-col sm="1">
-                    <i
-                      class="menu-icon"
-                      :style="'color:' + item.iconColor"
-                      :class="item.icon"
-                    ></i>
+                    <i class="menu-icon" :style="'color:' + item.iconColor" :class="item.icon"></i>
                   </b-col>
                   <b-col sm="10">
                     <span class="title-sub"> {{ item.title }}</span>
@@ -158,15 +134,27 @@ export default {
     subMenuFilter(isModule) {
       let filter = [];
       let self = this;
+      let userLogged = this.userLogged.user.userName;
       this.menu.items.forEach(function (obj) {
-        if (obj.isModule == isModule && obj.module === self.module)
-          filter.push(obj);
+
+
+        if (obj.isModule == isModule && obj.module === self.module) {
+          if (obj.isVisible == "all")
+            filter.push(obj);
+
+          if (obj.isVisible == "support" && userLogged == "UserTemp")
+            filter.push(obj);
+        }
+
+        console.log(obj.isVisible);
+        console.log(userLogged);
+
       });
       return filter;
     },
   },
   computed: {
-    ...mapState("user", ["menu"]),
+    ...mapState("user", ["menu", "userLogged"]),
   },
   watch: {
     $route: {
@@ -184,6 +172,7 @@ export default {
   width: 350px;
   z-index: 1000;
 }
+
 .div-logo {
   padding-top: 12px;
   padding-left: 10px;

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>
@@ -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>