bantenprov/vue-user

Nama user

User

, _(*1)

User

User, _(*2)

Install via composer

• Development snapshot

$ composer require bantenprov/user:dev-master

• Latest release:

Download via github

$ git clone https://github.com/bantenprov/user.git

Edit config/app.php :

'providers' => [

    /*
    * Laravel Framework Service Providers...
    */
    Illuminate\Auth\AuthServiceProvider::class,
    Illuminate\Broadcasting\BroadcastServiceProvider::class,
    Illuminate\Bus\BusServiceProvider::class,
    Illuminate\Cache\CacheServiceProvider::class,
    Illuminate\Foundation\Providers\ConsoleSupportServiceProvider::class,
    Illuminate\Cookie\CookieServiceProvider::class,
    //....
    Bantenprov\User\UserServiceProvider::class,

Publish database seeder :

$ php artisan vendor:publish --tag=user-seeds

Lakukan auto dump :

$ composer dump-autoload

Lakukan seeding :

$ php artisan db:seed --class=BantenprovUserSeederUser

Lakukan publish component vue :

$ php artisan vendor:publish --tag=user-assets

Tambahkan route di dalam file : resources/assets/js/routes.js :

{
    path: '/admin',
    redirect: '/admin/dashboard/home',
    component: layout('Default'),
    children: [
        //== ...
        {
            path: '/admin/user',
            components: {
                main: resolve => require(['~/components/bantenprov/user/User.index.vue'], resolve),
                navbar: resolve => require(['~/components/Navbar.vue'], resolve),
                sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
            },
            meta: {
                title: "User"
            }
        },
        {
            path: '/admin/user/create',
            components: {
                main: resolve => require(['~/components/bantenprov/user/User.add.vue'], resolve),
                navbar: resolve => require(['~/components/Navbar.vue'], resolve),
                sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
            },
            meta: {
                title: "User"
            }
        },
        {
            path: '/admin/user/:id',
            components: {
                main: resolve => require(['~/components/bantenprov/user/User.show.vue'], resolve),
                navbar: resolve => require(['~/components/Navbar.vue'], resolve),
                sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
            },
            meta: {
                title: "User"
            }
        },
        {
          path: '/admin/user/user-add-role/:id',
          components: {
              main: resolve => require(['~/components/bantenprov/user/User.AddRole.vue'], resolve),
              navbar: resolve => require(['~/components/Navbar.vue'], resolve),
              sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
          },
          meta: {
              title: "User"
          }
        },
        {
            path: '/admin/user/:id/edit',
            components: {
                main: resolve => require(['~/components/bantenprov/user/User.edit.vue'], resolve),
                navbar: resolve => require(['~/components/Navbar.vue'], resolve),
                sidebar: resolve => require(['~/components/Sidebar.vue'], resolve)
            },
            meta: {
                title: "User"
            }
        },
        //== ...
    ]
},

Edit menu resources/assets/js/menu.js

{
    name: 'Dashboard',
    icon: 'fa fa-dashboard',
    childType: 'collapse',
    childItem: [
        //== ...
         {
            name: 'User',
            link: '/admin/user',
            icon: 'fa fa-angle-double-right'
        }
        //== ...
    ]
},

{
    name: 'Admin',
    icon: 'fa fa-lock',
    childType: 'collapse',
    childItem: [
        //== ...
        {
            name: 'User',
            link: '/admin/user',
            icon: 'fa fa-angle-double-right'
          }
        //== ...
    ]
},