From 415f8bb437293cb8a83f6e556389d86c3e1af5ae Mon Sep 17 00:00:00 2001
From: Jack Goh <jackgoh0@gmail.com>
Date: Thu, 14 Jun 2018 17:25:54 +0800
Subject: [PATCH] updated dynamic progress status

---
 resources/assets/js/components/ProgressTrack.vue    | 13 +++++++++++--
 .../assets/js/pages/bookings/uploadUserBankSlip.vue |  3 ++-
 resources/assets/js/pages/home.vue                  |  2 +-
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/resources/assets/js/components/ProgressTrack.vue b/resources/assets/js/components/ProgressTrack.vue
index 0c134e07..4e41ac5c 100644
--- a/resources/assets/js/components/ProgressTrack.vue
+++ b/resources/assets/js/components/ProgressTrack.vue
@@ -1,6 +1,6 @@
 <template>
     <el-row>
-        <el-steps :active="1" alignCenter="true" process-status="wait" finish-status="success">
+        <el-steps v-bind:value="value" :active="value" alignCenter="true" process-status="wait" finish-status="success">
             <el-step title="Booking"></el-step>
             <el-step title="Wating Payment"></el-step>
             <el-step title="Order Confirmation"></el-step>
@@ -34,4 +34,13 @@
     .el-step .is-success .el-step__line {
         background-color: #67c23a;
     } */
-</style>
\ No newline at end of file
+</style>
+
+<script>
+export default {
+  props: ['value'],
+  data: () => ({
+    status: 1
+  })
+}
+</script>
\ No newline at end of file
diff --git a/resources/assets/js/pages/bookings/uploadUserBankSlip.vue b/resources/assets/js/pages/bookings/uploadUserBankSlip.vue
index a23394d5..7b8f829b 100644
--- a/resources/assets/js/pages/bookings/uploadUserBankSlip.vue
+++ b/resources/assets/js/pages/bookings/uploadUserBankSlip.vue
@@ -1,6 +1,6 @@
 <template>
   <el-main>
-    <progress-track></progress-track>
+    <progress-track v-model="status"></progress-track>
 
     <div align="center">
       <h4 style="margin-top:5%;">Waiting For Payment</h4>
@@ -73,6 +73,7 @@
     },
     data() {
       return {
+        status: 2,
         start: false,
         dialogImageUrl: '',
         dialogVisible: false,
diff --git a/resources/assets/js/pages/home.vue b/resources/assets/js/pages/home.vue
index 9a4c6c1c..48adaf05 100644
--- a/resources/assets/js/pages/home.vue
+++ b/resources/assets/js/pages/home.vue
@@ -453,7 +453,7 @@
 
         // TODO : Get booking status from server 
         this.status = 1
-
+        
         switch (this.status) {
           case 1:
             this.$router.push({