From 5151f9163f73e52bf516e7a8c94a6dd5c5e6a2bb Mon Sep 17 00:00:00 2001
From: Too <sengweitoo@gmail.com>
Date: Sun, 1 Jul 2018 00:56:21 +0800
Subject: [PATCH] Register page, add marking input. Register page, change text
 to icon. Register page, add password visibility toggle function.

---
 resources/assets/js/pages/auth/register.vue | 75 ++++++++++++++++++---
 vendor/composer/autoload_static.php         | 10 +--
 2 files changed, 71 insertions(+), 14 deletions(-)

diff --git a/resources/assets/js/pages/auth/register.vue b/resources/assets/js/pages/auth/register.vue
index 9792e4ec..4b707091 100644
--- a/resources/assets/js/pages/auth/register.vue
+++ b/resources/assets/js/pages/auth/register.vue
@@ -3,38 +3,81 @@
     <div class="col-lg-8 m-auto">
       <card :title="$t('register')">
         <form @submit.prevent="register" @keydown="form.onKeydown($event)">
+           <!-- Marking -->
+          <div class="form-group row">
+            <label class="col-md-3 text-md-right">
+              <i class="fas fa-address-card"></i>
+            </label>
+            <div class="col-md-7">
+              <el-input v-model="form.marking" :class="{ 'is-invalid': form.errors.has('marking') }" type="text" name="marking" placeholder="Marking Number">
+              </el-input>
+              <has-error :form="form" field="marking"/>
+              <span>
+                * Please contact vendor to get your marking
+              </span>
+            </div>
+          </div>
+
           <!-- Name -->
           <div class="form-group row">
-            <label class="col-md-3 col-form-label text-md-right">{{ $t('name') }}</label>
+            <label class="col-md-3 text-md-right">
+              <i class="fas fa-user"></i>
+            </label>
             <div class="col-md-7">
-              <input v-model="form.name" :class="{ 'is-invalid': form.errors.has('name') }" class="form-control" type="text" name="name">
+              <el-input v-model="form.name" :class="{ 'is-invalid': form.errors.has('name') }" type="text" name="name" placeholder="Username">
+              </el-input>
               <has-error :form="form" field="name"/>
             </div>
           </div>
 
           <!-- Email -->
           <div class="form-group row">
-            <label class="col-md-3 col-form-label text-md-right">{{ $t('email') }}</label>
+            <label class="col-md-3 text-md-right">
+              <i class="fas fa-envelope"></i>
+            </label>
             <div class="col-md-7">
-              <input v-model="form.email" :class="{ 'is-invalid': form.errors.has('email') }" class="form-control" type="email" name="email">
+              <el-input v-model="form.email" :class="{ 'is-invalid': form.errors.has('email') }" type="email" name="email" placeholder="Email">
+              </el-input>
               <has-error :form="form" field="email"/>
             </div>
           </div>
 
           <!-- Password -->
           <div class="form-group row">
-            <label class="col-md-3 col-form-label text-md-right">{{ $t('password') }}</label>
+            <label class="col-md-3 text-md-right">
+              <i class="fas fa-lock"></i>
+            </label>
             <div class="col-md-7">
-              <input v-model="form.password" :class="{ 'is-invalid': form.errors.has('password') }" class="form-control" type="password" name="password">
+              <el-input v-if="password_visible"  v-model="form.password" :class="{ 'is-invalid': form.errors.has('password') }" type="text" name="password" placeholder="Password">
+                <template slot="append">
+                  <el-button type="primary" @click="password_visible = !password_visible"><i class="fas fa-eye"></i></el-button>
+                </template>
+              </el-input>
+              <el-input v-else v-model="form.password" :class="{ 'is-invalid': form.errors.has('password') }" type="password" name="password" placeholder="Password">
+                <template slot="append">
+                  <el-button type="primary" @click="password_visible = !password_visible"><i class="fas fa-eye-slash"></i></el-button>
+                </template>
+              </el-input>
               <has-error :form="form" field="password"/>
             </div>
           </div>
 
           <!-- Password Confirmation -->
           <div class="form-group row">
