From 0d6beb81cfbfe181dc5495da3e56a65dd41fcf7f Mon Sep 17 00:00:00 2001
From: jack <jack@botahead.com>
Date: Sat, 19 May 2018 18:37:48 +0800
Subject: [PATCH] added element ui updated user frontend

---
 package.json                                  |   1 +
 .../lib/theme-chalk/element-icons.ttf         | Bin 0 -> 11040 bytes
 .../lib/theme-chalk/element-icons.woff        | Bin 0 -> 6164 bytes
 public/mix-manifest.json                      |   6 +-
 resources/assets/js/app.js                    |   5 +
 resources/assets/js/pages/home.vue            | 122 ++++++++++++++++--
 resources/views/index.blade.php               |   2 +
 7 files changed, 124 insertions(+), 12 deletions(-)
 create mode 100644 public/fonts/vendor/element-ui/lib/theme-chalk/element-icons.ttf
 create mode 100644 public/fonts/vendor/element-ui/lib/theme-chalk/element-icons.woff

diff --git a/package.json b/package.json
index 23f84404..bb7d8524 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "@fortawesome/vue-fontawesome": "^0.0.22",
     "axios": "^0.18.0",
     "bootstrap": "^4.0.0",
+    "element-ui": "^2.3.9",
     "jquery": "^3.3.1",
     "js-cookie": "^2.2.0",
     "popper.js": "^1.14.1",
diff --git a/public/fonts/vendor/element-ui/lib/theme-chalk/element-icons.ttf b/public/fonts/vendor/element-ui/lib/theme-chalk/element-icons.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..73bc90f4ab73801335269ea9f75cbd79aa388864
GIT binary patch
literal 11040
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

literal 0
HcmV?d00001

diff --git a/public/fonts/vendor/element-ui/lib/theme-chalk/element-icons.woff b/public/fonts/vendor/element-ui/lib/theme-chalk/element-icons.woff
new file mode 100644
index 0000000000000000000000000000000000000000..28da65d498a0cc6cfa587a02640a6e7ca85ad6d6
GIT binary patch
literal 6164
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
M^niCa<;cVTKU1h^ApigX

literal 0
HcmV?d00001

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index a446c42a..774f9597 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,7 +1,7 @@
 {
-    "/js/lang-zh-CN.05f1eac96ac4b1a58972.js": "/js/lang-zh-CN.05f1eac96ac4b1a58972.js",
-    "/js/lang-es.7f2b93b9c03c518567a9.js": "/js/lang-es.7f2b93b9c03c518567a9.js",
-    "/js/lang-en.592895da306250f00312.js": "/js/lang-en.592895da306250f00312.js",
+    "/js/lang-zh-CN.c0da3973e52421a8cfe5.js": "/js/lang-zh-CN.c0da3973e52421a8cfe5.js",
+    "/js/lang-es.f4a1a5b4a30e92527b46.js": "/js/lang-es.f4a1a5b4a30e92527b46.js",
+    "/js/lang-en.0f790217417404ecc662.js": "/js/lang-en.0f790217417404ecc662.js",
     "/js/app.js": "/js/app.js",
     "/css/app.css": "/css/app.css"
 }
\ No newline at end of file
diff --git a/resources/assets/js/app.js b/resources/assets/js/app.js
index 525edb8e..c7bb2bd5 100644
--- a/resources/assets/js/app.js
+++ b/resources/assets/js/app.js
@@ -3,16 +3,21 @@ import store from '~/store'
 import router from '~/router'
 import i18n from '~/plugins/i18n'
 import App from '~/components/App'
+import ElementUI from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css';
+import locale from 'element-ui/lib/locale/lang/en'
 
 import '~/plugins'
 import '~/components'
 
 Vue.config.productionTip = false
 
+Vue.use(ElementUI, { locale })
 /* eslint-disable no-new */
 new Vue({
   i18n,
   store,
   router,
+  el: '#app',
   ...App
 })
diff --git a/resources/assets/js/pages/home.vue b/resources/assets/js/pages/home.vue
index 6f8a26a0..80171cd7 100644
--- a/resources/assets/js/pages/home.vue
+++ b/resources/assets/js/pages/home.vue
@@ -1,15 +1,119 @@
 <template>
