@nixweb/nixloc-ui 0.0.298 → 0.0.299

package/package.json

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

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;
 }