-            <label class="col-md-3 col-form-label text-md-right">{{ $t('confirm_password') }}</label>
+            <label class="col-md-3 text-md-right">
+              <i class="fas fa-lock"></i>
+            </label>
             <div class="col-md-7">
-              <input v-model="form.password_confirmation" :class="{ 'is-invalid': form.errors.has('password_confirmation') }" class="form-control" type="password" name="password_confirmation">
+              <el-input v-if="password_confirmation_visible" v-model="form.password_confirmation" :class="{ 'is-invalid': form.errors.has('password_confirmation') }" type="text" name="password_confirmation"  placeholder="Confirm Password">
+                <template slot="append">
+                  <el-button type="primary" @click="password_confirmation_visible = !password_confirmation_visible"><i class="fas fa-eye"></i></el-button>
+                </template>
+              </el-input>
+              <el-input v-else v-model="form.password_confirmation" :class="{ 'is-invalid': form.errors.has('password_confirmation') }" type="password" name="password_confirmation"  placeholder="Confirm Password">
+                <template slot="append">
+                  <el-button type="primary" @click="password_confirmation_visible = !password_confirmation_visible"><i class="fas fa-eye-slash"></i></el-button>
+                </template>
+              </el-input>
               <has-error :form="form" field="password_confirmation"/>
             </div>
           </div>
@@ -78,7 +121,9 @@ export default {
       email: '',
       password: '',
       password_confirmation: ''
-    })
+    }),
+    password_visible : false,
+    password_confirmation_visible : false
   }),
 
   methods: {
@@ -105,3 +150,15 @@ export default {
   }
 }
 </script>
+
+<style>
+label .fas{
+  border: solid 1px black;
+  border-radius: 100%;
+  padding: 5px;
+  text-align: center;
+  font-size: 22px;
+  width: 35px;
+  height: 35px;
+}
+</style>
\ No newline at end of file
diff --git a/vendor/composer/autoload_static.php b/vendor/composer/autoload_static.php
index 0238e370..2cb62280 100644
--- a/vendor/composer/autoload_static.php
+++ b/vendor/composer/autoload_static.php
@@ -4,7 +4,7 @@
 
 namespace Composer\Autoload;
 
-class ComposerStaticInit186bbd0d0f979469b3a193511536d69e
+class ComposerStaticInit0bbff1eca0c8c05eacbd8478d22c7dd2
 {
     public static $files = array (
         '6124b4c8570aa390c21fafd04a26c69f' => __DIR__ . '/..' . '/myclabs/deep-copy/src/DeepCopy/deep_copy.php',
@@ -4767,10 +4767,10 @@ class ComposerStaticInit186bbd0d0f979469b3a193511536d69e
     public static function getInitializer(ClassLoader $loader)
     {
         return \Closure::bind(function () use ($loader) {
-            $loader->prefixLengthsPsr4 = ComposerStaticInit186bbd0d0f979469b3a193511536d69e::$prefixLengthsPsr4;
-            $loader->prefixDirsPsr4 = ComposerStaticInit186bbd0d0f979469b3a193511536d69e::$prefixDirsPsr4;
-            $loader->prefixesPsr0 = ComposerStaticInit186bbd0d0f979469b3a193511536d69e::$prefixesPsr0;
-            $loader->classMap = ComposerStaticInit186bbd0d0f979469b3a193511536d69e::$classMap;
+            $loader->prefixLengthsPsr4 = ComposerStaticInit0bbff1eca0c8c05eacbd8478d22c7dd2::$prefixLengthsPsr4;
+            $loader->prefixDirsPsr4 = ComposerStaticInit0bbff1eca0c8c05eacbd8478d22c7dd2::$prefixDirsPsr4;
+            $loader->prefixesPsr0 = ComposerStaticInit0bbff1eca0c8c05eacbd8478d22c7dd2::$prefixesPsr0;
+            $loader->classMap = ComposerStaticInit0bbff1eca0c8c05eacbd8478d22c7dd2::$classMap;
 
         }, null, ClassLoader::class);
     }