Giter Club home page Giter Club logo

dapodik-data-guru's Introduction

dapodik-data-guru

Statistik rekapitulasi dapodik data guru tingkat provinsi

Join the chat at https://gitter.im/dapodik-data-guru/Lobby Scrutinizer Code Quality Build Status

install via composer

  • Development snapshot
$ composer require bantenprov/dapodik-data-guru:dev-master
  • Latest release:

download via github

$ git clone https://github.com/bantenprov/dapodik-data-guru.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\DDGuru\DDGuruServiceProvider::class,

Untuk publish component vue :

$ php artisan vendor:publish --tag=dd-guru-assets
$ php artisan vendor:publish --tag=dd-guru-public

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

path: '/dashboard',
component: layout('Default'),
children: [
  {
    path: '/dashboard',
    components: {
      main: resolve => require(['./components/views/DashboardHome.vue'], resolve),
      navbar: resolve => require(['./components/Navbar.vue'], resolve),
      sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
    },
    meta: {
      title: "Dashboard"
    }
  },
  //== ...
  {
    path: '/dashboard/dd-guru',
    components: {
        main: resolve => require(['./components/views/bantenprov/dd-guru/DashboardDDGuru.vue'], resolve),
        navbar: resolve => require(['./components/Navbar.vue'], resolve),
        sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
    },
    meta: {
        title: "Dapodik Data Guru"
    }
  }
  //== ...
{
path: '/admin',
redirect: '/admin/dashboard',
component: resolve => require(['./AdminLayout.vue'], resolve),
children: [
    //== ...
    {
			path: '/admin/dashboard/dd-guru',
			components: {
				main: resolve => require(['./components/bantenprov/dd-guru/DDGuruAdmin.show.vue'], resolve),
				navbar: resolve => require(['./components/Navbar.vue'], resolve),
				sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
			},
			meta: {
				title: "Dapodik Data Guru"
			}
		}
    //== ...   
  ]
},

Edit menu resources/assets/js/menu.js

{
  name: 'Dashboard',
  icon: 'fa fa-dashboard',
  childType: 'collapse',
  childItem: [
        {
          name: 'Dashboard',
          link: '/dashboard',
          icon: 'fa fa-angle-double-right'
        },
        {
          name: 'Entity',
          link: '/dashboard/entity',
          icon: 'fa fa-angle-double-right'
        },
        //== ...
        {
          name: 'Dapodik Data Guru',
          link: '/dashboard/dd-guru',
          icon: 'fa fa-angle-double-right'
        },
  ]
},
{
  name: 'Admin',
  icon: 'fa fa-lock',
  childType: 'collapse',
  childItem: [
    {
      name: 'Dashboard',
      icon: 'fa fa-angle-double-right',
      child: [
        {
          name: 'Home',
          link: '/admin/dashboard/home',
          icon: 'fa fa-angle-right'
        },
        //== ...
        {
          name: 'Dapodik Data Guru',
          link: 'admin/dashboard/dd-guru',
          icon: 'fa fa-angle-double-right'
        }
      ]
    },
  ]
}

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

//== DD guru

import DDGuru from './components/bantenprov/dd-guru/DDGuru.chart.vue';
Vue.component('echarts-dd-guru', DDGuru);

import DDGuruKota from './components/bantenprov/dd-guru/DDGuruKota.chart.vue';
Vue.component('echarts-dd-guru-kota', DDGuruKota);

import DDGuruTahun from './components/bantenprov/dd-guru/DDGuruTahun.chart.vue';
Vue.component('echarts-dd-guru-tahun', DDGuruTahun);

import DDGuruAdminShow from './components/bantenprov/dd-guru/DDGuruAdmin.show.vue';
Vue.component('admin-view-dd-guru-tahun', DDGuruAdminShow);

//== Echarts DD Guru

import DDGuruBar01 from './components/views/bantenprov/dd-guru/DDGuruBar01.vue';
Vue.component('dd-guru-bar-01', DDGuruBar01);

import DDGuruBar02 from './components/views/bantenprov/dd-guru/DDGuruBar02.vue';
Vue.component('dd-guru-bar-02', DDGuruBar02);

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

import DDGuruPie01 from './components/views/bantenprov/dd-guru/DDGuruPie01.vue';
Vue.component('dd-guru-pie-01', DDGuruPie01);

import DDGuruPie02 from './components/views/bantenprov/dd-guru/DDGuruPie02.vue';
Vue.component('dd-guru-pie-02', DDGuruPie02);

//== mini pie charts
import DDGuruPie03 from './components/views/bantenprov/dd-guru/DDGuruPie03.vue';
Vue.component('dd-guru-pie-03', DDGuruPie03);

dapodik-data-guru's People

Contributors

andri-sudarmawijaya avatar arifin09 avatar bantenprov avatar dikiwidia avatar igoynawamreh avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.