bantenprov/portal-anggaran

Nama anggaran

Anggaran

, _(*1)

Anggaran, _(*2)

Install via composer

• Development snapshot

$ composer require bantenprov/portal-anggaran:dev-master

• Latest release:

$ composer require bantenprov/portal-anggaran:v0.1

Download via github

$ git clone https://github.com/bantenprov/portal-anggaran.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\Anggaran\AnggaranServiceProvider::class,

Lakukan migrate :

$ php artisan migrate

Publish database seeder :

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

Lakukan auto dump :

$ composer dump-autoload

Lakukan seeding :

$ php artisan db:seed --class=BantenprovAnggaranSeeder

Lakukan publish component vue :

$ php artisan vendor:publish --tag=anggaran-assets
$ php artisan vendor:publish --tag=anggaran-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: '/anggaran/:id',
    name: 'home',
    component: resolve => require(['./components/bantenprov/anggaran/Anggaran.show.vue'], resolve),
    meta: {
        title: "Anggaran"
    }
  },

  //==..
  {
    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/anggaran',
         components: {
            main: resolve => require(['./components/views/bantenprov/anggaran/DashboardAnggaran.vue'], resolve),
            navbar: resolve => require(['./components/Navbar.vue'], resolve),
            sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
          },
          meta: {
            title: "Anggaran"
           }
       },
        //== ...
    ]
},

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

Edit menu resources/assets/js/menu.js

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

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

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

//== Anggaran

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

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

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

import AnggaranAdminShow from './components/bantenprov/anggaran/AnggaranAdmin.show.vue';
Vue.component('admin-view-anggaran-tahun', AnggaranAdminShow);

//== Echarts Group Egoverment

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

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

//==

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

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

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

//== mini pie charts

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

//== Anggaran dan Realisasi APBN

import AnggaranRealisasiAPBNPie from './components/views/bantenprov/anggaran/AnggaranRealisasiAPBNPie.vue';
Vue.component('anggaran-realisasi-apbn-pie', AnggaranRealisasiAPBNPie);

//== Anggaran dan Realisasi APBD

import AnggaranRealisasiAPBDBar from './components/views/bantenprov/anggaran/AnggaranRealisasiAPBDBar.vue';
Vue.component('anggaran-realisasi-apbd-bar', AnggaranRealisasiAPBDBar);