Commit 634ce2d5 authored by Kittisak Maneewong's avatar Kittisak Maneewong

Add Register

parent 882c75e2
This diff is collapsed.
......@@ -8,6 +8,7 @@ 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';
......@@ -46,6 +47,11 @@ export default new VueRouter({
name: 'login',
component: Login
},
{
path: 'register',
name: 'register',
component: Register
},
{
path: '*',
name: 'pageNotFound',
......
<template>
<div>
<v-container grid-list-md text-xs-center>
<p class="display-2 my-4">ลงชื่อเข้าใช้</p>
<p class="headline my-4">ลงชื่อเข้าใช้</p>
<v-flex sm4 offset-sm4>
<v-text-field
label="อีเมล"
......
<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