From ee66f7614f61875a13c7cd63c75d197c6d566ec1 Mon Sep 17 00:00:00 2001
From: Jack Goh <jackgoh0@gmail.com>
Date: Thu, 21 Jun 2018 17:51:47 +0800
Subject: [PATCH] added admin progress track component

---
 .../js/components/AdminProgressTrack.vue      | 47 +++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 resources/assets/js/components/AdminProgressTrack.vue

diff --git a/resources/assets/js/components/AdminProgressTrack.vue b/resources/assets/js/components/AdminProgressTrack.vue
new file mode 100644
index 00000000..e5217e78
--- /dev/null
+++ b/resources/assets/js/components/AdminProgressTrack.vue
@@ -0,0 +1,47 @@
+<template>
+    <el-row>
+        <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="Verification"></el-step>
+            <el-step title="Supplier Booking"></el-step>
+            <el-step title="Supplier Report"></el-step>
+            <el-step title="Upload China Bankslip To Booking"></el-step>
+            <el-step title="Invoice"></el-step>
+            <el-step title="Completed"></el-step>
+        </el-steps>
+    </el-row>
+</template>
+
+
+<style type="text/css">
+    /* .el-row {
+        margin: 20px 0;
+    }
+
+    .el-steps {
+        padding-top: 70px;
+    }
+
+    .el-step .el-step__main {
+        transform: translateY(-70px);
+    }
+    .el-step__title.is-wait {
+        font-size: 10pt;
+    }
+    .el-step__title {
+        line-height: 1.4;
+    }
+
+    .el-step .is-success .el-step__line {
+        background-color: #67c23a;
+    } */
+</style>
+
+<script>
+export default {
+  props: ['value'],
+  data: () => ({
+    status: 1
+  })
+}
+</script>
\ No newline at end of file