Orang Tua
, (*1)
Install via composer
$ composer require bantenprov/orang-tua:dev-master
$ composer require bantenprov/orang-tua
Download via github
$ git clone https://github.com/bantenprov/orang-tua.git
Edit config/app.php :
'providers' => [
/*
* Package Service Providers...
*/
Laravel\Tinker\TinkerServiceProvider::class,
//....
Bantenprov\OrangTua\OrangTuaServiceProvider::class,
Publish vendor :
$ php artisan vendor:publish --tag=orang-tua-seeds
$ php artisan vendor:publish --tag=orang-tua-assets
$ php artisan vendor:publish --tag=orang-tua-public
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 auto dump :
$ composer dump-autoload
Lakukan migrate :
$ php artisan migrate
Lakukan seeding :
$ php artisan db:seed --class=BantenprovOrangTuaSeeder
Tambahkan route di dalam file : resources/assets/js/routes.js :
{
path: '/dashboard',
redirect: '/dashboard/home',
component: layout('Default'),
children: [
//== ...
{
path: '/dashboard/orang-tua',
components: {
main: resolve => require(['./components/views/bantenprov/orang-tua/DashboardOrangTua.vue'], resolve),
navbar: resolve => require(['./components/Navbar.vue'], resolve),
sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
},
meta: {
title: "Orang Tua"
}
},
//== ...
]
},
{
path: '/admin',
redirect: '/admin/dashboard/home',
component: layout('Default'),
children: [
//== ...
{
path: '/admin/orang-tua',
components: {
main: resolve => require(['./components/bantenprov/orang-tua/OrangTua.index.vue'], resolve),
navbar: resolve => require(['./components/Navbar.vue'], resolve),
sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
},
meta: {
title: "Orang Tua"
}
},
{
path: '/admin/orang-tua/create',
components: {
main: resolve => require(['./components/bantenprov/orang-tua/OrangTua.add.vue'], resolve),
navbar: resolve => require(['./components/Navbar.vue'], resolve),
sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
},
meta: {
title: "Add Orang Tua"
}
},
{
path: '/admin/orang-tua/:id',
components: {
main: resolve => require(['./components/bantenprov/orang-tua/OrangTua.show.vue'], resolve),
navbar: resolve => require(['./components/Navbar.vue'], resolve),
sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
},
meta: {
title: "View Orang Tua"
}
},
{
path: '/admin/orang-tua/:id/edit',
components: {
main: resolve => require(['./components/bantenprov/orang-tua/OrangTua.edit.vue'], resolve),
navbar: resolve => require(['./components/Navbar.vue'], resolve),
sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
},
meta: {
title: "Edit Orang Tua"
}
},
//== ...
]
},
{
name: 'Dashboard',
icon: 'fa fa-dashboard',
childType: 'collapse',
childItem: [
//== ...
{
name: 'Orang Tua',
link: '/dashboard/orang-tua',
icon: 'fa fa-angle-double-right'
},
//== ...
]
},
{
name: 'Admin',
icon: 'fa fa-lock',
childType: 'collapse',
childItem: [
//== ...
{
name: 'Orang Tua',
link: '/admin/orang-tua',
icon: 'fa fa-angle-double-right'
},
//== ...
]
},
Tambahkan components resources/assets/js/components.js :
import OrangTua from './components/bantenprov/orang-tua/OrangTua.chart.vue';
Vue.component('echarts-orang-tua', OrangTua);
import OrangTuaKota from './components/bantenprov/orang-tua/OrangTuaKota.chart.vue';
Vue.component('echarts-orang-tua-kota', OrangTuaKota);
import OrangTuaTahun from './components/bantenprov/orang-tua/OrangTuaTahun.chart.vue';
Vue.component('echarts-orang-tua-tahun', OrangTuaTahun);
import OrangTuaAdminShow from './components/bantenprov/orang-tua/OrangTuaAdmin.show.vue';
Vue.component('admin-view-orang-tua-tahun', OrangTuaAdminShow);
//== Echarts Orang Tua
import OrangTuaBar01 from './components/views/bantenprov/orang-tua/OrangTuaBar01.vue';
Vue.component('orang-tua-bar-01', OrangTuaBar01);
import OrangTuaBar02 from './components/views/bantenprov/orang-tua/OrangTuaBar02.vue';
Vue.component('orang-tua-bar-02', OrangTuaBar02);
//== mini bar charts
import OrangTuaBar03 from './components/views/bantenprov/orang-tua/OrangTuaBar03.vue';
Vue.component('orang-tua-bar-03', OrangTuaBar03);
import OrangTuaPie01 from './components/views/bantenprov/orang-tua/OrangTuaPie01.vue';
Vue.component('orang-tua-pie-01', OrangTuaPie01);
import OrangTuaPie02 from './components/views/bantenprov/orang-tua/OrangTuaPie02.vue';
Vue.component('orang-tua-pie-02', OrangTuaPie02);
//== mini pie charts
import OrangTuaPie03 from './components/views/bantenprov/orang-tua/OrangTuaPie03.vue';
Vue.component('orang-tua-pie-03', OrangTuaPie03);