bantenprov/vue-guard

Manage guard using vuejs

vue-guard

, _(*1)

Manage laravel permission using vuejs, _(*2)

Modul ini membutuhkan :

• Vue Workflow, _(*3)

• Vue Trust, _(*4)

Install via composer :

$ composer require bantenprov/vue-guard:dev-master

edit config/app.php

'providers' => [

        /*
         * Laravel Framework Service Providers...
         */
        Illuminate\Auth\AuthServiceProvider::class,
        Illuminate\Broadcasting\BroadcastServiceProvider::class,
        Illuminate\Bus\BusServiceProvider::class,
    //=======

    Bantenprov\VueGuard\VueGuardServiceProvider::class,

artisan command

$ php artisan vendor:publish --tag=vue-guard-assets
$ php artisan migrate

tambahkan pada resources/assets/js/routes/routes.js

...authGuard([
   {
      path: '/admin',
      name: 'admin',
      redirect: '/admin/dashboard',
      component: layout('Default'),
      children: [
    //............
    //=== vue guard route
          {
          path: '/admin/workflow/guard',
          components: {
            main: resolve => require(['~/components/bantenprov/vue-guard/vue_guard.index.vue'], resolve),
            navbar: resolve => require(['~/components/Navbar.vue'], resolve),
            sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
          },
          meta: {
            title: "Guard"
              }
          },
          {
          path: '/admin/workflow/guard/:id/show',
          components: {
            main: resolve => require(['~/components/bantenprov/vue-guard/vue_guard.show.vue'], resolve),
            navbar: resolve => require(['~/components/Navbar.vue'], resolve),
            sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
          },
          meta: {
            title: "Guard"
              }
          },
          {
          path: '/admin/workflow/guard/:id/edit',
          components: {
            main: resolve => require(['~/components/bantenprov/vue-guard/vue_guard.edit.vue'], resolve),
            navbar: resolve => require(['~/components/Navbar.vue'], resolve),
            sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
          },
          meta: {
            title: "Guard"
              }
          },
          {
          path: '/admin/workflow/guard/create',
          components: {
            main: resolve => require(['~/components/bantenprov/vue-guard/vue_guard.create.vue'], resolve),
            navbar: resolve => require(['~/components/Navbar.vue'], resolve),
            sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
          },
          meta: {
            title: "Guard"
              }
          },
        //=== end guard route

tambahkan pada resources/assets/js/app.js

new Vue({
  store,
  router,
  template: '<App/>',
  components: { App }
}).$mount('#app')

//---------------------

//== vue guard menus
import vue_guard_menu from './components/bantenprov/vue-guard/vue_guard_menu';

npm command :

( development ), _(*5)

$ npm run dev

( production ), _(*6)

$ npm run prod