-  <card :title="$t('home')">
-    {{ $t('you_are_logged_in') }}
-  </card>
+  <el-main>
+    <div class="row">
+      <div class="col-lg-2 m-auto col-centered">
+        <el-input placeholder="Amount" v-model="input"></el-input>
+      </div>
+      <div class="col-lg-8 m-auto col-centered">
+
+        <el-select v-model="value" placeholder="MYR">
+          <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
+          </el-option>
+        </el-select>
+        <el-button icon="el-icon-search" circle></el-button>
+        <el-select v-model="value2" placeholder="RMB">
+          <el-option v-for="item2 in options2" :key="item2.value2" :label="item2.label2" :value="item2.value2">
+          </el-option>
+        </el-select>
+      </div>
+
+
+
+    </div>
+    <hr>
+    <el-row :gutter="20">
+      <el-table :data="tableData" style="width: 100%">
+        <el-table-column prop="date" label="Date" sortable :filters="[{text: '2016-05-01', value: '2016-05-01'}, {text: '2016-05-02', value: '2016-05-02'}, {text: '2016-05-03', value: '2016-05-03'}, {text: '2016-05-04', value: '2016-05-04'}]"
+          :filter-method="filterHandler">
+        </el-table-column>
+        <el-table-column prop="name" label="Order" >
+        </el-table-column>
+        <el-table-column prop="address" label="Term" :formatter="formatter">
+        </el-table-column>
+                <el-table-column prop="address" label="Rate" :formatter="formatter">
+        </el-table-column>
+                <el-table-column prop="address" label="Amount" :formatter="formatter">
+        </el-table-column>
+                        <el-table-column prop="address" label="Transfer Amount" :formatter="formatter">
+        </el-table-column>
+                       <el-table-column prop="address" label="ETA" :formatter="formatter">
+        </el-table-column>
+                       <el-table-column prop="address" label="Pay Method" :formatter="formatter">
+        </el-table-column>
+                         <el-table-column prop="address" label="Status" :formatter="formatter">
+        </el-table-column>
+                         <el-table-column prop="address" label="Balance" :formatter="formatter">
+        </el-table-column>
+                         <el-table-column prop="address" label="Time Left" :formatter="formatter">
+        </el-table-column>
+        <el-table-column prop="tag" label="Tag" width="100" :filters="[{ text: 'Home', value: 'Home' }, { text: 'Office', value: 'Office' }]"
+          :filter-method="filterTag" filter-placement="bottom-end">
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.tag === 'Home' ? 'primary' : 'success'" disable-transitions>{{scope.row.tag}}</el-tag>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-row>
+  </el-main>
 </template>
 
 <script>
-export default {
-  middleware: ['auth'],
+  export default {
+    middleware: ['auth'],
 
-  metaInfo () {
-    return { title: this.$t('home') }
+    data() {
+      return {
+        options1: [{
+          value: 'RMB',
+          label: 'RMB'
+        }, {
+          value: 'MYR',
+          label: 'MYR'
+        }],
+        options2: [{
+          value2: 'MYR',
+          label2: 'MYR'
+        }, {
+          value2: 'RMB',
+          label2: 'RMB'
+        }],
+        tableData: [{
+          date: '2016-05-03',
+          name: 'Tom',
+          address: 'No. 189, Grove St, Los Angeles',
+          tag: 'Home'
+        }, {
+          date: '2016-05-02',
+          name: 'Tom',
+          address: 'No. 189, Grove St, Los Angeles',
+          tag: 'Office'
+        }, {
+          date: '2016-05-04',
+          name: 'Tom',
+          address: 'No. 189, Grove St, Los Angeles',
+          tag: 'Home'
+        }, {
+          date: '2016-05-01',
+          name: 'Tom',
+          address: 'No. 189, Grove St, Los Angeles',
+          tag: 'Office'
+        }],
+        value: '',
+        value2: '',
+        input: '',
+      }
+    },
+    methods: {
+      formatter(row, column) {
+        return row.address;
+      },
+      filterTag(value, row) {
+        return row.tag === value;
+      },
+      filterHandler(value, row, column) {
+        const property = column['property'];
+        return row[property] === value;
+      }
+    }
   }
-}
-</script>
+</script>
\ No newline at end of file
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 8f61071f..9ba961dc 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -27,6 +27,7 @@ $polyfills = [
   <title>{{ config('app.name') }}</title>
 
   <link rel="stylesheet" href="{{ mix('css/app.css') }}">
+  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
 </head>
 <body>
   <div id="app"></div>
@@ -44,6 +45,7 @@ $polyfills = [
     <script src="{{ mix('js/manifest.js') }}"></script>
     <script src="{{ mix('js/vendor.js') }}"></script>
     <script src="{{ mix('js/app.js') }}"></script>
+    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
   @endif
 </body>
 </html>