updated dynamic progress status

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>
+</style>
+
+<script>
+export default {
+  props: ['value'],
+  data: () => ({
+    status: 1
+  })
+}
+</script>

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,

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({