bantenprov/portal-layanan

Nama layanan

Layanan

, _(*1)

Layanan, _(*2)

Install via composer

• Development snapshot

$ composer require bantenprov/layanan:dev-master

• Latest release:

$ composer require bantenprov/layanan

Download via github

$ git clone https://github.com/bantenprov/layanan.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\Layanan\LayananServiceProvider::class,

Lakukan migrate :

$ php artisan migrate

Publish database seeder :

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

Lakukan auto dump :

$ composer dump-autoload

Lakukan seeding :

$ php artisan db:seed --class=BantenprovLayananSeeder

Lakukan publish component vue :

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

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

function layout(name) {
  return function(resolve) {
    require(['./layouts/' + name + '.vue'], resolve);
  }
}

let routes = [
  {
    path: '/',
    name: 'home',
    component: resolve => require(['./components/views/Home.vue'], resolve),
  },
   //==...

  {
    path: '/layanan/:id',
    name: 'home',
    component: resolve => require(['./components/bantenprov/layanan/Layanan.show.vue'], resolve),
    meta: {
        title: "Portal Layanan"
    }
  },

  //==..

  {
    path: '/sign-in',
    name: 'sign-in',
    component: resolve => require(['./components/views/SignIn.vue'], resolve),
    meta: {
      title: "Sign in"
    }
  },

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

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

Edit menu resources/assets/js/menu.js

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

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

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

//== Layanan

import Layanan from './components/bantenprov/layanan/Layanan.chart.vue';
Vue.component('echarts-layanan', Layanan);

import LayananKota from './components/bantenprov/layanan/LayananKota.chart.vue';
Vue.component('echarts-layanan-kota', LayananKota);

import LayananTahun from './components/bantenprov/layanan/LayananTahun.chart.vue';
Vue.component('echarts-layanan-tahun', LayananTahun);

import LayananAdminShow from './components/bantenprov/layanan/LayananAdmin.show.vue';
Vue.component('admin-view-layanan-tahun', LayananAdminShow);

//== Echarts Group Egoverment

import LayananBar01 from './components/views/bantenprov/layanan/LayananBar01.vue';
Vue.component('layanan-bar-01', LayananBar01);

import LayananBar02 from './components/views/bantenprov/layanan/LayananBar02.vue';
Vue.component('layanan-bar-02', LayananBar02);

//== mini bar charts
import LayananBar03 from './components/views/bantenprov/layanan/LayananBar03.vue';
Vue.component('layanan-bar-03', LayananBar03);

import LayananPie01 from './components/views/bantenprov/layanan/LayananPie01.vue';
Vue.component('layanan-pie-01', LayananPie01);

import LayananPie02 from './components/views/bantenprov/layanan/LayananPie02.vue';
Vue.component('layanan-pie-02', LayananPie02);

//== mini pie charts


import LayananPie03 from './components/views/bantenprov/layanan/LayananPie03.vue';
Vue.component('layanan-pie-03', LayananPie03);