@nixweb/nixloc-ui 0.0.297 → 0.0.299

package/package.json

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

package/src/component/forms/IncrementDecrement.vue

@@ -6,7 +6,7 @@
     <div class="wrapper">
       <span :class="{ disabled: disabled }" class="minus" @click="decrement">-</span>
       <span :class="{ disabled: disabled }" class="num" @click="showEdit = true" v-if="!showEdit">{{ number }}</span>
-      <input v-if="showEdit" class="input" type="number" @keyup.enter.prevent="showEdit = false" :disabled="disabled"
+      <input v-if="showEdit" class="input" type="number" @keyup.enter.prevent="enter" :disabled="disabled"
         v-model="number" />
       <span v-if="showEdit" :class="{ disabled: disabled }" @click="showEdit = false">
         <i class="fa-solid fa-check"></i>
@@ -31,6 +31,7 @@ export default {
     "triggerEvent",
     "min",
     "max",
+    "changed"
   ],
   data() {
     return {
@@ -56,11 +57,17 @@ export default {
         this.executeFilter();
       }
     },
+    enter(){
+      this.showEdit = false;
+      if (this.changed) this.changed();
+    },
     executeFilter() {
       if (this.fieldTarget) {
         let obj = { fieldTarget: this.fieldTarget, value: this.number };
         this.addFilter(obj);
       }
+
+      if (this.changed) this.changed();
     },
   },
   watch: {

package/src/component/forms/InputPassword.vue

@@ -6,20 +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>
       <slot v-else></slot>
-      <input
-        type="password"
-        :placeholder="titlePlaceholder"
-        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="password" :disabled="disabled" :placeholder="titlePlaceholder" 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">
@@ -42,6 +33,7 @@ export default {
     "field",
     "titleColor",
     "placeholder",
+    "disabled",
     "mask",
     "formName",
     "required",
@@ -144,6 +136,7 @@ input::placeholder {
   color: #94aa2a;
   font-size: 14px;
 }
+
 .invalid {
   color: #f0134d;
   font-size: 14px;

package/src/component/shared/TableItem.vue

@@ -43,28 +43,37 @@
       :class="convertClass(row[obj.fieldComparison], obj.classCssBody)">
       <TableButton v-if="obj.ifFieldEqual == row[obj.field]" :obj="obj" :row="row" />
     </div>
-    <div v-if="obj.type === 'link'" class="link" :style="obj.styleBody"
+    <div v-if="obj.type === 'link'" :style="obj.styleBody"
       :class="convertClass(row[obj.fieldComparison], obj.classCssBody)" @click="navegateTo(obj, row)">
-      <span> {{ row[obj.field] }}</span>
-      <div class="field-second">{{ row[obj.fieldSecond] }}</div>
+      <div class="div-progress" v-if="idSelected == row.id">
+        <ProgressBar bgColor="orange" bColor="#CCCCCC" size="4" :value="loadingProgress" :max="100" />
+      </div>
+      <div class="link" v-else>
+        <span> {{ row[obj.field] }}</span>
+        <div class="field-second">{{ row[obj.fieldSecond] }}</div>
+      </div>
     </div>
   </div>
 </template>
 <script>
 import TableButton from "@nixweb/nixloc-ui/src/component/shared/TableButton.vue";
 import DisplayPeriodRent from "@nixweb/nixloc-ui/src/component/rental/DisplayPeriodRent";
+import ProgressBar from "@nixweb/nixloc-ui/src/component/shared/ProgressBar";
 
 import { mapMutations } from "vuex";
 
 export default {
   name: "TableItem",
-  components: { TableButton, DisplayPeriodRent },
+  components: { TableButton, DisplayPeriodRent, ProgressBar },
   props: {
     obj: Object,
     row: Object,
   },
   data() {
-    return {};
+    return {
+      idSelected: "",
+      loadingProgress: 0,
+    };
   },
   computed: {
     urlImage() {
@@ -94,17 +103,43 @@ export default {
       return eval(conditionVisibility);
     },
     navegateTo(obj, row) {
-      if (obj.routeName) {
-        this.$router.push({
-          name: obj.routeName,
-          params: { id: row.id, type: row.type },
-        });
-      } else {
-        this.addEvent({
-          name: obj.eventName,
-          data: row,
-        });
-      }
+      this.idSelected = row.id;
+      this.startLoading(obj, row);
+    },
+    startLoading(obj, row) {
+      let self = this;
+      const interval = setInterval(() => {
+        if (self.loadingProgress < 100) {
+          self.loadingProgress += 10;
+        } else {
+          clearInterval(interval);
+        }
+      }, 50);
+    }
+  },
+  watch: {
+    loadingProgress: {
+      handler(loadingProgress) {
+        if (loadingProgress == 100) {
+          if (this.obj.routeName) {
+            this.$router.push({
+              name: this.obj.routeName,
+              params: { id: this.row.id, type: this.row.type },
+            });
+          } else {
+            this.addEvent({
+              name: this.obj.eventName,
+              data: this.row,
+            });
+
+            let self = this;
+            setTimeout(function () {
+              self.idSelected = "";
+            }, 200);
+          }
+        }
+      },
+      deep: true,
     },
   },
 };
@@ -172,5 +207,8 @@ export default {
   cursor: pointer;
 }
 
-
+.div-progress {
+  margin-top: 11px;
+  width: 200px;
+}
 </style>

package/src/component/shared/TimeLine.vue

@@ -3,13 +3,8 @@
     <Loading :center="false" v-if="loading" />
     <div v-else>
       <ScrollBar :minHeight="200" :maxHeight="300">
-        <Timeline
-          dateLocale="pt-BR"
-          order="desc"
-          :uniqueTimeline="true"
-          :timeline-items="timelineItems"
-          message-when-no-items="Nenhum registro encontrado!"
-        />
+        <Timeline dateLocale="pt-BR" order="desc" :uniqueTimeline="true" :timeline-items="timelineItems"
+          message-when-no-items="Nenhum registro encontrado!" />
       </ScrollBar>
     </div>
   </div>

package/src/component/shared/file-manager/FileManager.vue

@@ -53,7 +53,7 @@
                             </div>
                         </div>
                     </div>
-                    <div v-if="attachments.length == 0">
+                    <div class="title" v-if="attachments.length == 0">
                         Nenhum arquivo adicionado!
                     </div>
                 </b-col>
@@ -380,7 +380,7 @@ export default {
     color: green;
 }
 
-.title {
+.title-file {
     font-size: 18px;
     margin-bottom: 20px;
 }