Skip to content

C
CO-OP Search
Commit b8a7da9b authored by Kittisak Maneewong's avatar Kittisak Maneewong
Browse files
Options

add toolbar

parent b21189d1
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 4998 additions and 0 deletions
.history/resources/js/components/Toolbar_20190423193208.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<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" > <!--v-if="page == 'app'"-->
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/banner.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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424104659.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<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" > <!--v-if="page == 'app'"-->
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/banner.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>
<v-toolbar dark color="primary">
<v-toolbar-side-icon></v-toolbar-side-icon>
<v-toolbar-title class="white--text">Title</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon>
<v-icon>search</v-icon>
</v-btn>
<v-btn icon>
<v-icon>apps</v-icon>
</v-btn>
<v-btn icon>
<v-icon>refresh</v-icon>
</v-btn>
<v-btn icon>
<v-icon>more_vert</v-icon>
</v-btn>
</v-toolbar>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424104744.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<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" > <!--v-if="page == 'app'"-->
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/banner.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>
<v-toolbar dark color="primary">
<v-toolbar-title class="white--text">Title</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon>
<v-icon>search</v-icon>
</v-btn>
<v-btn icon>
<v-icon>apps</v-icon>
</v-btn>
<v-btn icon>
<v-icon>refresh</v-icon>
</v-btn>
<v-btn icon>
<v-icon>more_vert</v-icon>
</v-btn>
</v-toolbar>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424104940.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<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" > <!--v-if="page == 'app'"-->
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/banner.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>
<v-toolbar dark color="primary">
<v-toolbar-title class="white--text">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon>
<v-icon>search</v-icon>
</v-btn>
<v-btn icon>
<v-icon>apps</v-icon>
</v-btn>
<v-btn icon>
<v-icon>refresh</v-icon>
</v-btn>
<v-btn icon>
<v-icon>more_vert</v-icon>
</v-btn>
</v-toolbar>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424105117.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<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" > <!--v-if="page == 'app'"-->
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/banner.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>
<v-toolbar dark color="primary">
<v-flex sm10 offset-sm-1>
</v-flex>
<v-toolbar-title class="white--text">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon>
<v-icon>search</v-icon>
</v-btn>
<v-btn icon>
<v-icon>apps</v-icon>
</v-btn>
<v-btn icon>
<v-icon>refresh</v-icon>
</v-btn>
<v-btn icon>
<v-icon>more_vert</v-icon>
</v-btn>
</v-toolbar>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424105131.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<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" > <!--v-if="page == 'app'"-->
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/banner.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>
<v-toolbar dark color="primary">
<v-flex sm10 offset-sm-1>
<v-toolbar-title class="white--text">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-2" width="150"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon>
<v-icon>search</v-icon>
</v-btn>
<v-btn icon>
<v-icon>apps</v-icon>
</v-btn>
<v-btn icon>
<v-icon>refresh</v-icon>
</v-btn>
<v-btn icon>
<v-icon>more_vert</v-icon>
</v-btn>
</v-flex>
</v-toolbar>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424105215.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<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" > <!--v-if="page == 'app'"-->
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/banner.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>
<v-toolbar dark color="primary">
<v-flex sm10 offset-sm-1>
<v-toolbar-title class="white--text">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-2" width="120"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon>
<v-icon>search</v-icon>
</v-btn>
<v-btn icon>
<v-icon>apps</v-icon>
</v-btn>
<v-btn icon>
<v-icon>refresh</v-icon>
</v-btn>
<v-btn icon>
<v-icon>more_vert</v-icon>
</v-btn>
</v-flex>
</v-toolbar>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424105249.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<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" > <!--v-if="page == 'app'"-->
<v-toolbar-title>
<router-link to="/"><img src="../../../public/img/banner.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>
<v-toolbar dark color="primary">
<v-toolbar-title class="white--text">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-2" width="120"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon>
<v-icon>search</v-icon>
</v-btn>
<v-btn icon>
<v-icon>apps</v-icon>
</v-btn>
<v-btn icon>
<v-icon>refresh</v-icon>
</v-btn>
<v-btn icon>
<v-icon>more_vert</v-icon>
</v-btn>
</v-toolbar>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424105329.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<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" > <!--v-if="page == 'app'"-->
<v-toolbar-title>
<router-link to="/"><img src="../../../public/images/logocoop.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>
<v-toolbar dark color="primary">
<v-toolbar-title class="white--text">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-2" width="120"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon>
<v-icon>search</v-icon>
</v-btn>
<v-btn icon>
<v-icon>apps</v-icon>
</v-btn>
<v-btn icon>
<v-icon>refresh</v-icon>
</v-btn>
<v-btn icon>
<v-icon>more_vert</v-icon>
</v-btn>
</v-toolbar>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424105357.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<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" > <!--v-if="page == 'app'"-->
<v-toolbar-title>
<router-link to="/"><img src="../../../public/images/logocoop.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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424110801.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap indigo darken-4>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="indigo darken-4" > <!--v-if="page == 'app'"-->
<v-toolbar-title>
<router-link to="/"><img src="../../../public/images/logocoop.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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424110910.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap indigo darken-4>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="indigo darken-4" > <!--v-if="page == 'app'"-->
<v-toolbar-title>
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" 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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424110954.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap indigo darken-4>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="indigo darken-4" > <!--v-if="page == 'app'"-->
<v-toolbar-title>
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" 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>
</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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424111033.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap indigo darken-4>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="indigo darken-4" > <!--v-if="page == 'app'"-->
<v-toolbar-title class="py-2">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" 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>
</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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424111111.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap indigo darken-4 fill-height align-center="">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="indigo darken-4" > <!--v-if="page == 'app'"-->
<v-toolbar-title class="py-2">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" 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>
</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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424111114.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap indigo darken-4 fill-height align-center>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="indigo darken-4" > <!--v-if="page == 'app'"-->
<v-toolbar-title class="py-2">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" 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>
</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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424111447.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap indigo darken-4 fill-height align-center>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d" > <!--v-if="page == 'app'"-->
<v-toolbar-title class="py-2">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" 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>
</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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424111543.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap color="#0d253d" fill-height align-center>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d" > <!--v-if="page == 'app'"-->
<v-toolbar-title class="py-2">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" 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>
</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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
.history/resources/js/components/Toolbar_20190424111702.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap fill-height align-center>
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d" > <!--v-if="page == 'app'"-->
<v-toolbar-title class="py-2">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" 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>
</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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424111718.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap fill-height align-center class="colornav">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar flat color="#0d253d" > <!--v-if="page == 'app'"-->
<v-toolbar-title class="py-2">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" 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>
</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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424111755.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap fill-height align-center class="colornav">
<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="my-3" width="120"></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>
</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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424111842.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap fill-height align-center class="colornav">
<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="my-3" height="30"></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>
</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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424111911.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap fill-height align-center class="colornav">
<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="my-3" height="60"></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>
</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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424111925.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap fill-height align-center class="colornav">
<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="my-3" height="50"></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>
</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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424112010.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap fill-height align-center class="colornav">
<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="my-3" 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>
</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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424112038.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap fill-height align-center class="colornav">
<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="my-3" 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>
</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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424112051.vue 0 → 100644
View file @ b8a7da9b
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<v-layout row wrap fill-height align-center class="colornav">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar dark color="#0d253d" > <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" 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>
</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>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424112139.vue 0 → 100644
View file @ b8a7da9b
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar dark color="#0d253d" > <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" 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>
</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>
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424112241.vue 0 → 100644
View file @ b8a7da9b
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar dark color="#0d253d" > <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/">
<v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
</v-btn>
</router-link>
<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>
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424112249.vue 0 → 100644
View file @ b8a7da9b
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar dark color="#0d253d" > <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/">
<v-btn v-if="!responsive" dark color="black" class="mx-0 px-0">
<v-icon>home</v-icon>
</v-btn>
</router-link>
<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>
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424112255.vue 0 → 100644
View file @ b8a7da9b
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar dark color="#0d253d" > <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/">
<v-btn v-if="!responsive" dark class="mx-0 px-0">
<v-icon>home</v-icon>
</v-btn>
</router-link>
<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>
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424112654.vue 0 → 100644
View file @ b8a7da9b
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar dark color="#0d253d" > <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/">
<v-btn v-if="!responsive" flat color="white" class="mx-0 px-0">
<v-icon>home</v-icon>
</v-btn>
</router-link>
<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>
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424112717.vue 0 → 100644
View file @ b8a7da9b
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav">
<v-flex xs12 sm10 offset-sm1>
<v-toolbar color="#0d253d" > <!--v-if="page == 'app'"-->
<v-toolbar-title class="">
<router-link to="/"><img src="../../../public/images/logocoop.png" class="my-3" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/">
<v-btn v-if="!responsive" flat color="white" class="mx-0 px-0">
<v-icon>home</v-icon>
</v-btn>
</router-link>
<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>
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424112739.vue 0 → 100644
View file @ b8a7da9b
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav">
<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="my-3" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/">
<v-btn v-if="!responsive" flat color="white" class="mx-0 px-0">
<v-icon>home</v-icon>
</v-btn>
</router-link>
<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>
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424112903.vue 0 → 100644
View file @ b8a7da9b
<template>
<div>
<v-layout row wrap fill-height align-center class="colornav pt-2">
<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="my-3" width="140"></router-link>
</v-toolbar-title>
<v-spacer></v-spacer>
<router-link to="/">
<v-btn v-if="!responsive" flat color="white" class="mx-0 px-0">
<v-icon>home</v-icon>
</v-btn>
</router-link>
<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>
<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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="login()">
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" @click.stop="register()">
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424112921.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424112936.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424113112.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424113222.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424113400.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424113457.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424113526.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424113649.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424113712.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424113828.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424113851.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424114241.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424114322.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424114345.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424114511.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424114829.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424114851.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424115249.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424115315.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424115439.vue 0 → 100644
View file @ b8a7da9b
<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-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="deep-orange darken-4" class="elevation-0" @click="$router.push('/employer')">สำหรับผู้ประกอบการ</v-btn>
<v-divider inset vertical></v-divider>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" >
<v-icon>person</v-icon>&nbsp;เข้าสู่ระบบ
</v-btn>
<v-btn v-if="!currentUser" small outline color="deep-orange darken-4" >
<v-icon>account_box</v-icon>&nbsp;ลงทะเบียน
</v-btn>
<v-btn v-else small outline color="deep-orange darken-4" @click="logout()">
<v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
</v-btn>
</v-toolbar>
</v-flex>
</v-layout>
<login v-if="dialog === 'login'"></login>
<register v-if="dialog === 'register'"></register>
</div>
</template>
<script>
import Login from '../views/Login.vue';
import Register from '../views/Register.vue';
export default {
props: ['page'],
components: {
'login': Login,
'register': Register
},
data () {
return {
responsive: false,
dialog: 'login'
}
},
computed: {
currentUser () {
return this.$store.getters.getUser.name
}
},
mounted () {
this.onResponsiveInverted()
window.addEventListener('resize', this.onResponsiveInverted)
},
beforeDestroy () {
window.removeEventListener('resize', this.onResponsiveInverted)
},
methods: {
onResponsiveInverted () {
if (window.innerWidth < 991) {
this.responsive = true
} else {
this.responsive = false
}
},
logout () {
this.$store.dispatch('logout')
},
login () {
this.dialog = 'login'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
},
register () {
this.dialog = 'register'
this.$store.commit('setDialog', !this.$store.getters.getDialog)
}
}
}
</script>
<style lang="scss" scoped>
.colornav{
background-color:#0d253d;
}
</style>
.history/resources/js/components/Toolbar_20190424115619.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424115627.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424115726.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424115801.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424120029.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424120049.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424120121.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424120259.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/components/Toolbar_20190424120559.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/views/DetailJob_20190424121225.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/views/DetailJob_20190424121322.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/views/DetailJob_20190424121423.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/views/DetailJob_20190424121523.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/views/DetailJob_20190424121702.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
.history/resources/js/views/DetailJob_20190424121729.vue 0 → 100644
View file @ b8a7da9b
This diff is collapsed.
public/js/app.js
View file @ b8a7da9b
This diff is collapsed.
resources/js/components/Toolbar.vue
View file @ b8a7da9b
This diff is collapsed.
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