bantenprov/kegiatan

Nama Kegiatan

Kegiatan

, _(*1)

Kegiatan

Kegiatan, _(*2)

Install via composer

• Development snapshot

$ composer require bantenprov/kegiatan:dev-master

• Latest release:

Download via github

$ git clone https://github.com/bantenprov/kegiatan.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\Kegiatan\KegiatanServiceProvider::class,

Edit app/Http/Kernel.php

protected $routeMiddleware = [
    'auth' => \Illuminate\Auth\Middleware\Authenticate::class,
    'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
    'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class,
    'can' => \Illuminate\Auth\Middleware\Authorize::class,
    'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
    'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,

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

    'role' => \Laratrust\Middleware\LaratrustRole::class,
    'permission' => \Laratrust\Middleware\LaratrustPermission::class,
    'ability' => \Laratrust\Middleware\LaratrustAbility::class,
];

Lakukan migrate :

$ php artisan migrate

Publish database seeder :

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

Lakukan auto dump :

$ composer dump-autoload

Lakukan seeding :

$ php artisan db:seed --class=BantenprovKegiatanSeeder

Lakukan publish component vue :

$ php artisan vendor:publish --tag=kegiatan-assets
$ php artisan vendor:publish --tag=kegiatan-public

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

{
    path: '/dashboard',
    redirect: '/dashboard/home',
    component: layout('Default'),
    children: [
        //== ...
       {
        path: '/dashboard/kegiatan',
        components: {
            main: resolve => require(['./components/views/bantenprov/kegiatan/DashboardKegiatan.vue'], resolve),
            navbar: resolve => require(['./components/Navbar.vue'], resolve),
            sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
        },
        meta: {
            title: "Kegiatan"
        }
      }
        //== ...
    ]
},

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

Edit menu resources/assets/js/menu.js

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

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

Tambahkan components resources/assets/js/components.js :

```javascript, <sub>(*3)</sub>

//== Example Vuetable, <sub>(*4)</sub>

import Kegiatan from './components/bantenprov/kegiatan/Kegiatan.chart.vue'; Vue.component('echarts-kegiatan', Kegiatan);, <sub>(*5)</sub>

import KegiatanKota from './components/bantenprov/kegiatan/KegiatanKota.chart.vue'; Vue.component('echarts-dpp-bank-dinia-kota', KegiatanKota);, <sub>(*6)</sub>

import KegiatanTahun from './components/bantenprov/kegiatan/KegiatanTahun.chart.vue'; Vue.component('echarts-dpp-bank-dinia-tahun', KegiatanTahun);, <sub>(*7)</sub>

import KegiatanAdminShow from './components/bantenprov/kegiatan/KegiatanAdmin.show.vue'; Vue.component('admin-view-kegiatan-tahun', KegiatanAdminShow);, <sub>(*8)</sub>

//== Echarts Kegiatan, <sub>(*9)</sub>

import KegiatanBar01 from './components/views/bantenprov/kegiatan/KegiatanBar01.vue'; Vue.component('kegiatan-bar-01', KegiatanBar01);, <sub>(*10)</sub>

import KegiatanBar02 from './components/views/bantenprov/kegiatan/KegiatanBar02.vue'; Vue.component('kegiatan-bar-02', KegiatanBar02);, <sub>(*11)</sub>

//== mini bar charts import KegiatanBar03 from './components/views/bantenprov/kegiatan/KegiatanBar03.vue'; Vue.component('kegiatan-bar-03', KegiatanBar03);, <sub>(*12)</sub>

import KegiatanPie01 from './components/views/bantenprov/kegiatan/KegiatanPie01.vue'; Vue.component('kegiatan-pie-01', KegiatanPie01);, <sub>(*13)</sub>

import KegiatanPie02 from './components/views/bantenprov/kegiatan/KegiatanPie02.vue'; Vue.component('kegiatan-pie-02', KegiatanPie02);, <sub>(*14)</sub>

//== mini pie charts import KegiatanPie03 from './components/views/bantenprov/kegiatan/KegiatanPie03.vue'; Vue.component('kegiatan-pie-03', KegiatanPie03);, <sub>(*15)</sub>