Fixed navbar drawer

Author: jioo

WebClient/src/components/log-employee-form.vue

@@ -22,8 +22,9 @@
 </template>
 
 <script>
-import { LOG_EMPLOYEE } from '@/store/actions-type'
 import { mapGetters } from 'vuex'
+import { LOG_EMPLOYEE } from '@/store/actions-type'
+import { EventBus } from '@/event-bus.js'
 
 export default {
     data () {
@@ -59,6 +60,10 @@ export default {
         resetForm () {
             this.$refs.form.reset()
         }
+    },
+
+    created () {
+        EventBus.$emit('toggle-drawer')
     }
 }
 </script>

WebClient/src/components/nav-bar.vue

@@ -90,7 +90,7 @@ import { EventBus } from '@/event-bus.js'
 export default {
     data() {
         return {
-            drawer: false,
+            drawer: true,
             items: [
                 { icon: "home", title: "Home", to: "home", visible: true },
                 { icon: "supervisor_account", title: "Login", to: "login", visible: !this.isAuthenticated }

WebClient/src/router/index.js

@@ -2,7 +2,6 @@ import Vue from 'vue'
 import store from '@/store'
 import Router from 'vue-router'
 import AuthService from '@/services/auth-service.js'
-import { EventBus } from '@/event-bus.js'
 import { LOGOUT } from '@/store/actions-type'
 
 Vue.use(Router)
@@ -13,11 +12,7 @@ const router = new Router({
         {
             path: '/',
             name: 'home',
-            component: () => import('@/views/home'),
-            beforeEnter: (to, from, next) => {
-                EventBus.$emit('toggle-drawer')
-                next()
-            }
+            component: () => import('@/views/home')
         },
         {
             path: '/login',