Commit eae7ea16 authored by Kittisak Maneewong's avatar Kittisak Maneewong
parents e4c658dc eacd9406
<template>
<div>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2">
<v-icon>home</v-icon>
</v-btn>
</router-link>
<router-link to="/showjob">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หางานทั้งหมด</span>
</v-btn>
</router-link>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
</v-btn>
</router-link>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2">
<v-icon>home</v-icon>
</v-btn>
</router-link>
<router-link to="/showjob">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หางานทั้งหมด</span>
</v-btn>
</router-link>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
</v-btn>
</router-link>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2">
<v-icon>home</v-icon> หน้าสมาชิก
</v-btn>
</router-link>
<router-link to="/showjob">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หางานทั้งหมด</span>
</v-btn>
</router-link>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
</v-btn>
</router-link>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
</router-link>
<router-link to="/showjob">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หางานทั้งหมด</span>
</v-btn>
</router-link>
<router-link to="/showjob">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หางานทั้งหมด</span>
</v-btn>
</router-link>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
</v-btn>
</router-link>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หางานทั้งหมด</span>
</v-btn>
</router-link>
<router-link to="/showjob">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หางานทั้งหมด</span>
</v-btn>
</router-link>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
</v-btn>
</router-link>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หน้าสมาชิก</span>
</v-btn>
</router-link>
<router-link to="/showjob">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หางานทั้งหมด</span>
</v-btn>
</router-link>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
</v-btn>
</router-link>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หน้าสมาชิก</span>
</v-btn>
</router-link>
<router-link to="/showjob">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">ประกาศงาน</span>
</v-btn>
</router-link>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
</v-btn>
</router-link>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หน้าสมาชิก</span>
</v-btn>
</router-link>
<router-link to="/create">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">ประกาศงาน</span>
</v-btn>
</router-link>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
</v-btn>
</router-link>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หน้าสมาชิก</span>
</v-btn>
</router-link>
<router-link to="/createjob">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">ประกาศงาน</span>
</v-btn>
</router-link>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
</v-btn>
</router-link>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หน้าสมาชิก</span>
</v-btn>
</router-link>
<router-link to="/employer/configcompany">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">ประกาศงาน</span>
</v-btn>
</router-link>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
</v-btn>
</router-link>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หน้าสมาชิก</span>
</v-btn>
</router-link>
<router-link to="/employer/createjob">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">ประกาศงาน</span>
</v-btn>
</router-link>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
</v-btn>
</router-link>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หน้าสมาชิก</span>
</v-btn>
</router-link>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
</v-btn>
</router-link>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หน้าสมาชิก</span>
</v-btn>
</router-link>
<router-link to="/">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
</v-btn>
</router-link>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หน้าสมาชิก</span>
</v-btn>
</router-link>
<router-link to="/">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้สมัครงาน</span>
</v-btn>
</router-link>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หน้าสมาชิก</span>
</v-btn>
</router-link>
<router-link to="/">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้สมัครงาน</span>
</v-btn>
</router-link>
<v-btn v-if="!currentEmployer" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หน้าสมาชิก</span>
</v-btn>
</router-link>
<router-link to="/">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้สมัครงาน</span>
</v-btn>
</router-link>
<v-btn v-if="!currentEmployer" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click="$router.push('/employer/login')">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentEmployer" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click="$router.push('/employer/พำเรหะำพ')">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หน้าสมาชิก</span>
</v-btn>
</router-link>
<router-link to="/">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้สมัครงาน</span>
</v-btn>
</router-link>
<v-btn v-if="!currentEmployer" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click="$router.push('/employer/login')">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentEmployer" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click="$router.push('/employer/register')">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หน้าสมาชิก</span>
</v-btn>
</router-link>
<router-link to="/">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้สมัครงาน</span>
</v-btn>
</router-link>
<v-btn v-if="!currentEmployer" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click="$router.push('/employer/login')">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentEmployer" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click="$router.push('/employer/register')">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หน้าสมาชิก</span>
</v-btn>
</router-link>
<router-link to="/">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้สมัครงาน</span>
</v-btn>
</router-link>
<v-btn v-if="!currentEmployer" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click="$router.push('/employer/login')">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!currentEmployer" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click="$router.push('/employer/register')">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
responsive: false
}
},
computed: {
currentEmployer () {
return this.$store.getters.getEmployer.username
}
},
methods: {
logout () {
this.$store.dispatch('logoutEmployer')
this.$router.push('/employer/login')
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
<template>
<div>
<v-layout row wrap>
<v-flex xs12 sm9 class="pa-1">
<v-flex xs12 sm12 class="div-card white pa-4">
<v-layout row wrap>
<v-flex xs12 sm10 >
<span class="headline font-weight-bold indigo--text">{{ detail_data.job_title }}</span>
</v-flex>
<v-flex xs12 sm2>
<v-btn color="deep-orange " dark small depressed class="body-2">สมัครงานนี้</v-btn>
</v-flex>
</v-layout>
<v-flex xs12 sm8>
<span class="subheading font-weight-medium">{{ detail_data.company_name }}</span>
</v-flex>
<v-flex xs12 sm12>
<span class="body-2 grey--text">{{ detail_data.addr }} ตำบล{{ detail_data.tambon }} อำเภอ{{ detail_data.amphoe }} จังหวัด{{ detail_data.province }} {{ detail_data.zipcode }}</span>
</v-flex>
<v-flex xs12 sm12 class="mt-3 font-weight-bold subheading brown--text">
<v-icon small color="brown">fas fa-building</v-icon> เกี่ยวกับเรา
</v-flex>
<v-flex xs12 sm12 class="body-1 mt-1">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ detail_data.about ? detail_data.sabout : '-' }}
</v-flex>
<v-flex xs12 sm12 class="mt-2 ">
<span class="font-weight-bold subheading red--text">รายละเอียดงาน</span>
<v-flex xs12 sm12 class="body-1 px-4">
<b>รับสมัคร :</b> {{ detail_data.num ? detail_data.num + ' ตำแหน่ง' : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>ประเภทธุรกิจ :</b> {{ detail_data.job_type }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>ตำแหน่งงาน :</b> {{ detail_data.department }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>สาขาวิชาที่เปิดรับ :</b> {{ detail_data.branch ? detail_data.branch : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>ค่าตอบแทน/เงินเดือน :</b> {{ detail_data.salary ? detail_data.salary : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>วันทำงาน :</b> {{ detail_data.day ? detail_data.day : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>เวลาทำงาน :</b> {{ detail_data.time ? detail_data.time : '-' }}
</v-flex>
</v-flex>
<v-flex xs12 sm12 class="mt-2 ">
<span class="font-weight-bold subheading red--text">คุณสมบัติ</span>
<v-flex xs12 sm12 class="body-1 px-4">
<b>เพศ :</b> {{ detail_data.gender ? detail_data.gender : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>ระดับการศึกษา :</b> {{ detail_data.degree ? detail_data.degree : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>เกรดเฉลี่ย :</b> {{ detail_data.gpax ? detail_data.gpax : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>ระยะเวลาการทำงาน :</b> {{ detail_data.phase ? detail_data.phase : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>คุณสมบัติเพิ่มเติม : </b>
<v-flex xs12 sm12 class="body-1 px-4">
<pre class="body-1">{{ detail_data.feature ? detail_data.feature : '-' }}</pre>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm12 class="mt-2 ">
<span class="font-weight-bold subheading red--text">หน้าที่รับผิดชอบ</span>
<v-flex xs12 sm12 class="body-1 px-4">
<pre class="body-1">{{ detail_data.role ? detail_data.role : '-' }}</pre>
</v-flex>
</v-flex>
<v-flex xs12 sm12 class="mt-2 ">
<span class="font-weight-bold subheading red--text">สวัสดิการ</span>
<v-flex xs12 sm12 class="body-1 px-4">
{{ detail_data.welfare ? detail_data.welfare : '-' }}
</v-flex>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm3 class="pa-1 ">
<v-flex xs12 sm12 class="div-card white pa-2">
<v-flex xs12 sm12 class=" font-weight-bold subheading mb-1 mt-2">
<v-icon small >fas fa-mobile-alt</v-icon> ข้อมูลติดต่อ
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="text-xs-center text-sm-center ">
<img width="180" class="" :src="detail_data.imageCompany" alt="">
</v-flex>
<v-flex xs12 sm12 class="text-xs-center text-sm-center font-weight-bold caption mb-1">
{{ detail_data.company_name }}
</v-flex>
<v-flex xs12 sm12 class=" body-1 px-2">
<v-icon small>fas fa-user</v-icon> คุณ {{ detail_data.company_owner }}
</v-flex>
<v-flex xs12 sm12 class=" body-1 px-2">
<v-icon small>fas fa-envelope</v-icon> {{ detail_data.email }}
</v-flex>
<v-flex xs12 sm12 class=" body-1 px-2">
<v-icon small>laptop_mac</v-icon> {{ detail_data.website ? detail_data.website : '-' }}
</v-flex>
<v-flex xs12 sm12 class=" body-1 px-2">
<v-icon small>phone</v-icon> โทร. {{ detail_data.phone_no ? detail_data.phone_no : '-' }}
</v-flex>
<v-flex xs12 sm12 class=" body-1 px-2">
<v-icon small>fas fa-fax</v-icon> แฟกซ์. :{{ detail_data.fax ? detail_data.fax : '-' }}
</v-flex>
<v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
<v-icon small >fas fa-street-view</v-icon> แผนที่ตั้งบริษัท
<v-divider></v-divider>
<GmapMap v-if="detail_data.lat" style="width: 100%; height: 200px;" :zoom="15" :center="{lat: detail_data.lat*1, lng: detail_data.long*1}">
<GmapMarker
:position="{lat: detail_data.lat*1, lng: detail_data.long*1}"
/>
</GmapMap>
</v-flex>
<v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
<v-icon small >fas fa-plane</v-icon> การเดินทาง
<v-divider></v-divider>
</v-flex>
<v-layout row wrap justify-center class="pa-1" fill-height align-center>
<v-flex xs6 sm6 class="text-sm-center text-xs-center">
<img src="/images/bts.png" width="50" height="50" alt="">
<v-flex xs12 sm12>
{{ detail_data.bts ? detail_data.bts : 'ไม่มี' }}
</v-flex>
</v-flex>
<v-flex xs6 sm6 class="text-sm-center text-xs-center">
<img src="/images/mrt.png" width="50" height="50" alt="">
<v-flex xs12 sm12>
{{ detail_data.mrt ? detail_data.mrt : 'ไม่มี' }}
</v-flex>
</v-flex>
</v-layout>
<v-layout row wrap justify-center class="pa-1" fill-height align-center>
<v-flex xs6 sm6 class="text-sm-center text-xs-center">
<img src="/images/arl.png" width="50" height="50" alt="">
<v-flex xs12 sm12>
{{ detail_data.arl ? detail_data.arl : 'ไม่มี' }}
</v-flex>
</v-flex>
<v-flex xs6 sm6 class="text-sm-center text-xs-center">
<img src="/images/bus.png" width="50" height="50" alt="">
<v-flex xs12 sm12>
{{ detail_data.bus ? detail_data.bus : 'ไม่มี' }}
</v-flex>
</v-flex>
</v-layout>
<v-flex xs12 sm12 class="px-3 font-weight-bold">
การเดินทางเพิ่มเติม : {{ detail_data.another ? detail_data.another : '-' }}
</v-flex>
</v-flex>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
detail_data: {}
}
},
beforeMount () {
axios.get(`/api/detail/${this.$route.params.id}`)
.then(res => {
this.detail_data = res.data.job
}).catch(err => {console.log(err.response)})
}
}
</script>
<style lang="scss" scoped>
.border-logo{
border:1px solid #e1e1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
</style>
<template>
<div>
<v-layout row wrap>
<v-flex xs12 sm9 class="pa-1">
<v-flex xs12 sm12 class="div-card white pa-4">
<v-layout row wrap>
<v-flex xs12 sm10 >
<span class="headline font-weight-bold indigo--text">{{ detail_data.job_title }}</span>
</v-flex>
<v-flex xs12 sm2>
<v-btn color="deep-orange " dark small depressed class="body-2">สมัครงานนี้</v-btn>
</v-flex>
</v-layout>
<v-flex xs12 sm8>
<span class="subheading font-weight-medium">{{ detail_data.company_name }}</span>
</v-flex>
<v-flex xs12 sm12>
<span class="body-2 grey--text">{{ detail_data.addr }} ตำบล{{ detail_data.tambon }} อำเภอ{{ detail_data.amphoe }} จังหวัด{{ detail_data.province }} {{ detail_data.zipcode }}</span>
</v-flex>
<v-flex xs12 sm12 class="mt-3 font-weight-bold subheading brown--text">
<v-icon small color="brown">fas fa-building</v-icon> เกี่ยวกับเรา
</v-flex>
<v-flex xs12 sm12 class="body-1 mt-1">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ detail_data.about ? detail_data.sabout : '-' }}
</v-flex>
<v-flex xs12 sm12 class="mt-2 ">
<span class="font-weight-bold subheading red--text">รายละเอียดงาน</span>
<v-flex xs12 sm12 class="body-1 px-4">
<b>รับสมัคร :</b> {{ detail_data.num ? detail_data.num + ' ตำแหน่ง' : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>ประเภทธุรกิจ :</b> {{ detail_data.job_type }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>ตำแหน่งงาน :</b> {{ detail_data.department }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>สาขาวิชาที่เปิดรับ :</b> {{ detail_data.branch ? detail_data.branch : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>ค่าตอบแทน/เงินเดือน :</b> {{ detail_data.salary ? detail_data.salary : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>วันทำงาน :</b> {{ detail_data.day ? detail_data.day : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>เวลาทำงาน :</b> {{ detail_data.time ? detail_data.time : '-' }}
</v-flex>
</v-flex>
<v-flex xs12 sm12 class="mt-2 ">
<span class="font-weight-bold subheading red--text">คุณสมบัติ</span>
<v-flex xs12 sm12 class="body-1 px-4">
<b>เพศ :</b> {{ detail_data.gender ? detail_data.gender : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>ระดับการศึกษา :</b> {{ detail_data.degree ? detail_data.degree : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>เกรดเฉลี่ย :</b> {{ detail_data.gpax ? detail_data.gpax : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>ระยะเวลาการทำงาน :</b> {{ detail_data.phase ? detail_data.phase : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>คุณสมบัติเพิ่มเติม : </b>
<v-flex xs12 sm12 class="body-1 px-4">
<pre class="body-1">{{ detail_data.feature ? detail_data.feature : '-' }}</pre>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm12 class="mt-2 ">
<span class="font-weight-bold subheading red--text">หน้าที่รับผิดชอบ</span>
<v-flex xs12 sm12 class="body-1 px-4">
<pre class="body-1">{{ detail_data.role ? detail_data.role : '-' }}</pre>
</v-flex>
</v-flex>
<v-flex xs12 sm12 class="mt-2 ">
<span class="font-weight-bold subheading red--text">สวัสดิการ</span>
<v-flex xs12 sm12 class="body-1 px-4">
<pre class="body-1">{{ detail_data.welfare ? detail_data.welfare : '-' }}</pre>
</v-flex>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm3 class="pa-1 ">
<v-flex xs12 sm12 class="div-card white pa-2">
<v-flex xs12 sm12 class=" font-weight-bold subheading mb-1 mt-2">
<v-icon small >fas fa-mobile-alt</v-icon> ข้อมูลติดต่อ
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="text-xs-center text-sm-center ">
<img width="180" class="" :src="detail_data.imageCompany" alt="">
</v-flex>
<v-flex xs12 sm12 class="text-xs-center text-sm-center font-weight-bold caption mb-1">
{{ detail_data.company_name }}
</v-flex>
<v-flex xs12 sm12 class=" body-1 px-2">
<v-icon small>fas fa-user</v-icon> คุณ {{ detail_data.company_owner }}
</v-flex>
<v-flex xs12 sm12 class=" body-1 px-2">
<v-icon small>fas fa-envelope</v-icon> {{ detail_data.email }}
</v-flex>
<v-flex xs12 sm12 class=" body-1 px-2">
<v-icon small>laptop_mac</v-icon> {{ detail_data.website ? detail_data.website : '-' }}
</v-flex>
<v-flex xs12 sm12 class=" body-1 px-2">
<v-icon small>phone</v-icon> โทร. {{ detail_data.phone_no ? detail_data.phone_no : '-' }}
</v-flex>
<v-flex xs12 sm12 class=" body-1 px-2">
<v-icon small>fas fa-fax</v-icon> แฟกซ์. :{{ detail_data.fax ? detail_data.fax : '-' }}
</v-flex>
<v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
<v-icon small >fas fa-street-view</v-icon> แผนที่ตั้งบริษัท
<v-divider></v-divider>
<GmapMap v-if="detail_data.lat" style="width: 100%; height: 200px;" :zoom="15" :center="{lat: detail_data.lat*1, lng: detail_data.long*1}">
<GmapMarker
:position="{lat: detail_data.lat*1, lng: detail_data.long*1}"
/>
</GmapMap>
</v-flex>
<v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
<v-icon small >fas fa-plane</v-icon> การเดินทาง
<v-divider></v-divider>
</v-flex>
<v-layout row wrap justify-center class="pa-1" fill-height align-center>
<v-flex xs6 sm6 class="text-sm-center text-xs-center">
<img src="/images/bts.png" width="50" height="50" alt="">
<v-flex xs12 sm12>
{{ detail_data.bts ? detail_data.bts : 'ไม่มี' }}
</v-flex>
</v-flex>
<v-flex xs6 sm6 class="text-sm-center text-xs-center">
<img src="/images/mrt.png" width="50" height="50" alt="">
<v-flex xs12 sm12>
{{ detail_data.mrt ? detail_data.mrt : 'ไม่มี' }}
</v-flex>
</v-flex>
</v-layout>
<v-layout row wrap justify-center class="pa-1" fill-height align-center>
<v-flex xs6 sm6 class="text-sm-center text-xs-center">
<img src="/images/arl.png" width="50" height="50" alt="">
<v-flex xs12 sm12>
{{ detail_data.arl ? detail_data.arl : 'ไม่มี' }}
</v-flex>
</v-flex>
<v-flex xs6 sm6 class="text-sm-center text-xs-center">
<img src="/images/bus.png" width="50" height="50" alt="">
<v-flex xs12 sm12>
{{ detail_data.bus ? detail_data.bus : 'ไม่มี' }}
</v-flex>
</v-flex>
</v-layout>
<v-flex xs12 sm12 class="px-3 font-weight-bold">
การเดินทางเพิ่มเติม : {{ detail_data.another ? detail_data.another : '-' }}
</v-flex>
</v-flex>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
detail_data: {}
}
},
beforeMount () {
axios.get(`/api/detail/${this.$route.params.id}`)
.then(res => {
this.detail_data = res.data.job
}).catch(err => {console.log(err.response)})
}
}
</script>
<style lang="scss" scoped>
.border-logo{
border:1px solid #e1e1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
</style>
<template>
<div>
<v-layout row wrap>
<v-flex xs12 sm9 class="pa-1">
<v-flex xs12 sm12 class="div-card white pa-4">
<v-layout row wrap>
<v-flex xs12 sm10 >
<span class="headline font-weight-bold indigo--text">{{ detail_data.job_title }}</span>
</v-flex>
<v-flex xs12 sm2>
<v-btn color="deep-orange " dark small depressed class="body-2">สมัครงานนี้</v-btn>
</v-flex>
</v-layout>
<v-flex xs12 sm8>
<span class="subheading font-weight-medium">{{ detail_data.company_name }}</span>
</v-flex>
<v-flex xs12 sm12>
<span class="body-2 grey--text">{{ detail_data.addr }} ตำบล{{ detail_data.tambon }} อำเภอ{{ detail_data.amphoe }} จังหวัด{{ detail_data.province }} {{ detail_data.zipcode }}</span>
</v-flex>
<v-flex xs12 sm12 class="mt-3 font-weight-bold subheading brown--text">
<v-icon small color="brown">fas fa-building</v-icon> เกี่ยวกับเรา
</v-flex>
<v-flex xs12 sm12 class="body-1 mt-1">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ detail_data.about ? detail_data.sabout : '-' }}
</v-flex>
<v-flex xs12 sm12 class="mt-2 ">
<span class="font-weight-bold subheading red--text">รายละเอียดงาน</span>
<v-flex xs12 sm12 class="body-1 px-4">
<b>รับสมัคร :</b> {{ detail_data.num ? detail_data.num + ' ตำแหน่ง' : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>ประเภทธุรกิจ :</b> {{ detail_data.job_type }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>ตำแหน่งงาน :</b> {{ detail_data.department }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>สาขาวิชาที่เปิดรับ :</b> {{ detail_data.branch ? detail_data.branch : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>ค่าตอบแทน/เงินเดือน :</b> {{ detail_data.salary ? detail_data.salary : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>วันทำงาน :</b> {{ detail_data.day ? detail_data.day : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>เวลาทำงาน :</b> {{ detail_data.time ? detail_data.time : '-' }}
</v-flex>
</v-flex>
<v-flex xs12 sm12 class="mt-2 ">
<span class="font-weight-bold subheading red--text">คุณสมบัติ</span>
<v-flex xs12 sm12 class="body-1 px-4">
<b>เพศ :</b> {{ detail_data.gender ? detail_data.gender : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>ระดับการศึกษา :</b> {{ detail_data.degree ? detail_data.degree : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>เกรดเฉลี่ย :</b> {{ detail_data.gpax ? detail_data.gpax : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>ระยะเวลาการทำงาน :</b> {{ detail_data.phase ? detail_data.phase : '-' }}
</v-flex>
<v-flex xs12 sm12 class="body-1 px-4">
<b>คุณสมบัติเพิ่มเติม : </b>
<v-flex xs12 sm12 class="body-1 px-4">
<pre class="body-1">{{ detail_data.feature ? detail_data.feature : '-' }}</pre>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm12 class="mt-2 ">
<span class="font-weight-bold subheading red--text">หน้าที่รับผิดชอบ</span>
<v-flex xs12 sm12 class="body-1 px-4">
<pre class="body-1">{{ detail_data.role ? detail_data.role : '-' }}</pre>
</v-flex>
</v-flex>
<v-flex xs12 sm12 class="mt-2 ">
<span class="font-weight-bold subheading red--text">สวัสดิการ</span>
<v-flex xs12 sm12 class="body-1 px-4">
<pre class="body-1">{{ detail_data.welfare ? detail_data.welfare : '-' }}</pre>
</v-flex>
</v-flex>
</v-flex>
</v-flex>
<v-flex xs12 sm3 class="pa-1 ">
<v-flex xs12 sm12 class="div-card white pa-2">
<v-flex xs12 sm12 class=" font-weight-bold subheading mb-1 mt-2">
<v-icon small >fas fa-mobile-alt</v-icon> ข้อมูลติดต่อ
<v-divider></v-divider>
</v-flex>
<v-flex xs12 sm12 class="text-xs-center text-sm-center ">
<img width="180" class="" :src="detail_data.imageCompany" alt="">
</v-flex>
<v-flex xs12 sm12 class="text-xs-center text-sm-center font-weight-bold caption mb-1">
{{ detail_data.company_name }}
</v-flex>
<v-flex xs12 sm12 class=" body-1 px-2">
<v-icon small>fas fa-user</v-icon> คุณ {{ detail_data.company_owner }}
</v-flex>
<v-flex xs12 sm12 class=" body-1 px-2">
<v-icon small>fas fa-envelope</v-icon> {{ detail_data.email }}
</v-flex>
<v-flex xs12 sm12 class=" body-1 px-2">
<v-icon small>laptop_mac</v-icon> {{ detail_data.website ? detail_data.website : '-' }}
</v-flex>
<v-flex xs12 sm12 class=" body-1 px-2">
<v-icon small>phone</v-icon> โทร. {{ detail_data.phone_no ? detail_data.phone_no : '-' }}
</v-flex>
<v-flex xs12 sm12 class=" body-1 px-2">
<v-icon small>fas fa-fax</v-icon> แฟกซ์. :{{ detail_data.fax ? detail_data.fax : '-' }}
</v-flex>
<v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
<v-icon small >fas fa-street-view</v-icon> แผนที่ตั้งบริษัท
<v-divider></v-divider>
<GmapMap v-if="detail_data.lat" style="width: 100%; height: 200px;" :zoom="15" :center="{lat: detail_data.lat*1, lng: detail_data.long*1}">
<GmapMarker
:position="{lat: detail_data.lat*1, lng: detail_data.long*1}"
/>
</GmapMap>
</v-flex>
<v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
<v-icon small >fas fa-plane</v-icon> การเดินทาง
<v-divider></v-divider>
</v-flex>
<v-layout row wrap justify-center class="pa-1" fill-height align-center>
<v-flex xs6 sm6 class="text-sm-center text-xs-center">
<img src="/images/bts.png" width="50" height="50" alt="">
<v-flex xs12 sm12>
{{ detail_data.bts ? detail_data.bts : 'ไม่มี' }}
</v-flex>
</v-flex>
<v-flex xs6 sm6 class="text-sm-center text-xs-center">
<img src="/images/mrt.png" width="50" height="50" alt="">
<v-flex xs12 sm12>
{{ detail_data.mrt ? detail_data.mrt : 'ไม่มี' }}
</v-flex>
</v-flex>
</v-layout>
<v-layout row wrap justify-center class="pa-1" fill-height align-center>
<v-flex xs6 sm6 class="text-sm-center text-xs-center">
<img src="/images/arl.png" width="50" height="50" alt="">
<v-flex xs12 sm12>
{{ detail_data.arl ? detail_data.arl : 'ไม่มี' }}
</v-flex>
</v-flex>
<v-flex xs6 sm6 class="text-sm-center text-xs-center">
<img src="/images/bus.png" width="50" height="50" alt="">
<v-flex xs12 sm12>
{{ detail_data.bus ? detail_data.bus : 'ไม่มี' }}
</v-flex>
</v-flex>
</v-layout>
<v-flex xs12 sm12 class="px-3 font-weight-bold">
การเดินทางเพิ่มเติม :
<v-flex xs12 sm12 class="body-1 px-2">
<pre class="body-1">{{ detail_data.another ? detail_data.another : '-' }}</pre>
<v-flex>
</v-flex>
</v-flex>
</v-flex>
</v-layout>
</div>
</template>
<script>
export default {
data () {
return {
detail_data: {}
}
},
beforeMount () {
axios.get(`/api/detail/${this.$route.params.id}`)
.then(res => {
this.detail_data = res.data.job
}).catch(err => {console.log(err.response)})
}
}
</script>
<style lang="scss" scoped>
.border-logo{
border:1px solid #e1e1e1;
}
.div-card {
border-radius: 3px;
box-shadow: 0 2px 1px rgba(0,0,0,.17);
}
</style>
This diff is collapsed.
<template>
<div>
<v-layout row wrap white>
<v-layout row wrap fill-height align-center class="colornav pt-1">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" height="40">
<v-spacer></v-spacer>
<v-btn small="" dark color="blue darken-3" class="elevation-0" @click="$router.push('/')">สำหรับผู้สมัครงาน</v-btn>
<v-divider inset vertical></v-divider>
<v-btn round v-if="!currentEmployer" small outline color="blue darken-3" @click="$router.push('/employer/login')">
เข้าสู่ระบบ/ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="blue darken-3" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap white>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="white" >
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/logologin.png" class="my-2" width="150"></router-link>
<v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
<span class="body-2 font-weight-bold">หน้าหลัก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
<router-link to="/employer">
<v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">หน้าสมาชิก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</router-link>
<router-link to="/">
<v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">สำหรับผู้สมัครงาน</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
</router-link>
<v-btn v-if="!currentEmployer" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click="$router.push('/employer/login')">
<span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
<v-btn v-if="!currentEmployer" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click="$router.push('/employer/register')">
<span class="body-2 font-weight-bold">สมัครสมาชิก</span>
</v-btn>
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
<span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
<v-btn v-else dark color="yellow darken-2" @click="logout()" class="black--text">
<v-icon>account_circle</v-icon>&nbsp;{{ currentEmployer }}
</v-btn>
<v-menu left bottom v-if="responsive">
<template v-slot:activator="{ on }">
<v-toolbar-side-icon v-on="on"></v-toolbar-side-icon>
</template>
<v-list>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
<v-list-tile >
<v-list-tile-title>หน้าหลัก</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar>
</v-flex>
</v-layout>
......@@ -95,3 +52,9 @@ export default {
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
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