From 6f8253d572bb4fd768266043ad5a049bf537ec24 Mon Sep 17 00:00:00 2001
From: vishalkanojiya <vishalkanojiya.13bcamandvi@gmail.com>
Date: Fri, 28 Sep 2018 17:45:10 +0530
Subject: [PATCH 1/4] add socket

---
 client/src/pages/flow/List.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/flow/List.vue b/client/src/pages/flow/List.vue
index 7a43d9e..54e2792 100644
--- a/client/src/pages/flow/List.vue
+++ b/client/src/pages/flow/List.vue
@@ -516,7 +516,8 @@ export default {
             return days + ' Days'
           }
         }
-      ]
+      ],
+      entriesTotal: 10
     }
   },
   mounted () {
@@ -534,6 +535,22 @@ export default {
           console.log(error)
         })
       }
+    },
+    'flowz': {
+      created (data) {
+        if (this.total < this.entriesTotal) {
+          this.flowzList.push(data)
+        } else {
+          this.total = ((this.total) + 1)
+        }
+      },
+      updated (data) {
+        if (this.flowzList < this.entriesTotal) {
+          let inx = _.findIndex(this.flowzList, (o) => { return o.id === data.id })
+          this.flowzList.splice(inx, 1)
+          this.flowzList.push(data)
+        }
+      }
     }
   },
   methods: {

From e2c3e4a94e05c641328431cd9144499210eeec52 Mon Sep 17 00:00:00 2001
From: vishalkanojiya <vishalkanojiya.13bcamandvi@gmail.com>
Date: Mon, 1 Oct 2018 12:19:13 +0530
Subject: [PATCH 2/4] add socket

---
 client/src/pages/flow/List.vue | 103 ++++++++++++++++++---------------
 1 file changed, 55 insertions(+), 48 deletions(-)

diff --git a/client/src/pages/flow/List.vue b/client/src/pages/flow/List.vue
index 54e2792..e34da6f 100644
--- a/client/src/pages/flow/List.vue
+++ b/client/src/pages/flow/List.vue
@@ -34,6 +34,10 @@
                                     <template v-for="(field,fieldNumber) in fields[moduleName]">
                                         <td v-if="fieldNumber ==0" style="padding:10px;font-weight:bold;border-right: 3px solid #cdd0d4;">
                                             {{selectedFlowObject.processList[titleCase(item.service)].name}}
+                                            <!-- {{item.service}}
+                                            <br>
+                                            <br>
+                                            {{selectedFlowObject.processList[titleCase(item.service)]}} -->
                                         </td>
                                         <td v-else>
                                             <table class="table-bordered" style="width:100%">
@@ -162,7 +166,7 @@
 <script>
 import flowz from '@/api/flowz'
 import _ from 'lodash'
-// import finstanceModal from '@/api/finstance'
+import finstanceModal from '@/api/finstance'
 import axios from 'axios'
 import viewSVG from './viewSVG'
 import psl from 'psl'
@@ -180,7 +184,7 @@ import moment from 'moment'
 export default {
   name: 'Flowz',
   components: {
-    viewSVG: (resolve) => { require(['./viewSVG'], resolve) },
+    'viewSVG': (resolve) => { require(['./viewSVG'], resolve) },
     expandRow2: (resolve) => { require(['./assigned_invite_table-expand.vue'], resolve) },
     subscription: (resolve) => { require(['@/components/subscription'], resolve) }
   },
@@ -244,32 +248,32 @@ export default {
           align: 'center',
           render: (h, params) => {
             return h('div', [
-              // h('Button', {
-              //   props: {
-              //     type: 'text',
-              //     size: 'large',
-              //     icon: 'arrow-right-b'
-              //   },
-              //   domProps: {
-              //     title: 'Start Instance'
-              //   },
-              //   style: {
-              //     marginRight: '3px',
-              //     padding: '0px',
-              //     fontSize: '20px',
-              //     color: '#2411c5'
-              //   },
-              //   on: {
-              //     click: () => {
-              //       this.createNewInstance(params.row.id)
-              //     }
-              //   }
-              // }, ''),
               h('Button', {
                 props: {
                   type: 'text',
                   size: 'large',
-                  icon: 'key'
+                  icon: 'arrow-right-b'
+                },
+                domProps: {
+                  title: 'Start Instance'
+                },
+                style: {
+                  marginRight: '3px',
+                  padding: '0px',
+                  fontSize: '20px',
+                  color: '#2411c5'
+                },
+                on: {
+                  click: () => {
+                    this.createNewInstance(params.row.id)
+                  }
+                }
+              }, ''),
+              h('Button', {
+                props: {
+                  type: 'text',
+                  size: 'large',
+                  icon: 'settings'
                 },
                 domProps: {
                   title: 'Set Permission'
@@ -313,9 +317,6 @@ export default {
                   size: 'large',
                   icon: 'ios-personadd'
                 },
-                domProps: {
-                  title: 'Invite User'
-                },
                 style: {
                   marginRight: '3px',
                   padding: '0px',
@@ -333,9 +334,6 @@ export default {
                   type: 'text',
                   size: 'large'
                 },
-                domProps: {
-                  title: 'Field Permissions'
-                },
                 style: {
                   marginRight: '3px',
                   padding: '0px',
@@ -549,6 +547,16 @@ export default {
           let inx = _.findIndex(this.flowzList, (o) => { return o.id === data.id })
           this.flowzList.splice(inx, 1)
           this.flowzList.push(data)
+          // console.log()
+        }
+      },
+      removed (data) {
+        // console.log('Removed Data: ', data)
+        if (this.$store.state.role === 1) {
+          // this.$store.state.flowz = []
+          // this.init()
+          let i = _.findIndex(this.flowzList, (o) => { return o.id === data.id })
+          this.flowzList.splice(i, 1)
         }
       }
     }
@@ -726,7 +734,6 @@ export default {
       this.init()
     },
     init () {
-      // var string = '?$skip=' + this.skip + '&$limit=' + this.limit
       this.loading = true
       flowz.get(null, {
         $skip: this.skip,
@@ -739,26 +746,26 @@ export default {
       })
       .catch(error => {
         this.loading = false
-        this.$Notice.error({duration: '3', title: error.message, desc: ''})
+        this.$Notice({duration: '3', title: 'Network Error', desc: ''})
         console.log(error)
       })
     },
-    // createNewInstance (item) {
-    //   this.$Loading.start()
-    //   let fheaders = null
-    //   finstanceModal.post({fid: item.id}, null, fheaders).then(res => {
-    //     this.$Notice.success({title: 'Instance Generated'})
-    //     this.$Loading.finish()
-    //   }).catch(e => {
-    //     this.$Loading.error()
-    //     console.log('error', e.response)
-    //     if (e.response.data.message) {
-    //       this.$Notice.error({title: 'Error', desc: e.response.data.message.toString()})
-    //     } else {
-    //       this.$Notice.error({title: 'Error', desc: 'Instace Not Generated'})
-    //     }
-    //   })
-    // },
+    createNewInstance (item) {
+      this.$Loading.start()
+      let fheaders = null
+      finstanceModal.post({fid: item.id}, null, fheaders).then(res => {
+        this.$Notice.success({title: 'Instance Generated'})
+        this.$Loading.finish()
+      }).catch(e => {
+        this.$Loading.error()
+        console.log('error', e.response)
+        if (e.response.data.message) {
+          this.$Notice.error({title: 'Error', desc: e.response.data.message.toString()})
+        } else {
+          this.$Notice.error({title: 'Error', desc: 'Instace Not Generated'})
+        }
+      })
+    },
     addNewFlow () {
       this.$store.dispatch('removeXMLtoLocalStorage')
       this.$router.push({name: 'flow/new'})

From eba6c51ed80802d4118863663d8dd25a4b4b0ca5 Mon Sep 17 00:00:00 2001
From: vishalkanojiya <vishalkanojiya.13bcamandvi@gmail.com>
Date: Mon, 1 Oct 2018 12:44:32 +0530
Subject: [PATCH 3/4] add socket

---
 client/src/pages/flow/List.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/pages/flow/List.vue b/client/src/pages/flow/List.vue
index e34da6f..e9b9ee1 100644
--- a/client/src/pages/flow/List.vue
+++ b/client/src/pages/flow/List.vue
@@ -515,7 +515,7 @@ export default {
           }
         }
       ],
-      entriesTotal: 10
+      entriesTotal: 0
     }
   },
   mounted () {
@@ -536,18 +536,18 @@ export default {
     },
     'flowz': {
       created (data) {
-        if (this.total < this.entriesTotal) {
+        // console.log(this.limit)
+        if (this.total < this.limit) {
           this.flowzList.push(data)
         } else {
           this.total = ((this.total) + 1)
         }
       },
       updated (data) {
-        if (this.flowzList < this.entriesTotal) {
+        if (this.flowzList < this.limit) {
           let inx = _.findIndex(this.flowzList, (o) => { return o.id === data.id })
           this.flowzList.splice(inx, 1)
           this.flowzList.push(data)
-          // console.log()
         }
       },
       removed (data) {

From f7922397fe6584e744541c28638046a0b0b2a41c Mon Sep 17 00:00:00 2001
From: vishal kanojiya <40787114+vishalkanojiya@users.noreply.github.com>
Date: Mon, 1 Oct 2018 12:48:24 +0530
Subject: [PATCH 4/4] Update List.vue

---
 client/src/pages/flow/List.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/client/src/pages/flow/List.vue b/client/src/pages/flow/List.vue
index e9b9ee1..cfc23e9 100644
--- a/client/src/pages/flow/List.vue
+++ b/client/src/pages/flow/List.vue
@@ -514,8 +514,7 @@ export default {
             return days + ' Days'
           }
         }
-      ],
-      entriesTotal: 0
+      ]
     }
   },
   mounted () {