Commit caa1a8dc authored by Kittisak Maneewong's avatar Kittisak Maneewong

Edit account

parent 93331e9a
This source diff could not be displayed because it is too large. You can view the blob instead.
<template>
<div>
<Toolbar page="app"></Toolbar>
<v-content class="mt-5">
<v-content>
<v-container fluid>
<v-layout>
<v-flex xs12 sm10 offset-sm1>
......
......@@ -8,7 +8,6 @@ import EmployerLayout from './layouts/EmployerLayout.vue';
import Home from './views/Home.vue';
import Login from './views/Login.vue';
import Register from './views/Register.vue';
import LoginEmployer from './views/LoginEmployer.vue';
import PageNotFound from './views/PageNotFound.vue';
......@@ -43,15 +42,10 @@ export default new VueRouter({
component: Home
},
{
path: 'login',
name: 'login',
path: 'account',
name: 'account',
component: Login
},
{
path: 'register',
name: 'register',
component: Register
},
{
path: '*',
name: 'pageNotFound',
......
<template>
<div>
<v-container grid-list-md text-xs-center>
<p class="headline my-4">ลงชื่อเข้าใช้</p>
<v-flex sm4 offset-sm4>
<v-form @submit.prevent="login()">
<v-layout row wrap>
<v-flex xs12 sm4 offset-sm1 align-center py-2>
<v-form @submit.prevent="login()">
<div class="text-sm-left">
<span class="headline font-weight-bold">เข้าสู่ระบบ</span>
</div>
<v-text-field
label="อีเมล"
prepend-inner-icon="email"
color="primary"
class="fix-size red--text"
type="email"
v-model="user.email"
></v-text-field>
<v-text-field
label="รหัสผ่าน"
type="password"
color="primary"
prepend-inner-icon="lock"
v-model="user.password"
></v-text-field>
<p class="text-xs-right"><a href="#" class="body-2 font-weight-medium">ลืมรหัสผ่าน?</a></p>
<v-btn color="blue" block dark large type="submit">เข้าสู่ระบบ</v-btn>
</v-form>
<v-layout row wrap align-center justify-center>
<v-flex sm5>
<v-divider></v-divider>
</v-flex>
<v-flex sm2>
หรือ
</v-flex>
<v-flex sm5>
<v-divider></v-divider>
</v-flex>
</v-layout>
<v-layout row wrap>
<v-flex sm6>
<v-btn color="primary" block><v-icon>fab fa-facebook</v-icon>&nbsp;เข้าสู่ระบบ Facebook</v-btn>
</v-flex>
<v-flex sm6>
<v-btn color="deep-orange" class="white--text" block><v-icon>fab fa-google</v-icon>&nbsp;เข้าสู่ระบบ Google</v-btn>
</v-flex>
</v-layout>
</v-flex>
<v-flex sm4 offset-sm1 xs12 align-center py-2>
<div class="text-sm-left">
<span class="headline font-weight-bold">สมัครสมาชิก</span>
</div>
<v-layout row wrap>
<v-flex sm6 xs12>
<v-text-field
label="ชื่อ"
v-model="ชื่อ"
clearable
required
class="fix-size"
></v-text-field>
</v-flex>
<v-flex sm6 xs12>
<v-text-field
label="นามสกุล"
v-model="นามสกุล"
clearable
required
class="fix-size"
></v-text-field>
</v-flex>
</v-layout>
<v-text-field
label="อีเมล"
prepend-inner-icon="email"
color="primary"
class="fix-size red--text"
type="email"
v-model="user.email"
v-model="อีเมล"
clearable
required
class="fix-size"
></v-text-field>
<v-text-field
label="รหัสผ่าน"
v-model="รหัสผ่าน"
clearable
type="password"
color="primary"
prepend-inner-icon="lock"
v-model="user.password"
required
class="fix-size"
></v-text-field>
<p class="text-xs-right"><a href="#" class="body-2 font-weight-medium">ลืมรหัสผ่าน?</a></p>
<v-btn color="blue" block dark large type="submit">เข้าสู่ระบบ</v-btn>
</v-form>
<v-layout row wrap align-center justify-center fill-height>
<v-flex sm5>
<v-divider></v-divider>
</v-flex>
<v-flex sm2>
หรือ
</v-flex>
<v-flex sm5>
<v-divider></v-divider>
</v-flex>
</v-layout>
<v-layout row wrap>
<v-flex sm6>
<v-btn color="primary" block><v-icon>fab fa-facebook</v-icon>&nbsp;เข้าสู่ระบบ Facebook</v-btn>
</v-flex>
<v-flex sm6>
<v-btn color="deep-orange" class="white--text" block><v-icon>fab fa-google</v-icon>&nbsp;เข้าสู่ระบบ Google</v-btn>
</v-flex>
</v-layout>
<p class="text-xs-center body-2 font-weight-medium">ยังไม่มีบัญชีผู้ใช้? <a href="#">สมัครสมาชิก</a></p>
</v-flex>
<v-text-field
label="ยืนยันรหัสผ่าน"
v-model="ยืนยันรหัสผ่าน"
clearable
type="password"
required
class="fix-size"
></v-text-field>
<v-btn color="red accent-3" block dark large>สมัครสมาชิก</v-btn>
</v-flex>
</v-layout>
</v-container>
</div>
</template>
......
<template>
<div>
<v-container grid-list-md text-xs-center>
<p class="headline my-4">สมัครสมาชิก</p>
<v-flex sm4 offset-sm4>
<v-layout row wrap>
<v-flex sm6 xs12>
<v-text-field
label="ชื่อ"
v-model="ชื่อ"
clearable
required
class="fix-size"
></v-text-field>
</v-flex>
<v-flex sm6 xs12>
<v-text-field
label="นามสกุล"
v-model="นามสกุล"
clearable
required
class="fix-size"
></v-text-field>
</v-flex>
</v-layout>
<v-text-field
label="อีเมล"
v-model="อีเมล"
clearable
required
class="fix-size"
></v-text-field>
<v-text-field
label="รหัสผ่าน"
v-model="รหัสผ่าน"
clearable
type="password"
required
class="fix-size"
></v-text-field>
<v-text-field
label="ยืนยันรหัสผ่าน"
v-model="ยืนยันรหัสผ่าน"
clearable
type="password"
required
class="fix-size"
></v-text-field>
<v-btn color="red accent-3" block dark large>สมัครสมาชิก</v-btn>
<v-layout row wrap align-center justify-center fill-height>
<v-flex sm5>
<v-divider></v-divider>
</v-flex>
<v-flex sm2>
หรือ
</v-flex>
<v-flex sm5>
<v-divider></v-divider>
</v-flex>
</v-layout>
<v-layout row wrap>
<v-flex sm6>
<v-btn color="primary" block><v-icon>fab fa-facebook</v-icon>&nbsp;สมัครด้วย Facebook</v-btn>
</v-flex>
<v-flex sm6>
<v-btn color="deep-orange" class="white--text" block><v-icon>fab fa-google</v-icon>&nbsp;สมัครด้วย Google</v-btn>
</v-flex>
</v-layout>
<p class="text-xs-center body-2 font-weight-medium">มีบัญชีผู้ใช้อยู่แล้ว? <a href="#">เข้าสู่ระบบ</a></p>
</v-flex>
</v-container>
</div>
</template>
<style lang="scss" scoped>
.fix-size {
height: 70px;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment