add toolbar

.history/resources/js/components/Toolbar_20190423193208.vue

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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

+<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="" 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_20190424112936.vue

+<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-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_20190424113112.vue

+<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-0 px-0">
+            <v-icon>home</v-icon>
+          </v-btn>   
+          </router-link>
+          <router-link to="/showjob">
+            <v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
+              <span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
+            </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="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_20190424113222.vue

+<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-0 px-0">
+            <v-icon>home</v-icon>
+          </v-btn>   
+          </router-link>
+          <router-link to="/showjob">
+            <v-btn v-if="!responsive" flat color="white" class="mx-0 px-0 body-2 font-weight-bold">
+              <span class="body-2 font-weight-bold">หางานทั้งหมด</span>
+            </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="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_20190424113400.vue

+<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-0 px-0">
+            <v-icon>home</v-icon>
+          </v-btn>   
+          </router-link>
+          <router-link to="/showjob">
+            <v-btn v-if="!responsive" flat color="white" class="mx-0 px-0 body-2 font-weight-bold">
+              <span class="body-2 font-weight-bold">หางานทั้งหมด</span>
+            </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="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" color="white"></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_20190424113457.vue

+<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-0 px-0">
+            <v-icon>home</v-icon>
+          </v-btn>   
+          </router-link>
+          <router-link to="/showjob">
+            <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="!responsive" flat color="black" class="mx-1 px-1 body-2 font-weight-bold">
+            <span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
+          </v-btn>
+          <v-btn v-if="!responsive" flat color="black" class="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" color="white"></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_20190424113526.vue

+<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>
+          <v-btn v-if="!responsive" flat color="black" class="mx-1 px-1 body-2 font-weight-bold">
+            <span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
+          </v-btn>
+          <v-btn v-if="!responsive" flat color="black" class="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" color="white"></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_20190424113649.vue

+<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>
+          <v-btn v-if="!responsive" flat color="black" class="mx-1 px-1 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" color="white"></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_20190424113712.vue

+<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>
+          <v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
+            <span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
+          </v-btn>
+          <v-menu left bottom v-if="responsive">
+            <template v-slot:activator="{ on }">
+              <v-toolbar-side-icon v-on="on" color="white"></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_20190424113828.vue

+<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="/">
+          <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-menu left bottom v-if="responsive">
+            <template v-slot:activator="{ on }">
+              <v-toolbar-side-icon v-on="on" color="white"></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_20190424113851.vue

+<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-menu left bottom v-if="responsive">
+            <template v-slot:activator="{ on }">
+              <v-toolbar-side-icon v-on="on" color="white"></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_20190424114241.vue

+<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"  fixed> <!--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-menu left bottom v-if="responsive">
+            <template v-slot:activator="{ on }">
+              <v-toolbar-side-icon v-on="on" color="white"></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_20190424114322.vue

+<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-menu left bottom v-if="responsive">
+            <template v-slot:activator="{ on }">
+              <v-toolbar-side-icon v-on="on" color="white"></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_20190424114345.vue

+<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-menu left bottom v-if="responsive">
+            <template v-slot:activator="{ on }">
+              <v-toolbar-side-icon v-on="on" color="white"></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_20190424114511.vue

+<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>
+          <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-menu left bottom v-if="responsive">
+            <template v-slot:activator="{ on }">
+              <v-toolbar-side-icon v-on="on" color="white"></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_20190424114829.vue

+<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="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
+            <span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
+          </v-btn>
+          <v-menu left bottom v-if="responsive">
+            <template v-slot:activator="{ on }">
+              <v-toolbar-side-icon v-on="on" color="white"></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_20190424114851.vue

+<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="!responsive" 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-menu left bottom v-if="responsive">
+            <template v-slot:activator="{ on }">
+              <v-toolbar-side-icon v-on="on" color="white"></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" >
+            <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_20190424115249.vue

+<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="!responsive !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="!responsive !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-menu left bottom v-if="responsive">
+            <template v-slot:activator="{ on }">
+              <v-toolbar-side-icon v-on="on" color="white"></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" >
+            <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_20190424115315.vue

+<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-menu left bottom v-if="responsive">
+            <template v-slot:activator="{ on }">
+              <v-toolbar-side-icon v-on="on" color="white"></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" >
+            <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_20190424115439.vue

+<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

+<template>
+  <div>
+    <v-layout row wrap  fill-height align-center class="colornav pt-1">
+      <v-flex xs12 sm10 offset-sm1>
+        <v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
+          <v-toolbar-title class="">
+            <router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
+          </v-toolbar-title>
+          <v-spacer></v-spacer>
+          <router-link to="/">
+          <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2">
+            <v-icon>home</v-icon>
+          </v-btn>   
+          </router-link>
+          <router-link to="/showjob">
+            <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
+              <span class="body-2 font-weight-bold">หางานทั้งหมด</span>
+            </v-btn>
+          </router-link>
+          <router-link to="/employer">
+          <v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
+            <span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
+          </v-btn>
+          </router-link>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
+            <span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
+          </v-btn>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
+            <span class="body-2 font-weight-bold">สมัครสมาชิก</span>
+          </v-btn>
+          <v-btn v-else small outline flat color="white" 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" 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-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_20190424115627.vue

+<template>
+  <div>
+    <v-layout row wrap  fill-height align-center class="colornav pt-1">
+      <v-flex xs12 sm10 offset-sm1>
+        <v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
+          <v-toolbar-title class="">
+            <router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
+          </v-toolbar-title>
+          <v-spacer></v-spacer>
+          <router-link to="/">
+          <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2">
+            <v-icon>home</v-icon>
+          </v-btn>   
+          </router-link>
+          <router-link to="/showjob">
+            <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
+              <span class="body-2 font-weight-bold">หางานทั้งหมด</span>
+            </v-btn>
+          </router-link>
+          <router-link to="/employer">
+          <v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
+            <span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
+          </v-btn>
+          </router-link>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
+            <span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
+          </v-btn>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
+            <span class="body-2 font-weight-bold">สมัครสมาชิก</span>
+          </v-btn>
+          <v-btn v-else small outline flat 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" 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-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_20190424115726.vue

+<template>
+  <div>
+    <v-layout row wrap  fill-height align-center class="colornav pt-1">
+      <v-flex xs12 sm10 offset-sm1>
+        <v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
+          <v-toolbar-title class="">
+            <router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
+          </v-toolbar-title>
+          <v-spacer></v-spacer>
+          <router-link to="/">
+          <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2">
+            <v-icon>home</v-icon>
+          </v-btn>   
+          </router-link>
+          <router-link to="/showjob">
+            <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
+              <span class="body-2 font-weight-bold">หางานทั้งหมด</span>
+            </v-btn>
+          </router-link>
+          <router-link to="/employer">
+          <v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
+            <span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
+          </v-btn>
+          </router-link>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
+            <span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
+          </v-btn>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
+            <span class="body-2 font-weight-bold">สมัครสมาชิก</span>
+          </v-btn>
+          <v-btn v-else small  dark 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" 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-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_20190424115801.vue

+<template>
+  <div>
+    <v-layout row wrap  fill-height align-center class="colornav pt-1">
+      <v-flex xs12 sm10 offset-sm1>
+        <v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
+          <v-toolbar-title class="">
+            <router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
+          </v-toolbar-title>
+          <v-spacer></v-spacer>
+          <router-link to="/">
+          <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2">
+            <v-icon>home</v-icon>
+          </v-btn>   
+          </router-link>
+          <router-link to="/showjob">
+            <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
+              <span class="body-2 font-weight-bold">หางานทั้งหมด</span>
+            </v-btn>
+          </router-link>
+          <router-link to="/employer">
+          <v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
+            <span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
+          </v-btn>
+          </router-link>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
+            <span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
+          </v-btn>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
+            <span class="body-2 font-weight-bold">สมัครสมาชิก</span>
+          </v-btn>
+          <v-btn v-else small  dark color="yellow darken-2" @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" 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-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_20190424120029.vue

+<template>
+  <div>
+    <v-layout row wrap  fill-height align-center class="colornav pt-1">
+      <v-flex xs12 sm10 offset-sm1>
+        <v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
+          <v-toolbar-title class="">
+            <router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
+          </v-toolbar-title>
+          <v-spacer></v-spacer>
+          <router-link to="/">
+          <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2">
+            <v-icon>home</v-icon>
+          </v-btn>   
+          </router-link>
+          <router-link to="/showjob">
+            <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
+              <span class="body-2 font-weight-bold">หางานทั้งหมด</span>
+            </v-btn>
+          </router-link>
+          <router-link to="/employer">
+          <v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
+            <span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
+          </v-btn>
+          </router-link>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
+            <span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
+          </v-btn>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
+            <span class="body-2 font-weight-bold">สมัครสมาชิก</span>
+          </v-btn>
+          <v-btn v-else small  dark color="yellow darken-2" @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" 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-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_20190424120049.vue

+<template>
+  <div>
+    <v-layout row wrap  fill-height align-center class="colornav pt-1">
+      <v-flex xs12 sm10 offset-sm1>
+        <v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
+          <v-toolbar-title class="">
+            <router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
+          </v-toolbar-title>
+          <v-spacer></v-spacer>
+          <router-link to="/">
+          <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2">
+            <v-icon>home</v-icon>
+          </v-btn>   
+          </router-link>
+          <router-link to="/showjob">
+            <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
+              <span class="body-2 font-weight-bold">หางานทั้งหมด</span>
+            </v-btn>
+          </router-link>
+          <router-link to="/employer">
+          <v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
+            <span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
+          </v-btn>
+          </router-link>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
+            <span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
+          </v-btn>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
+            <span class="body-2 font-weight-bold">สมัครสมาชิก</span>
+          </v-btn>
+          <v-btn v-else small  dark color="yellow darken-2" @click="logout()" class="white--text">
+            <v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
+          </v-btn>
+        </v-toolbar>
+      </v-flex>
+    </v-layout>
+    <v-layout row wrap white>
+      <v-flex xs12 sm10 offset-sm1>
+        <v-toolbar flat color="white" height="40">
+          <v-spacer></v-spacer>
+          <v-btn small="" dark color="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-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_20190424120121.vue

+<template>
+  <div>
+    <v-layout row wrap  fill-height align-center class="colornav pt-1">
+      <v-flex xs12 sm10 offset-sm1>
+        <v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
+          <v-toolbar-title class="">
+            <router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
+          </v-toolbar-title>
+          <v-spacer></v-spacer>
+          <router-link to="/">
+          <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2">
+            <v-icon>home</v-icon>
+          </v-btn>   
+          </router-link>
+          <router-link to="/showjob">
+            <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
+              <span class="body-2 font-weight-bold">หางานทั้งหมด</span>
+            </v-btn>
+          </router-link>
+          <router-link to="/employer">
+          <v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
+            <span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
+          </v-btn>
+          </router-link>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
+            <span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
+          </v-btn>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
+            <span class="body-2 font-weight-bold">สมัครสมาชิก</span>
+          </v-btn>
+          <v-btn v-else small  dark color="yellow darken-2" @click="logout()" class="black--text">
+            <v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
+          </v-btn>
+        </v-toolbar>
+      </v-flex>
+    </v-layout>
+    <v-layout row wrap white>
+      <v-flex xs12 sm10 offset-sm1>
+        <v-toolbar flat color="white" height="40">
+          <v-spacer></v-spacer>
+          <v-btn small="" dark color="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-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_20190424120259.vue

+<template>
+  <div>
+    <v-layout row wrap  fill-height align-center class="colornav pt-1">
+      <v-flex xs12 sm10 offset-sm1>
+        <v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
+          <v-toolbar-title class="">
+            <router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
+          </v-toolbar-title>
+          <v-spacer></v-spacer>
+          <router-link to="/">
+          <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2">
+            <v-icon>home</v-icon>
+          </v-btn>   
+          </router-link>
+          <router-link to="/showjob">
+            <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
+              <span class="body-2 font-weight-bold">หางานทั้งหมด</span>
+            </v-btn>
+          </router-link>
+          <router-link to="/employer">
+          <v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
+            <span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
+          </v-btn>
+          </router-link>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
+            <span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
+          </v-btn>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
+            <span class="body-2 font-weight-bold">สมัครสมาชิก</span>
+          </v-btn>
+          <v-btn v-else small  dark color="yellow darken-2" @click="logout()" class="black--text">
+            <v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
+          </v-btn>
+        </v-toolbar>
+      </v-flex>
+    </v-layout>
+    <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_20190424120559.vue

+<template>
+  <div>
+    <v-layout row wrap  fill-height align-center class="colornav pt-1">
+      <v-flex xs12 sm10 offset-sm1>
+        <v-toolbar flat color="#0d253d"> <!--v-if="page == 'app'"-->
+          <v-toolbar-title class="">
+            <router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
+          </v-toolbar-title>
+          <v-spacer></v-spacer>
+          <router-link to="/">
+          <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2">
+            <v-icon>home</v-icon>
+          </v-btn>   
+          </router-link>
+          <router-link to="/showjob">
+            <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2 body-2 font-weight-bold">
+              <span class="body-2 font-weight-bold">หางานทั้งหมด</span>
+            </v-btn>
+          </router-link>
+          <router-link to="/employer">
+          <v-btn v-if="!responsive" flat color="white" class="mx-1 px-1 body-2 font-weight-bold">
+            <span class="body-2 font-weight-bold">สำหรับผู้ประกอบการ</span>
+          </v-btn>
+          </router-link>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="login()">
+            <span class="body-2 font-weight-bold">เข้าสู่ระบบ</span>
+          </v-btn>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
+            <span class="body-2 font-weight-bold">สมัครสมาชิก</span>
+          </v-btn>
+          <v-btn v-else small  dark color="yellow darken-2" @click="logout()" class="black--text py-2">
+            <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/views/DetailJob_20190424121225.vue

+<template>
+  <div>
+  <v-layout row wrap>
+    <v-flex xs12 sm9 class="pa-1">
+      <v-flex xs12 sm12 class="div-card white pa-4">
+        <v-layout row wrap>
+          <v-flex xs12 sm10 >
+            <span class="headline font-weight-bold indigo--text">{{ detail_data.job_title }}</span>
+          </v-flex>
+          <v-flex xs12 sm2>
+            <v-btn color="deep-orange " dark small depressed class="body-2">สมัครงานนี้</v-btn>
+          </v-flex>
+        </v-layout>
+          <v-flex xs12 sm8>
+            <span class="subheading font-weight-medium">{{ detail_data.company_name }}</span>
+          </v-flex>
+          
+        
+        
+        <v-flex xs12 sm12>
+          <span class="body-2 grey--text">{{ detail_data.addr }} ตำบล{{ detail_data.tambon }} อำเภอ{{ detail_data.amphoe }} จังหวัด{{ detail_data.province }} {{ detail_data.zipcode }}</span>
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-3 font-weight-bold subheading brown--text">
+          <v-icon small color="brown">fas fa-building</v-icon> เกี่ยวกับเรา
+        </v-flex>
+        <v-flex xs12 sm12 class="body-1 mt-1">
+         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ detail_data.about ? detail_data.sabout : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">รายละเอียดงาน</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>รับสมัคร :</b> {{ detail_data.num ? detail_data.num + ' ตำแหน่ง' : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ประเภทธุรกิจ :</b> {{ detail_data.job_type }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ตำแหน่งงาน :</b> {{ detail_data.department }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>สาขาวิชาที่เปิดรับ :</b> {{ detail_data.branch ? detail_data.branch : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ค่าตอบแทน/เงินเดือน :</b> {{ detail_data.salary ? detail_data.salary : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>วันทำงาน :</b> {{ detail_data.day ? detail_data.day : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เวลาทำงาน :</b> {{ detail_data.time ? detail_data.time : '-' }}
+          </v-flex>
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">คุณสมบัติ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เพศ :</b> {{ detail_data.gender ? detail_data.gender : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ระดับการศึกษา :</b> {{ detail_data.degree ? detail_data.degree : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เกรดเฉลี่ย :</b> {{ detail_data.gpax ? detail_data.gpax : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ระยะเวลาการทำงาน :</b> {{ detail_data.phase ? detail_data.phase : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>คุณสมบัติเพิ่มเติม : </b> {{ detail_data.feature ? detail_data.feature : '-' }}
+          </v-flex>
+
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">หน้าที่รับผิดชอบ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            {{ detail_data.role ? detail_data.role : '-' }}
+          </v-flex>
+
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">สวัสดิการ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <pre>{{ detail_data.welfare ? detail_data.welfare : '-' }}</pre>
+            
+          </v-flex>
+
+        </v-flex>
+        
+      </v-flex>
+    </v-flex>
+    <v-flex xs12 sm3 class="pa-1 ">
+      <v-flex xs12 sm12 class="div-card white pa-2">
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mb-1 mt-2">
+          <v-icon small >fas fa-mobile-alt</v-icon> ข้อมูลติดต่อ 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-flex xs12 sm12 class="text-xs-center text-sm-center ">
+          <img width="180" class="" :src="detail_data.imageCompany" alt="">
+        </v-flex>
+        <v-flex xs12 sm12 class="text-xs-center text-sm-center font-weight-bold caption mb-1">
+          {{ detail_data.company_name }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+           <v-icon small>fas fa-user</v-icon> คุณ {{ detail_data.company_owner }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>fas fa-envelope</v-icon> {{ detail_data.email }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>laptop_mac</v-icon> {{ detail_data.website ? detail_data.website : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>phone</v-icon> โทร. {{ detail_data.phone_no ? detail_data.phone_no : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>fas fa-fax</v-icon> แฟกซ์. :{{ detail_data.fax ? detail_data.fax : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
+          <v-icon small >fas fa-street-view</v-icon> แผนที่ตั้งบริษัท 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
+          <v-icon small >fas fa-plane</v-icon> การเดินทาง 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-layout row wrap justify-center class="pa-1" fill-height align-center>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/bts.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+              {{ detail_data.bts ? detail_data.bts : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/mrt.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+              {{ detail_data.mrt ? detail_data.mrt : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+        </v-layout>
+        <v-layout row wrap justify-center class="pa-1" fill-height align-center>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/arl.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+               {{ detail_data.arl ? detail_data.arl : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/bus.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+               {{ detail_data.bus ? detail_data.bus : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+        </v-layout>
+        <v-flex xs12 sm12 class="px-3 font-weight-bold">
+          การเดินทางเพิ่มเติม :  {{ detail_data.another ? detail_data.another : '-' }}
+        </v-flex>
+        
+      </v-flex>
+    </v-flex>
+  </v-layout>    
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      detail_data: {}
+    }
+  },
+  beforeMount () {
+    axios.get(`/api/detail/${this.$route.params.id}`)
+      .then(res => {
+        this.detail_data = res.data.job
+      }).catch(err => {console.log(err.response)})
+  }
+}
+</script>
+
+
+<style lang="scss" scoped>
+  .border-logo{
+    border:1px solid #e1e1e1;
+  }
+  .div-card {
+    border-radius: 3px;
+    box-shadow: 0 2px 1px rgba(0,0,0,.17);
+  }
+</style>
+

.history/resources/js/views/DetailJob_20190424121322.vue

+<template>
+  <div>
+  <v-layout row wrap>
+    <v-flex xs12 sm9 class="pa-1">
+      <v-flex xs12 sm12 class="div-card white pa-4">
+        <v-layout row wrap>
+          <v-flex xs12 sm10 >
+            <span class="headline font-weight-bold indigo--text">{{ detail_data.job_title }}</span>
+          </v-flex>
+          <v-flex xs12 sm2>
+            <v-btn color="deep-orange " dark small depressed class="body-2">สมัครงานนี้</v-btn>
+          </v-flex>
+        </v-layout>
+          <v-flex xs12 sm8>
+            <span class="subheading font-weight-medium">{{ detail_data.company_name }}</span>
+          </v-flex>
+          
+        
+        
+        <v-flex xs12 sm12>
+          <span class="body-2 grey--text">{{ detail_data.addr }} ตำบล{{ detail_data.tambon }} อำเภอ{{ detail_data.amphoe }} จังหวัด{{ detail_data.province }} {{ detail_data.zipcode }}</span>
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-3 font-weight-bold subheading brown--text">
+          <v-icon small color="brown">fas fa-building</v-icon> เกี่ยวกับเรา
+        </v-flex>
+        <v-flex xs12 sm12 class="body-1 mt-1">
+         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ detail_data.about ? detail_data.sabout : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">รายละเอียดงาน</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>รับสมัคร :</b> {{ detail_data.num ? detail_data.num + ' ตำแหน่ง' : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ประเภทธุรกิจ :</b> {{ detail_data.job_type }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ตำแหน่งงาน :</b> {{ detail_data.department }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>สาขาวิชาที่เปิดรับ :</b> {{ detail_data.branch ? detail_data.branch : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ค่าตอบแทน/เงินเดือน :</b> {{ detail_data.salary ? detail_data.salary : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>วันทำงาน :</b> {{ detail_data.day ? detail_data.day : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เวลาทำงาน :</b> {{ detail_data.time ? detail_data.time : '-' }}
+          </v-flex>
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">คุณสมบัติ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เพศ :</b> {{ detail_data.gender ? detail_data.gender : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ระดับการศึกษา :</b> {{ detail_data.degree ? detail_data.degree : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เกรดเฉลี่ย :</b> {{ detail_data.gpax ? detail_data.gpax : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ระยะเวลาการทำงาน :</b> {{ detail_data.phase ? detail_data.phase : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>คุณสมบัติเพิ่มเติม : </b> {{ detail_data.feature ? detail_data.feature : '-' }}
+          </v-flex>
+
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">หน้าที่รับผิดชอบ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            {{ detail_data.role ? detail_data.role : '-' }}
+          </v-flex>
+
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">สวัสดิการ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <pre class="body-1">{{ detail_data.welfare ? detail_data.welfare : '-' }}</pre>
+            
+          </v-flex>
+
+        </v-flex>
+        
+      </v-flex>
+    </v-flex>
+    <v-flex xs12 sm3 class="pa-1 ">
+      <v-flex xs12 sm12 class="div-card white pa-2">
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mb-1 mt-2">
+          <v-icon small >fas fa-mobile-alt</v-icon> ข้อมูลติดต่อ 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-flex xs12 sm12 class="text-xs-center text-sm-center ">
+          <img width="180" class="" :src="detail_data.imageCompany" alt="">
+        </v-flex>
+        <v-flex xs12 sm12 class="text-xs-center text-sm-center font-weight-bold caption mb-1">
+          {{ detail_data.company_name }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+           <v-icon small>fas fa-user</v-icon> คุณ {{ detail_data.company_owner }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>fas fa-envelope</v-icon> {{ detail_data.email }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>laptop_mac</v-icon> {{ detail_data.website ? detail_data.website : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>phone</v-icon> โทร. {{ detail_data.phone_no ? detail_data.phone_no : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>fas fa-fax</v-icon> แฟกซ์. :{{ detail_data.fax ? detail_data.fax : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
+          <v-icon small >fas fa-street-view</v-icon> แผนที่ตั้งบริษัท 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
+          <v-icon small >fas fa-plane</v-icon> การเดินทาง 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-layout row wrap justify-center class="pa-1" fill-height align-center>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/bts.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+              {{ detail_data.bts ? detail_data.bts : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/mrt.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+              {{ detail_data.mrt ? detail_data.mrt : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+        </v-layout>
+        <v-layout row wrap justify-center class="pa-1" fill-height align-center>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/arl.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+               {{ detail_data.arl ? detail_data.arl : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/bus.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+               {{ detail_data.bus ? detail_data.bus : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+        </v-layout>
+        <v-flex xs12 sm12 class="px-3 font-weight-bold">
+          การเดินทางเพิ่มเติม :  {{ detail_data.another ? detail_data.another : '-' }}
+        </v-flex>
+        
+      </v-flex>
+    </v-flex>
+  </v-layout>    
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      detail_data: {}
+    }
+  },
+  beforeMount () {
+    axios.get(`/api/detail/${this.$route.params.id}`)
+      .then(res => {
+        this.detail_data = res.data.job
+      }).catch(err => {console.log(err.response)})
+  }
+}
+</script>
+
+
+<style lang="scss" scoped>
+  .border-logo{
+    border:1px solid #e1e1e1;
+  }
+  .div-card {
+    border-radius: 3px;
+    box-shadow: 0 2px 1px rgba(0,0,0,.17);
+  }
+</style>
+

.history/resources/js/views/DetailJob_20190424121423.vue

+<template>
+  <div>
+  <v-layout row wrap>
+    <v-flex xs12 sm9 class="pa-1">
+      <v-flex xs12 sm12 class="div-card white pa-4">
+        <v-layout row wrap>
+          <v-flex xs12 sm10 >
+            <span class="headline font-weight-bold indigo--text">{{ detail_data.job_title }}</span>
+          </v-flex>
+          <v-flex xs12 sm2>
+            <v-btn color="deep-orange " dark small depressed class="body-2">สมัครงานนี้</v-btn>
+          </v-flex>
+        </v-layout>
+          <v-flex xs12 sm8>
+            <span class="subheading font-weight-medium">{{ detail_data.company_name }}</span>
+          </v-flex>
+          
+        
+        
+        <v-flex xs12 sm12>
+          <span class="body-2 grey--text">{{ detail_data.addr }} ตำบล{{ detail_data.tambon }} อำเภอ{{ detail_data.amphoe }} จังหวัด{{ detail_data.province }} {{ detail_data.zipcode }}</span>
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-3 font-weight-bold subheading brown--text">
+          <v-icon small color="brown">fas fa-building</v-icon> เกี่ยวกับเรา
+        </v-flex>
+        <v-flex xs12 sm12 class="body-1 mt-1">
+         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ detail_data.about ? detail_data.sabout : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">รายละเอียดงาน</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>รับสมัคร :</b> {{ detail_data.num ? detail_data.num + ' ตำแหน่ง' : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ประเภทธุรกิจ :</b> {{ detail_data.job_type }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ตำแหน่งงาน :</b> {{ detail_data.department }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>สาขาวิชาที่เปิดรับ :</b> {{ detail_data.branch ? detail_data.branch : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ค่าตอบแทน/เงินเดือน :</b> {{ detail_data.salary ? detail_data.salary : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>วันทำงาน :</b> {{ detail_data.day ? detail_data.day : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เวลาทำงาน :</b> {{ detail_data.time ? detail_data.time : '-' }}
+          </v-flex>
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">คุณสมบัติ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เพศ :</b> {{ detail_data.gender ? detail_data.gender : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ระดับการศึกษา :</b> {{ detail_data.degree ? detail_data.degree : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เกรดเฉลี่ย :</b> {{ detail_data.gpax ? detail_data.gpax : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ระยะเวลาการทำงาน :</b> {{ detail_data.phase ? detail_data.phase : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>คุณสมบัติเพิ่มเติม : </b> {{ detail_data.feature ? detail_data.feature : '-' }}
+          </v-flex>
+
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">หน้าที่รับผิดชอบ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <pre class="body-1">
+            {{ detail_data.role ? detail_data.role : '-' }}
+            </pre>
+          </v-flex>
+
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">สวัสดิการ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <pre class="body-1">{{ detail_data.welfare ? detail_data.welfare : '-' }}</pre>
+            
+          </v-flex>
+
+        </v-flex>
+        
+      </v-flex>
+    </v-flex>
+    <v-flex xs12 sm3 class="pa-1 ">
+      <v-flex xs12 sm12 class="div-card white pa-2">
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mb-1 mt-2">
+          <v-icon small >fas fa-mobile-alt</v-icon> ข้อมูลติดต่อ 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-flex xs12 sm12 class="text-xs-center text-sm-center ">
+          <img width="180" class="" :src="detail_data.imageCompany" alt="">
+        </v-flex>
+        <v-flex xs12 sm12 class="text-xs-center text-sm-center font-weight-bold caption mb-1">
+          {{ detail_data.company_name }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+           <v-icon small>fas fa-user</v-icon> คุณ {{ detail_data.company_owner }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>fas fa-envelope</v-icon> {{ detail_data.email }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>laptop_mac</v-icon> {{ detail_data.website ? detail_data.website : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>phone</v-icon> โทร. {{ detail_data.phone_no ? detail_data.phone_no : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>fas fa-fax</v-icon> แฟกซ์. :{{ detail_data.fax ? detail_data.fax : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
+          <v-icon small >fas fa-street-view</v-icon> แผนที่ตั้งบริษัท 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
+          <v-icon small >fas fa-plane</v-icon> การเดินทาง 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-layout row wrap justify-center class="pa-1" fill-height align-center>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/bts.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+              {{ detail_data.bts ? detail_data.bts : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/mrt.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+              {{ detail_data.mrt ? detail_data.mrt : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+        </v-layout>
+        <v-layout row wrap justify-center class="pa-1" fill-height align-center>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/arl.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+               {{ detail_data.arl ? detail_data.arl : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/bus.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+               {{ detail_data.bus ? detail_data.bus : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+        </v-layout>
+        <v-flex xs12 sm12 class="px-3 font-weight-bold">
+          การเดินทางเพิ่มเติม :  {{ detail_data.another ? detail_data.another : '-' }}
+        </v-flex>
+        
+      </v-flex>
+    </v-flex>
+  </v-layout>    
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      detail_data: {}
+    }
+  },
+  beforeMount () {
+    axios.get(`/api/detail/${this.$route.params.id}`)
+      .then(res => {
+        this.detail_data = res.data.job
+      }).catch(err => {console.log(err.response)})
+  }
+}
+</script>
+
+
+<style lang="scss" scoped>
+  .border-logo{
+    border:1px solid #e1e1e1;
+  }
+  .div-card {
+    border-radius: 3px;
+    box-shadow: 0 2px 1px rgba(0,0,0,.17);
+  }
+</style>
+

.history/resources/js/views/DetailJob_20190424121523.vue

+<template>
+  <div>
+  <v-layout row wrap>
+    <v-flex xs12 sm9 class="pa-1">
+      <v-flex xs12 sm12 class="div-card white pa-4">
+        <v-layout row wrap>
+          <v-flex xs12 sm10 >
+            <span class="headline font-weight-bold indigo--text">{{ detail_data.job_title }}</span>
+          </v-flex>
+          <v-flex xs12 sm2>
+            <v-btn color="deep-orange " dark small depressed class="body-2">สมัครงานนี้</v-btn>
+          </v-flex>
+        </v-layout>
+          <v-flex xs12 sm8>
+            <span class="subheading font-weight-medium">{{ detail_data.company_name }}</span>
+          </v-flex>
+          
+        
+        
+        <v-flex xs12 sm12>
+          <span class="body-2 grey--text">{{ detail_data.addr }} ตำบล{{ detail_data.tambon }} อำเภอ{{ detail_data.amphoe }} จังหวัด{{ detail_data.province }} {{ detail_data.zipcode }}</span>
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-3 font-weight-bold subheading brown--text">
+          <v-icon small color="brown">fas fa-building</v-icon> เกี่ยวกับเรา
+        </v-flex>
+        <v-flex xs12 sm12 class="body-1 mt-1">
+         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ detail_data.about ? detail_data.sabout : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">รายละเอียดงาน</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>รับสมัคร :</b> {{ detail_data.num ? detail_data.num + ' ตำแหน่ง' : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ประเภทธุรกิจ :</b> {{ detail_data.job_type }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ตำแหน่งงาน :</b> {{ detail_data.department }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>สาขาวิชาที่เปิดรับ :</b> {{ detail_data.branch ? detail_data.branch : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ค่าตอบแทน/เงินเดือน :</b> {{ detail_data.salary ? detail_data.salary : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>วันทำงาน :</b> {{ detail_data.day ? detail_data.day : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เวลาทำงาน :</b> {{ detail_data.time ? detail_data.time : '-' }}
+          </v-flex>
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">คุณสมบัติ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เพศ :</b> {{ detail_data.gender ? detail_data.gender : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ระดับการศึกษา :</b> {{ detail_data.degree ? detail_data.degree : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เกรดเฉลี่ย :</b> {{ detail_data.gpax ? detail_data.gpax : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ระยะเวลาการทำงาน :</b> {{ detail_data.phase ? detail_data.phase : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>คุณสมบัติเพิ่มเติม : </b> 
+            <v-flex xs12 sm12 class="body-1 px-4">            
+            <pre class="body-1">
+            {{ detail_data.feature ? detail_data.feature : '-' }}
+            </pre>
+            </v-flex>
+          </v-flex>
+
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">หน้าที่รับผิดชอบ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <pre class="body-1">
+            {{ detail_data.role ? detail_data.role : '-' }}
+            </pre>
+          </v-flex>
+
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">สวัสดิการ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <pre class="body-1">{{ detail_data.welfare ? detail_data.welfare : '-' }}</pre>
+            
+          </v-flex>
+
+        </v-flex>
+        
+      </v-flex>
+    </v-flex>
+    <v-flex xs12 sm3 class="pa-1 ">
+      <v-flex xs12 sm12 class="div-card white pa-2">
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mb-1 mt-2">
+          <v-icon small >fas fa-mobile-alt</v-icon> ข้อมูลติดต่อ 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-flex xs12 sm12 class="text-xs-center text-sm-center ">
+          <img width="180" class="" :src="detail_data.imageCompany" alt="">
+        </v-flex>
+        <v-flex xs12 sm12 class="text-xs-center text-sm-center font-weight-bold caption mb-1">
+          {{ detail_data.company_name }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+           <v-icon small>fas fa-user</v-icon> คุณ {{ detail_data.company_owner }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>fas fa-envelope</v-icon> {{ detail_data.email }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>laptop_mac</v-icon> {{ detail_data.website ? detail_data.website : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>phone</v-icon> โทร. {{ detail_data.phone_no ? detail_data.phone_no : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>fas fa-fax</v-icon> แฟกซ์. :{{ detail_data.fax ? detail_data.fax : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
+          <v-icon small >fas fa-street-view</v-icon> แผนที่ตั้งบริษัท 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
+          <v-icon small >fas fa-plane</v-icon> การเดินทาง 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-layout row wrap justify-center class="pa-1" fill-height align-center>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/bts.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+              {{ detail_data.bts ? detail_data.bts : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/mrt.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+              {{ detail_data.mrt ? detail_data.mrt : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+        </v-layout>
+        <v-layout row wrap justify-center class="pa-1" fill-height align-center>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/arl.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+               {{ detail_data.arl ? detail_data.arl : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/bus.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+               {{ detail_data.bus ? detail_data.bus : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+        </v-layout>
+        <v-flex xs12 sm12 class="px-3 font-weight-bold">
+          การเดินทางเพิ่มเติม :  {{ detail_data.another ? detail_data.another : '-' }}
+        </v-flex>
+        
+      </v-flex>
+    </v-flex>
+  </v-layout>    
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      detail_data: {}
+    }
+  },
+  beforeMount () {
+    axios.get(`/api/detail/${this.$route.params.id}`)
+      .then(res => {
+        this.detail_data = res.data.job
+      }).catch(err => {console.log(err.response)})
+  }
+}
+</script>
+
+
+<style lang="scss" scoped>
+  .border-logo{
+    border:1px solid #e1e1e1;
+  }
+  .div-card {
+    border-radius: 3px;
+    box-shadow: 0 2px 1px rgba(0,0,0,.17);
+  }
+</style>
+

.history/resources/js/views/DetailJob_20190424121702.vue

+<template>
+  <div>
+  <v-layout row wrap>
+    <v-flex xs12 sm9 class="pa-1">
+      <v-flex xs12 sm12 class="div-card white pa-4">
+        <v-layout row wrap>
+          <v-flex xs12 sm10 >
+            <span class="headline font-weight-bold indigo--text">{{ detail_data.job_title }}</span>
+          </v-flex>
+          <v-flex xs12 sm2>
+            <v-btn color="deep-orange " dark small depressed class="body-2">สมัครงานนี้</v-btn>
+          </v-flex>
+        </v-layout>
+          <v-flex xs12 sm8>
+            <span class="subheading font-weight-medium">{{ detail_data.company_name }}</span>
+          </v-flex>
+          
+        
+        
+        <v-flex xs12 sm12>
+          <span class="body-2 grey--text">{{ detail_data.addr }} ตำบล{{ detail_data.tambon }} อำเภอ{{ detail_data.amphoe }} จังหวัด{{ detail_data.province }} {{ detail_data.zipcode }}</span>
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-3 font-weight-bold subheading brown--text">
+          <v-icon small color="brown">fas fa-building</v-icon> เกี่ยวกับเรา
+        </v-flex>
+        <v-flex xs12 sm12 class="body-1 mt-1">
+         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ detail_data.about ? detail_data.sabout : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">รายละเอียดงาน</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>รับสมัคร :</b> {{ detail_data.num ? detail_data.num + ' ตำแหน่ง' : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ประเภทธุรกิจ :</b> {{ detail_data.job_type }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ตำแหน่งงาน :</b> {{ detail_data.department }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>สาขาวิชาที่เปิดรับ :</b> {{ detail_data.branch ? detail_data.branch : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ค่าตอบแทน/เงินเดือน :</b> {{ detail_data.salary ? detail_data.salary : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>วันทำงาน :</b> {{ detail_data.day ? detail_data.day : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เวลาทำงาน :</b> {{ detail_data.time ? detail_data.time : '-' }}
+          </v-flex>
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">คุณสมบัติ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เพศ :</b> {{ detail_data.gender ? detail_data.gender : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ระดับการศึกษา :</b> {{ detail_data.degree ? detail_data.degree : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เกรดเฉลี่ย :</b> {{ detail_data.gpax ? detail_data.gpax : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ระยะเวลาการทำงาน :</b> {{ detail_data.phase ? detail_data.phase : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>คุณสมบัติเพิ่มเติม : </b> 
+            <v-flex xs12 sm12 class="body-1 px-4"><pre class="body-1">{{ detail_data.feature ? detail_data.feature : '-' }}</pre>
+            </v-flex>
+          </v-flex>
+
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">หน้าที่รับผิดชอบ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <pre class="body-1">
+            {{ detail_data.role ? detail_data.role : '-' }}
+            </pre>
+          </v-flex>
+
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">สวัสดิการ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <pre class="body-1">{{ detail_data.welfare ? detail_data.welfare : '-' }}</pre>
+            
+          </v-flex>
+
+        </v-flex>
+        
+      </v-flex>
+    </v-flex>
+    <v-flex xs12 sm3 class="pa-1 ">
+      <v-flex xs12 sm12 class="div-card white pa-2">
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mb-1 mt-2">
+          <v-icon small >fas fa-mobile-alt</v-icon> ข้อมูลติดต่อ 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-flex xs12 sm12 class="text-xs-center text-sm-center ">
+          <img width="180" class="" :src="detail_data.imageCompany" alt="">
+        </v-flex>
+        <v-flex xs12 sm12 class="text-xs-center text-sm-center font-weight-bold caption mb-1">
+          {{ detail_data.company_name }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+           <v-icon small>fas fa-user</v-icon> คุณ {{ detail_data.company_owner }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>fas fa-envelope</v-icon> {{ detail_data.email }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>laptop_mac</v-icon> {{ detail_data.website ? detail_data.website : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>phone</v-icon> โทร. {{ detail_data.phone_no ? detail_data.phone_no : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>fas fa-fax</v-icon> แฟกซ์. :{{ detail_data.fax ? detail_data.fax : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
+          <v-icon small >fas fa-street-view</v-icon> แผนที่ตั้งบริษัท 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
+          <v-icon small >fas fa-plane</v-icon> การเดินทาง 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-layout row wrap justify-center class="pa-1" fill-height align-center>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/bts.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+              {{ detail_data.bts ? detail_data.bts : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/mrt.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+              {{ detail_data.mrt ? detail_data.mrt : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+        </v-layout>
+        <v-layout row wrap justify-center class="pa-1" fill-height align-center>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/arl.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+               {{ detail_data.arl ? detail_data.arl : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/bus.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+               {{ detail_data.bus ? detail_data.bus : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+        </v-layout>
+        <v-flex xs12 sm12 class="px-3 font-weight-bold">
+          การเดินทางเพิ่มเติม :  {{ detail_data.another ? detail_data.another : '-' }}
+        </v-flex>
+        
+      </v-flex>
+    </v-flex>
+  </v-layout>    
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      detail_data: {}
+    }
+  },
+  beforeMount () {
+    axios.get(`/api/detail/${this.$route.params.id}`)
+      .then(res => {
+        this.detail_data = res.data.job
+      }).catch(err => {console.log(err.response)})
+  }
+}
+</script>
+
+
+<style lang="scss" scoped>
+  .border-logo{
+    border:1px solid #e1e1e1;
+  }
+  .div-card {
+    border-radius: 3px;
+    box-shadow: 0 2px 1px rgba(0,0,0,.17);
+  }
+</style>
+

.history/resources/js/views/DetailJob_20190424121729.vue

+<template>
+  <div>
+  <v-layout row wrap>
+    <v-flex xs12 sm9 class="pa-1">
+      <v-flex xs12 sm12 class="div-card white pa-4">
+        <v-layout row wrap>
+          <v-flex xs12 sm10 >
+            <span class="headline font-weight-bold indigo--text">{{ detail_data.job_title }}</span>
+          </v-flex>
+          <v-flex xs12 sm2>
+            <v-btn color="deep-orange " dark small depressed class="body-2">สมัครงานนี้</v-btn>
+          </v-flex>
+        </v-layout>
+          <v-flex xs12 sm8>
+            <span class="subheading font-weight-medium">{{ detail_data.company_name }}</span>
+          </v-flex>
+          
+        
+        
+        <v-flex xs12 sm12>
+          <span class="body-2 grey--text">{{ detail_data.addr }} ตำบล{{ detail_data.tambon }} อำเภอ{{ detail_data.amphoe }} จังหวัด{{ detail_data.province }} {{ detail_data.zipcode }}</span>
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-3 font-weight-bold subheading brown--text">
+          <v-icon small color="brown">fas fa-building</v-icon> เกี่ยวกับเรา
+        </v-flex>
+        <v-flex xs12 sm12 class="body-1 mt-1">
+         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ detail_data.about ? detail_data.sabout : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">รายละเอียดงาน</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>รับสมัคร :</b> {{ detail_data.num ? detail_data.num + ' ตำแหน่ง' : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ประเภทธุรกิจ :</b> {{ detail_data.job_type }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ตำแหน่งงาน :</b> {{ detail_data.department }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>สาขาวิชาที่เปิดรับ :</b> {{ detail_data.branch ? detail_data.branch : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ค่าตอบแทน/เงินเดือน :</b> {{ detail_data.salary ? detail_data.salary : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>วันทำงาน :</b> {{ detail_data.day ? detail_data.day : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เวลาทำงาน :</b> {{ detail_data.time ? detail_data.time : '-' }}
+          </v-flex>
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">คุณสมบัติ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เพศ :</b> {{ detail_data.gender ? detail_data.gender : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ระดับการศึกษา :</b> {{ detail_data.degree ? detail_data.degree : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>เกรดเฉลี่ย :</b> {{ detail_data.gpax ? detail_data.gpax : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>ระยะเวลาการทำงาน :</b> {{ detail_data.phase ? detail_data.phase : '-' }}
+          </v-flex>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <b>คุณสมบัติเพิ่มเติม : </b> 
+            <v-flex xs12 sm12 class="body-1 px-4"><pre class="body-1">{{ detail_data.feature ? detail_data.feature : '-' }}</pre>
+            </v-flex>
+          </v-flex>
+
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">หน้าที่รับผิดชอบ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <pre class="body-1">{{ detail_data.role ? detail_data.role : '-' }}</pre>
+          </v-flex>
+
+        </v-flex>
+        <v-flex xs12 sm12 class="mt-2 ">
+          <span class="font-weight-bold subheading red--text">สวัสดิการ</span>
+          <v-flex xs12 sm12 class="body-1 px-4">
+            <pre class="body-1">{{ detail_data.welfare ? detail_data.welfare : '-' }}</pre>
+            
+          </v-flex>
+
+        </v-flex>
+        
+      </v-flex>
+    </v-flex>
+    <v-flex xs12 sm3 class="pa-1 ">
+      <v-flex xs12 sm12 class="div-card white pa-2">
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mb-1 mt-2">
+          <v-icon small >fas fa-mobile-alt</v-icon> ข้อมูลติดต่อ 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-flex xs12 sm12 class="text-xs-center text-sm-center ">
+          <img width="180" class="" :src="detail_data.imageCompany" alt="">
+        </v-flex>
+        <v-flex xs12 sm12 class="text-xs-center text-sm-center font-weight-bold caption mb-1">
+          {{ detail_data.company_name }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+           <v-icon small>fas fa-user</v-icon> คุณ {{ detail_data.company_owner }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>fas fa-envelope</v-icon> {{ detail_data.email }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>laptop_mac</v-icon> {{ detail_data.website ? detail_data.website : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>phone</v-icon> โทร. {{ detail_data.phone_no ? detail_data.phone_no : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" body-1 px-2">
+          <v-icon small>fas fa-fax</v-icon> แฟกซ์. :{{ detail_data.fax ? detail_data.fax : '-' }}
+        </v-flex>
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
+          <v-icon small >fas fa-street-view</v-icon> แผนที่ตั้งบริษัท 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-flex xs12 sm12 class=" font-weight-bold subheading mt-2 my-1">
+          <v-icon small >fas fa-plane</v-icon> การเดินทาง 
+          <v-divider></v-divider>
+        </v-flex>
+        <v-layout row wrap justify-center class="pa-1" fill-height align-center>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/bts.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+              {{ detail_data.bts ? detail_data.bts : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/mrt.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+              {{ detail_data.mrt ? detail_data.mrt : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+        </v-layout>
+        <v-layout row wrap justify-center class="pa-1" fill-height align-center>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/arl.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+               {{ detail_data.arl ? detail_data.arl : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+          <v-flex xs6 sm6 class="text-sm-center text-xs-center">
+            <img src="/images/bus.png" width="50" height="50" alt="">
+            <v-flex xs12 sm12>
+               {{ detail_data.bus ? detail_data.bus : 'ไม่มี' }}
+            </v-flex>
+          </v-flex>
+        </v-layout>
+        <v-flex xs12 sm12 class="px-3 font-weight-bold">
+          การเดินทางเพิ่มเติม :  {{ detail_data.another ? detail_data.another : '-' }}
+        </v-flex>
+        
+      </v-flex>
+    </v-flex>
+  </v-layout>    
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      detail_data: {}
+    }
+  },
+  beforeMount () {
+    axios.get(`/api/detail/${this.$route.params.id}`)
+      .then(res => {
+        this.detail_data = res.data.job
+      }).catch(err => {console.log(err.response)})
+  }
+}
+</script>
+
+
+<style lang="scss" scoped>
+  .border-logo{
+    border:1px solid #e1e1e1;
+  }
+  .div-card {
+    border-radius: 3px;
+    box-shadow: 0 2px 1px rgba(0,0,0,.17);
+  }
+</style>
+

resources/js/components/Toolbar.vue

 <template>
   <div>
-    <v-layout row wrap white>
+    <v-layout row wrap  fill-height align-center class="colornav pt-1">
       <v-flex xs12 sm10 offset-sm1>
-        <v-toolbar flat color="white" height="40">
-          <v-spacer></v-spacer>
-          <v-btn small="" dark color="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 flat color="#0d253d"> <!--v-if="page == 'app'"-->
+          <v-toolbar-title class="">
+            <router-link to="/"><img src="../../../public/images/logocoop.png" class="" width="140"></router-link>
           </v-toolbar-title>
           <v-spacer></v-spacer>
-          <v-btn v-if="!responsive" flat color="black" class="mx-0 px-0">
+          <router-link to="/">
+          <v-btn v-if="!responsive" flat color="white" class="mx-2 px-2">
             <v-icon>home</v-icon>
-            <span class="body-2 font-weight-bold">หน้าหลัก</span>
           </v-btn>   
-          <v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
-            <span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
-          </v-btn>
-          <v-btn v-if="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
-            <span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
+          </router-link>
+          <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>
-          <v-btn v-if="!responsive" flat color="black" class="m x-0 px-0 body-2 font-weight-bold">
-            <span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
+          </router-link>
+          <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="!responsive" flat color="black" class="mx-0 px-0 body-2 font-weight-bold">
-            <span class="body-2 font-weight-bold">เกี่ยวกับเรา</span>
+          <v-btn v-if="!currentUser" flat color="white" class="mx-1 px-1 body-2 font-weight-bold" @click.stop="register()">
+            <span class="body-2 font-weight-bold">สมัครสมาชิก</span>
           </v-btn>
-          <v-btn v-if="!responsive" 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-else small  dark color="yellow darken-2" @click="logout()" class="black--text py-2">
+            <v-icon>account_circle</v-icon>&nbsp;{{ currentUser }}
           </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>
@@ -129,3 +88,10 @@ export default {
   }
 }
 </script>
+
+
+<style lang="scss" scoped>
+  .colornav{
+    background-color:#0d253d;
+  }
+</style>