cief/exchange
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/exchange.git synced 2026-08-22 13:54:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Register page, add marking input. Register page, change text to icon. Register page, add password visibility toggle function.

Browse Source
This commit is contained in:
Too
2018-07-01 00:56:21 +08:00
parent 79cad74ee0
commit 5151f9163f
2 changed files with 71 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/js/pages/auth/register.vue
+66 -9
View File
@@ -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>
vendor/composer/autoload_static.php
Vendored
+5 -5
View File
@@ -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);
}