GithubHelp home page GithubHelp logo

dikiwidia / angka-partisipasi-murni Goto Github PK

View Code? Open in Web Editor NEW

This project forked from bantenprov/angka-partisipasi-murni

0.0 1.0 0.0 215 KB

Angka partisipasi murni

License: MIT License

PHP 20.13% Vue 79.78% HTML 0.09%

angka-partisipasi-murni's Introduction

angka-partisipasi-murni

Join the chat at https://gitter.im/angka-partisipasi-murni/Lobby Scrutinizer Code Quality Build Status Latest Stable Version Total Downloads Latest Unstable Version License Monthly Downloads Daily Downloads

Angka partisipasi Murni (APM)

install via composer

  • Development snapshot
$ composer require bantenprov/angka-partisipasi-murni:dev-master
  • Latest release:

download via github

bash
$ git clone https://github.com/bantenprov/angka-partisipasi-murni.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\APMurni\APMurniServiceProvider::class,

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/ap-murni',
    components: {
      main: resolve => require(['./components/views/bantenprov/ap-murni/DashboardAPMurni.vue'], resolve),
      navbar: resolve => require(['./components/Navbar.vue'], resolve),
      sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
    },
    meta: {
      title: "AP Murni"
    }
  }
{
path: '/admin',
redirect: '/admin/dashboard',
component: resolve => require(['./AdminLayout.vue'], resolve),
children: [
//== ...
    {
      path: '/admin/dashboard/ap-murni',
      components: {
        main: resolve => require(['./components/bantenprov/ap-murni/APMurniAdmin.show.vue'], resolve),
        navbar: resolve => require(['./components/Navbar.vue'], resolve),
        sidebar: resolve => require(['./components/Sidebar.vue'], resolve)
      },
      meta: {
        title: "AP Murni"
      }
    }
 //== ...   
  ]
},

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: 'AP Murni',
          link: '/dashboard/ap-murni',
          icon: 'fa fa-angle-double-right'
        }
  ]
},

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

import APMurni from './components/bantenprov/ap-murni/APMurni.chart.vue';
Vue.component('echarts-ap-murni', APMurni);

import APMurniKota from './components/bantenprov/ap-murni/APMurniKota.chart.vue';
Vue.component('echarts-ap-murni-kota', APMurniKota);

import APMurniTahun from './components/bantenprov/ap-murni/APMurniTahun.chart.vue';
Vue.component('echarts-ap-murni-tahun', APMurniTahun);

import APMurniAdminShow from './components/bantenprov/ap-murni/APMurniAdmin.show.vue';
Vue.component('admin-view-ap-murni-tahun', APMurniAdminShow);

//== Echarts Angka Partisipasi Murni

import APMurniBar01 from './components/views/bantenprov/ap-murni/APMurniBar01.vue';
Vue.component('ap-murni-bar-01', APMurniBar01);

import APMurniBar02 from './components/views/bantenprov/ap-murni/APMurniBar02.vue';
Vue.component('ap-murni-bar-02', APMurniBar02);

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

import APMurniPie01 from './components/views/bantenprov/ap-murni/APMurniPie01.vue';
Vue.component('ap-murni-pie-01', APMurniPie01);

import APMurniPie02 from './components/views/bantenprov/ap-murni/APMurniPie02.vue';
Vue.component('ap-murni-pie-02', APMurniPie02);

//== mini pie charts
import APMurniPie03 from './components/views/bantenprov/ap-murni/APMurniPie03.vue';
Vue.component('ap-murni-pie-03', APMurniPie03);

Untuk publish component vue :

$ php artisan vendor:publish --tag=ap-murni-assets
$ php artisan vendor:publish --tag=ap-murni-public

angka-partisipasi-murni's People

Contributors

andri-sudarmawijaya avatar bantenprov avatar

Watchers

 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.