Socket fix on list page

Author: Faizan Saiyed

client/src/components/SchemaView.vue

@@ -234,7 +234,8 @@ export default {
       sendDataEmail: null,
       loadingEmail: true,
       currentSchema: null,
-      dataLoading: true
+      dataLoading: true,
+      entriesTotal: 10
     }
   },
   components: {
@@ -289,11 +290,13 @@ export default {
     pagination (skip, limit, page) {
       this.skip = skip
       this.limit = limit
+      this.entriesTotal = limit
       this.pageno = page
       this.populateTables()
     },
     handlepage (skip, limit, size) {
       this.limit = size
+      this.entriesTotal = size
       this.skip = 0
       this.populateTables()
     },
@@ -917,7 +920,8 @@ export default {
         $skip: this.skip,
         $limit: this.limit
       }).then(queryresp => {
-        // console.log('queryresp: ', queryresp)
+        console.log('queryresp: ', queryresp)
+        // this.entriesTotal = queryresp.data.data.length
         this.isFlowzLoaded = true
         this.dataTotal = queryresp.data.total
         if (queryresp.data.data.length > 0) {
@@ -992,8 +996,10 @@ export default {
   feathers: {
     'finstance': {
       created (data) {
+        console.log('Data: ', data)
       },
       updated (data) {
+        console.log('Schema view Data: ', data)
         if (this.$store.state.role === 1) {
           if (data.currentStatus === this.$route.params.stateid) {
             // // data = data.data
@@ -1018,7 +1024,29 @@ export default {
             //     console.log('err: ', err)
             //   })
             // }, 2000)
-            this.init()
+            // console.log('Length: ', this.instanceEntries.length)
+            console.log('instanceEntries: ', this.instanceEntries.length, this.entriesTotal)
+            if (this.instanceEntries.length < this.entriesTotal) {
+              console.log('Ready to push: ', this.instanceEntries.length)
+              // push to table
+              let instanceObj = data
+              // console.log('instanceObj: ', instanceObj)
+              let lastEntryId = data.stageReference[data.stageReference.length - 1].stageRecordId
+              console.log('lastEntryId: ', lastEntryId)
+              if (lastEntryId !== undefined) {
+                flowzdataModal.get(lastEntryId).then(res => {
+                  console.log('Response fdata: ', res)
+                  instanceObj['data'] = res.data.data
+                  instanceObj['iid'] = data.id
+                  this.instanceEntries.push(instanceObj)
+                  this.dataData.push(instanceObj)
+                  console.log('Pushed data: ', this.instanceEntries, this.dataData)
+                })
+              }
+            } else {
+              // don't do anything
+            }
+            // this.init()
           } else if (this.$route.params.stateid === data.stageReference[(data.stageReference.length - 1)].StageName) {
             let inx = _.findIndex(this.instanceEntries, (o) => { return o.id === data.id })
             this.instanceEntries.splice(inx, 1)

client/src/components/cellRender.vue

@@ -30,6 +30,7 @@
 
     <span v-if="item.obj != null && item.isCompletedTask == true" title="Duration" style="display: block;">
       <i class="fa fa-clock-o fa-fw"></i>
+      <!-- <span>{{item.obj.createdAt}} : {{ item.obj.completedAt}}</span> -->
       <small>{{ getDuration(item.obj.createdAt, item.obj.completedAt) }}</small>
     </span>
 
@@ -123,17 +124,21 @@ export default {
       return moment(item).fromNow()
     },
     getDuration (x, y) {
-      if (x) {
-        let x1 = moment(x)
-        let y1 = moment(y)
-        let milliseconds = y1.diff(x1)
-        return this.msToTime(milliseconds)
+      // if (x) {
+      let x1 = moment(x)
+      let y1 = moment(y)
+      let milliseconds = y1.diff(x1)
+      if (milliseconds < 1000) {
+        return ((milliseconds / 1000) + 's')
       } else {
-        let x1 = moment(y)
-        let y1 = moment()
-        let milliseconds = y1.diff(x1)
         return this.msToTime(milliseconds)
       }
+      // } else {
+      //   let x1 = moment(y)
+      //   let y1 = moment()
+      //   let milliseconds = y1.diff(x1)
+      //   return this.msToTime(milliseconds)
+      // }
     },
     msToTime (duration) {
       // let milliseconds = parseInt((duration % 1000) / 100)
@@ -314,15 +319,5 @@ export default {
   border-radius: 50px; 
   width: 20px;
 }
-.ivu-table-cell{
-  padding-left: 0;
-  padding-right: 0;
-}
-</style>
 
-<style>
-  .ivu-table-cell{
-    padding-left: 0;
-    padding-right: 0;
-  }
 </style>

client/src/pages/flow/analytics.vue

@@ -801,10 +801,12 @@ export default {
   .notfirst {
     display: none
   }
-
-
 </style>
 <style>
+  .ivu-table-cell{
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+  }
   .ivu-modal-body{
     max-height: 550px !important;
     overflow-y: auto !important;
@@ -848,11 +850,6 @@ export default {
     padding-left: 10px;
   }
 
-  .ivu-table-cell{
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-  }
-
   .searchQueries{
     margin: 5px 0;
   }

client/src/pages/user/SchemaList.vue

@@ -708,4 +708,6 @@
     overflow: hidden !important;
     text-overflow: ellipsis !important;
   }
+
+
 </style>