bantenprov/angka-melek-huruf

Angka Melek Huruf (AMH) Menurut Kabupaten/Kota

angka-melek-huruf

, _(*1)

Angka Melek Huruf (AMH) Menurut Kabupaten/Kota, _(*2)

Install via composer

• Development snapshot

$ composer require bantenprov/angka-melek-huruf:dev-master

• Latest release:

$ composer require bantenprov/angka-melek-huruf

Download via github

$ git clone https://github.com/bantenprov/angka-melek-huruf.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\AngkaMelekHuruf\AngkaMelekHurufServiceProvider::class,

Lakukan migrate :

$ php artisan migrate

Publish database seeder :

$ php artisan vendor:publish --tag=angka-melek-huruf-seeds

Lakukan auto dump :

$ composer dump-autoload

Lakukan seeding :

$ php artisan db:seed --class=BantenprovAngkaMelekHurufSeeder

Lakukan publish component vue :

$ php artisan vendor:publish --tag=angka-melek-huruf-assets
$ php artisan vendor:publish --tag=angka-melek-huruf-public

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

{
    path: '/dashboard',
    redirect: '/dashboard/home',
    component: layout('Default'),
    children: [
        //== ...
        {
        path: '/dashboard/angka-melek-huruf',
        components: {
            main: resolve => require(['./components/views/bantenprov/angka-melek-huruf/DashboardAngkaMelekHuruf.vue'], resolve),
            navbar: resolve => require(['./components/Navbar.vue'], resolve),
            sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
        },
        meta: {
            title: "Angka Melek Huruf"
        }
      }
        //== ...
    ]
},

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

Edit menu resources/assets/js/menu.js

{
    name: 'Dashboard',
    icon: 'fa fa-dashboard',
    childType: 'collapse',
    childItem: [
        //== ...
        {
          name: 'Angka Melek Huruf',
          link: '/dashboard/angka-melek-huruf',
          icon: 'fa fa-angle-double-right'
      }
        //== ...
    ]
},

{
    name: 'Admin',
    icon: 'fa fa-lock',
    childType: 'collapse',
    childItem: [
        //== ...
        {
            name: 'Angka Melek Huruf',
            link: '/admin/angka-melek-huruf',
            icon: 'fa fa-angle-double-right'
          }
        //== ...
    ]
},

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

```javascript //== Example Vuetable, <sub>(*3)</sub>

// Angka Melek Huruf import AngkaMelekHuruf from './components/bantenprov/angka-melek-huruf/AngkaMelekHuruf.chart.vue'; Vue.component('echarts-dpp-bank-dunia', AngkaMelekHuruf);, <sub>(*4)</sub>

import AngkaMelekHurufKota from './components/bantenprov/angka-melek-huruf/AngkaMelekHurufKota.chart.vue'; Vue.component('echarts-angka-melek-huruf-kota', AngkaMelekHurufKota);, <sub>(*5)</sub>

import AngkaMelekHurufTahun from './components/bantenprov/angka-melek-huruf/AngkaMelekHuruf.chart.vue'; Vue.component('echarts-angka-melek-huruf-tahun', AngkaMelekHurufTahun);, <sub>(*6)</sub>

import AngkaMelekHurufAdminShow from './components/bantenprov/angka-melek-huruf/AngkaMelekHurufAdmin.show.vue'; Vue.component('admin-view-angka-melek-huruf-tahun', AngkaMelekHurufAdminShow);, <sub>(*7)</sub>

//== Echarts Angka Melek Huruf, <sub>(*8)</sub>

import AngkaMelekHurufBar01 from './components/views/bantenprov/angka-melek-huruf/AngkaMelekHurufBar01.vue'; Vue.component('angka-melek-huruf-bar-01', AngkaMelekHurufBar01);, <sub>(*9)</sub>

import AngkaMelekHurufBar02 from './components/views/bantenprov/angka-melek-huruf/AngkaMelekHurufBar02.vue'; Vue.component('angka-melek-huruf-bar-02', AngkaMelekHurufBar02);, <sub>(*10)</sub>

//== mini bar charts import AngkaMelekHurufBar03 from './components/views/bantenprov/angka-melek-huruf/AngkaMelekHurufBar03.vue'; Vue.component('angka-melek-huruf-bar-03', AngkaMelekHurufBar03);, <sub>(*11)</sub>

import AngkaMelekHurufPie01 from './components/views/bantenprov/angka-melek-huruf/AngkaMelekHurufPie01.vue'; Vue.component('angka-melek-huruf-pie-01', AngkaMelekHurufPie01);, <sub>(*12)</sub>

import AngkaMelekHurufPie02 from './components/views/bantenprov/angka-melek-huruf/AngkaMelekHurufPie02.vue'; Vue.component('angka-melek-huruf-pie-02', AngkaMelekHurufPie02);, <sub>(*13)</sub>

//== mini pie charts import AngkaMelekHurufPie03 from './components/views/bantenprov/angka-melek-huruf/AngkaMelekHurufPie03.vue'; Vue.component('angka-melek-huruf-pie-03', AngkaMelekHurufPie03);, <sub>(*14)</sub>