diff --git a/bdgwebkit/statistik.html b/bdgwebkit/statistik.html
new file mode 100644
index 0000000000000000000000000000000000000000..ee6b1f792ca4f60ef982f0c93f82d5f33efa5671
--- /dev/null
+++ b/bdgwebkit/statistik.html
@@ -0,0 +1,781 @@
+<!DOCTYPE html>
+<html lang="en" class="">
+<head>
+ <meta charset="utf-8" />
+ <title>Bandung Web Kit | BDGWEBKIT</title>
+ <meta name="description" content="Bandung Web Kit" />
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+ <link rel="stylesheet" href="../libs/assets/animate.css/animate.css" type="text/css" />
+ <link rel="stylesheet" href="../libs/assets/font-awesome/css/font-awesome.min.css" type="text/css" />
+ <link rel="stylesheet" href="../libs/assets/simple-line-icons/css/simple-line-icons.css" type="text/css" />
+ <link rel="stylesheet" href="../libs/jquery/bootstrap/dist/css/bootstrap.css" type="text/css" />
+
+ <link rel="stylesheet" href="css/font.css" type="text/css" />
+ <link rel="stylesheet" href="css/style.css" type="text/css" />
+
+
+</head>
+<body>
+<div class="app app-header-fixed ">
+
+
+ <!-- header -->
+ <header id="header" class="app-header navbar" role="menu">
+ <!-- navbar header -->
+ <div class="navbar-header bg-info">
+ <button class="pull-right visible-xs dk" ui-toggle-class="show" target=".navbar-collapse">
+ <i class="glyphicon glyphicon-cog"></i>
+ </button>
+ <button class="pull-right visible-xs" ui-toggle-class="off-screen" target=".app-aside" ui-scroll="app">
+ <i class="glyphicon glyphicon-align-justify"></i>
+ </button>
+ <!-- brand -->
+ <a href="#/" class="navbar-brand text-lt">
+ <img src="img/logo-small.png" alt="." class="small-logo hide">
+ <img src="img/logo.png" alt="." class="large-logo">
+ </a>
+ <!-- / brand -->
+ </div>
+ <!-- / navbar header -->
+
+ <!-- navbar collapse -->
+ <div class="collapse pos-rlt navbar-collapse bg-info">
+ <!-- buttons -->
+ <div class="nav navbar-nav hidden-xs">
+
+ </div>
+ <!-- / buttons -->
+
+ <!-- link and dropdown -->
+ <ul class="nav navbar-nav hidden-sm">
+ <li>
+ <a href="#">HOME</a>
+ </li>
+ <li class="dropdown">
+ <a href="#" data-toggle="dropdown" class="dropdown-toggle">
+ <i class="fa fa-fw fa-plus visible-xs-inline-block"></i>
+ <span>PAGES</span> <span class="caret"></span>
+ </a>
+ <ul class="dropdown-menu" role="menu">
+
+ <li>
+ <a href="#">
+ <span class="badge bg-danger pull-right">5</span>
+ <span>Form Elements</span>
+ </a>
+ </li>
+
+ <li>
+ <a href="#">
+ <span class="badge bg-info pull-right">15</span>
+ <span>Form Validation</span>
+ </a>
+ </li>
+
+ <li>
+ <a href="#">
+ <span>Form Wizard</span>
+ </a>
+ </li>
+
+ </ul>
+ </li>
+ <li>
+ <a href="#">PROJECT</a>
+ </li>
+ </ul>
+ <!-- / link and dropdown -->
+
+ <!-- nabar right -->
+ <ul class="nav navbar-nav navbar-right">
+ <li class="dropdown">
+ <a href="#" data-toggle="dropdown" class="dropdown-toggle">
+ <i class="icon-bdg_alert text14"></i>
+ <span class="visible-xs-inline">Notifikasi</span>
+ <span class="badge badge-sm up bg-danger pull-right-xs">2</span>
+ </a>
+ <!-- dropdown -->
+ <div class="dropdown-menu w-xl animated fadeIn">
+ <div class="panel bg-white">
+ <div class="panel-heading b-light bg-light">
+ <strong>Kamu Punya <span>2</span> Notifikasi</strong>
+ </div>
+ <div class="list-group">
+ <a href class="list-group-item">
+ <span class="pull-left m-r thumb-sm">
+ <img src="img/01.jpg" alt="..." class="img-circle">
+ </span>
+ <span class="clear block m-b-none">
+ Pembangunan Taman daerah Bandung Barat<br>
+ <small class="text-muted">10 minutes ago</small>
+ </span>
+ </a>
+ <a href class="list-group-item">
+ <span class="clear block m-b-none">
+ Revitalisasi Sungai Cikapundung<br>
+ <small class="text-muted">1 hour ago</small>
+ </span>
+ </a>
+ </div>
+ <div class="panel-footer text-sm">
+ <a href class="pull-right"><i class="icon-bdg_setting3"></i></a>
+ <a href="#notes" data-toggle="class:show animated fadeInRight">Lihat Semua Notifikasi</a>
+ </div>
+ </div>
+ </div>
+ <!-- / dropdown -->
+ </li>
+ <li class="dropdown">
+ <a href="#" data-toggle="dropdown" class="dropdown-toggle">
+ <i class="icon-bdg_search text14"></i>
+ </a>
+ <!-- dropdown -->
+ <div class="search_wrapper pull-right w-xl animated fadeIn">
+ <form action="">
+ <i class="pull-left glyphicon glyphicon-search"></i>
+ <input type="text" class="pull-left" placeholder="Type Here">
+ <a href="#" class="remove-search"><i class="pull-right icon-bdg_cross"></i></a>
+ </form>
+ </div>
+ <!-- / dropdown -->
+ </li>
+ <li class="dropdown">
+ <a href="#" data-toggle="dropdown" class="bg-blue profile-header dropdown-toggle clear" data-toggle="dropdown">
+ <span class="thumb-sm avatar pull-left m-t-n-sm m-b-n-sm m-r-sm">
+ <img src="img/01.jpg" alt="...">
+ </span>
+ <span class="hidden-sm hidden-md m-r-xl">Ridwan Kamil</span> <i class="text14 icon-bdg_setting3 pull-right"></i>
+ </a>
+ <!-- dropdown -->
+ <ul class="dropdown-menu animated fadeIn w-ml">
+ <li>
+ <a href>
+ <span class="badge bg-danger pull-right">30%</span>
+ <span>Settings</span>
+ </a>
+ </li>
+ <li>
+ <a href>Profile</a>
+ </li>
+ <li>
+ <a href>
+ <span class="label bg-info pull-right">new</span>
+ Help
+ </a>
+ </li>
+ <li class="divider"></li>
+ <li>
+ <a>Logout</a>
+ </li>
+ </ul>
+ <!-- / dropdown -->
+ </li>
+ </ul>
+ <!-- / navbar right -->
+ </div>
+ <!-- / navbar collapse -->
+ </header>
+ <!-- / header -->
+
+
+ <!-- aside -->
+ <aside id="aside" class="app-aside hidden-xs bg-dark">
+ <div class="aside-wrap">
+ <div class="navi-wrap">
+ <!-- user -->
+ <div class="clearfix hidden-xs text-center hide" id="aside-user">
+ <div class="dropdown wrapper">
+ <a href="app.page.profile">
+ <span class="thumb-lg w-auto-folded avatar m-t-sm">
+ <img src="img/01.jpg" class="img-full" alt="...">
+ </span>
+ </a>
+ <a href="#" data-toggle="dropdown" class="dropdown-toggle hidden-folded">
+ <span class="clear">
+ <span class="block m-t-sm">
+ <strong class="font-bold text-lt">John.Smith</strong>
+ <b class="caret"></b>
+ </span>
+ <span class="text-muted text-xs block">Art Director</span>
+ </span>
+ </a>
+ <!-- dropdown -->
+ <ul class="dropdown-menu animated fadeInRight w hidden-folded">
+ <li class="wrapper b-b m-b-sm bg-info m-t-n-xs">
+ <span class="arrow top hidden-folded arrow-info"></span>
+ <div>
+ <p>300mb of 500mb used</p>
+ </div>
+ <div class="progress progress-xs m-b-none dker">
+ <div class="progress-bar bg-white" data-toggle="tooltip" data-original-title="50%" style="width: 50%"></div>
+ </div>
+ </li>
+ <li>
+ <a href>Settings</a>
+ </li>
+ <li>
+ <a href="page_profile.html">Profile</a>
+ </li>
+ <li>
+ <a href>
+ <span class="badge bg-danger pull-right">3</span>
+ Notifications
+ </a>
+ </li>
+ <li class="divider"></li>
+ <li>
+ <a href="page_signin.html">Logout</a>
+ </li>
+ </ul>
+ <!-- / dropdown -->
+ </div>
+ <div class="line dk hidden-folded"></div>
+ </div>
+ <!-- / user -->
+
+ <!-- nav -->
+ <nav ui-nav class="navi clearfix">
+ <ul class="nav">
+ <li class="hidden-folded m-t text-dark-grey text-xs padder-md padder-v-sm">
+ <span>Navigation</span>
+ </li>
+ <li>
+ <a href="index.html" class="text-dark-grey" >
+ <i class="icon-bdg_dashboard icon-grey"></i>
+ <span class="font-bold">Dashboard</span>
+ </a>
+ </li>
+
+ <li class="line1 dg"></li>
+
+ <li class="hidden-folded text-dark-grey text-xs padder-md padder-v-sm">
+ <span>Components</span>
+ </li>
+
+ <li>
+ <a href class="auto">
+ <span class="pull-right text-muted">
+ <i class="text8 icon-bdg_arrow3 text"></i>
+ <i class="text8 icon-bdg_arrow1 text-active"></i>
+ </span>
+ <i class="icon-bdg_uikit"></i>
+ <span class="font-bold">UI Kits</span>
+ </a>
+ <ul class="nav nav-sub dk">
+ <li class="nav-sub-header">
+ <a href>
+ <span>UI Kits</span>
+ </a>
+ </li>
+ <li>
+ <a href="ui_button.html">
+ <span>Buttons</span>
+ </a>
+ </li>
+ <li >
+ <a href="ui_icons.html">
+ <b class="badge bg-danger pull-right">3</b>
+ <span>Icons</span>
+ </a>
+ </li>
+ <li>
+ <a href="ui_grid.html">
+ <span>Grid</span>
+ </a>
+ </li>
+
+
+ </ul>
+ </li>
+ <li>
+ <a href="table_static.html" class="auto">
+
+ <b class="badge bg-info pull-right">2</b>
+ <i class="icon-bdg_table"></i>
+ <span class="font-bold">Table</span>
+ </a>
+
+ </li>
+ <li>
+ <a href="form_element.html" class="auto">
+ <i class="icon-bdg_form"></i>
+ <span class="font-bold">Form</span>
+ </a>
+ </li>
+ <li class="active">
+ <a href="ui_chart.html">
+ <i class="icon-bdg_chart2"></i>
+ <span class="font-bold">Chart</span>
+ </a>
+ </li>
+ <li>
+ <a href class="auto">
+ <span class="pull-right text-muted">
+ <i class="text8 icon-bdg_arrow3 text"></i>
+ <i class="text8 icon-bdg_arrow1 text-active"></i>
+ </span>
+ <i class="icon-bdg_layout"></i>
+ <span class="font-bold">Pages</span>
+ </a>
+ <ul class="nav nav-sub dk">
+ <li class="nav-sub-header">
+ <a href>
+ <span>Pages</span>
+ </a>
+ </li>
+
+
+ <li>
+ <a href="lockscreen.html">
+ <span>Lock screen</span>
+ </a>
+ </li>
+ <li>
+ <a href="signin.html">
+ <span>Signin</span>
+ </a>
+ </li>
+ <li>
+ <a href="register.html">
+ <span>Signup</span>
+ </a>
+ </li>
+ <li>
+ <a href="forgot_password.html">
+ <span>Forgot password</span>
+ </a>
+ </li>
+
+ </ul>
+ </li>
+
+
+ </ul>
+ </nav>
+ <!-- nav -->
+
+
+
+ </div>
+ </div>
+ </aside>
+ <!-- / aside -->
+
+<!-- content -->
+<div id="content" class="app-content" role="main">
+
+ <div class="hbox hbox-auto-xs hbox-auto-sm ng-scope">
+ <div class="app-content-body ">
+
+ <div class="bg-light lter">
+ <ul class="breadcrumb bg-grey-breadcrumb m-b-none">
+ <li><a href="#" class="btn no-shadow" ui-toggle-class="app-aside-folded" target=".app">
+ <i class="icon-bdg_expand1 text"></i>
+ <i class="icon-bdg_expand2 text-active"></i>
+ </a> </li>
+ <li><a href>Home</a></li>
+ <li class="active"><i class="fa fa-angle-right"></i>Chart</li>
+ </ul>
+ </div>
+
+ <div class="bg-light b-b wrapper-md padder-md ">
+ <h1 class="m-n font-bold h4 padder">BDG Chart</h1>
+ </div>
+
+
+ <div class="wrapper-lg bg-light">
+
+ <div class="row">
+
+ <!-- Pie Chart-->
+ <div class="col-md-6">
+ <div class="panel panel-default">
+ <div class="panel-heading font-semibold">Pie</div>
+ <div class="panel-body no-padder">
+
+ <div class="col-xs-8">
+ <div class="wrapper text-center">
+ <div ui-jq="sparkline" ui-options="[20,5,35,40], {type:'pie', height:140, sliceColors:['#8560a8','#ff7e00','#8dc80e','#00b0ff']}" class="sparkline inline text-center"></div>
+ <div class="line pull-in"></div>
+ </div>
+ </div>
+
+ <div class="col-xs-4 border-left">
+ <div class="wrapper">
+ <div class="text-xs">
+ <ul class="sparkline-info">
+ <li class="mb20 text-info font-light"><i class="fa fa-circle text-info"></i> Windows</li>
+ <li class="mb20 text-success font-light"><i class="fa fa-circle text-success"></i> Linux</li>
+ <li class="mb20 text-warning font-light"><i class="fa fa-circle text-warning"></i> Ubuntu</li>
+ <li class="mb20 text-purple font-light"><i class="fa fa-circle text-purple"></i> OSX</li>
+ </ul>
+ </div>
+ </div>
+
+ </div>
+
+ </div>
+ </div>
+ </div>
+
+ <!-- Sparkline Chart -->
+ <div class="col-md-6">
+ <div class="panel panel-default">
+ <div class="panel-heading font-semibold">Investment Progress</div>
+ <div class="panel-body no-padder">
+ <div class="row">
+ <div class="col-xs-6">
+ <div class="wrapper text-center">
+ <div ui-jq="sparkline" ui-options="[ [2, 8], [4, 6], [6, 4], [8, 2], [10, 0], [8, 2], [6, 4], [4, 6], [2,8] ], {type:'bar', width:100, height:178, barWidth:7, barSpacing:15, stackedBarColor:['#8dc80e', '#e5e6ec']}" class="sparkline inline"></div>
+ </div>
+
+ </div>
+
+ <div class="col-xs-6">
+
+ <div class="wrapper">
+ <p class="h3 m-b-sm">Investings</p>
+ Revenue
+ <div class="h3 m-b-sm font-light m-t-sm">4500,00</div>
+ Costs
+ <div class="h3 m-b-sm font-light m-t-sm text-success">3450,00</div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End Sparkline Chart -->
+
+ </div>
+
+ <div class="row">
+ <div class="col-lg-6">
+ <div class="panel panel-default">
+ <div class="panel-heading font-semibold">Double Chart</div>
+ <div class="bg-dark-grey wrapper pb-zero">
+
+ <div class="text-center m-b-n m-t-sm">
+ <div ui-jq="sparkline" ui-options="[50.32,45.23,47.56,36.25,53.85,40.15,41.25,50.15,57.14,36.15,97.26,50.15,45.32,47.19,37.75,25.15,56.34,50.35,47.25,53.15], {type:'line', height:114, width: '100%', lineWidth:2, valueSpots:{'0:':'#fff'}, lineColor:'#fff', spotColor:'#fff', fillColor:'', highlightLineColor:'#fff', spotRadius:3}"></div>
+
+ <div ui-jq="sparkline" ui-options="[ 10,9,11,10,11,10,12,10,9,10,11,9,8 ], {type:'bar', height:124, barWidth:7, barSpacing:15, barColor:'#00b0ff'}" class="sparkline inline">loading...</div>
+ </div>
+ </div>
+ <div class="panel-body no-padder">
+
+ <div class="wrapper20 inline full-width">
+ <div class="col-xs-4">
+ <p class="block font-semibold">Market</p>
+ <span class="block">Rp.3.500.000</span>
+ </div>
+ <div class="col-xs-4">
+ <p class="block font-semibold">Referal</p>
+ <span>Rp.1.150.000</span>
+ </div>
+ <div class="col-xs-4">
+ <p class="block font-semibold">Affiliate</p>
+ <span>Rp.950.000</span>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+
+ <div class="col-md-6">
+ <div class="panel panel-default">
+ <div class="panel-heading font-semibold">Double Chart Overlay</div>
+ <div class="panel-body no-padder">
+ <div class="wrapper">
+ <div ui-jq="plot" ui-options="
+ [
+ { data: [ [0,7],[1,6.5],[2,12.5],[3,7],[4,9],[5,6],[6,11],[7,6.5],[8,8],[9,7] ], label: 'Unique Visits', points: { show: true, radius : 2,fill:true,fillColor : '#00b0ff' },splines: { show: true, tension: 0.45, lineWidth: 1, fill: 0.4 } },
+ { data: [ [0,4],[1,4.5],[2,7],[3,4.5],[4,3],[5,3.5],[6,6],[7,3],[8,4],[9,3] ], label: 'Pages View', points: { show: true, radius: 2,fill:true,fillColor : '#90cb23' },splines: { show: true, tension: 0.45, lineWidth: 1, fill: 0.4 } }
+ ],
+ {
+ colors: [ '#01b0ff','#90cb23' ],
+ series: { shadowSize: 2 },
+ xaxis:{ font: { color: '#ccc' } },
+ yaxis:{ font: { color: '#ccc' } },
+ grid: { hoverable: true, clickable: true, borderWidth: 0, color: '#ccc' },
+ legend: false,
+ tooltip: true,
+ tooltipOpts: { content: '%s of %x.1 is %y.4', defaultTheme: false, shifts: { x: 0, y: 20 } }
+ }
+ " style="height:240px"></div>
+
+ <div class="panel-info">
+ <span class="pull-left text-info"> <i class="fa fa-circle"></i>Unique Visits</span>
+ <span class="pull-left text-success"><i class="fa fa-circle"></i>Pages View</span>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+
+
+ <div class="row">
+ <div class="col-lg-4">
+ <div class="panel panel-default">
+ <div class="panel-heading font-semibold">
+ New Visitors
+ </div>
+ <div class="panel-body text-center no-padder">
+ <h4 class="text-warning">120.000</h4>
+ <small class="text-light-grey block">Updated at 1 minutes ago</small>
+ <div class="inline">
+ <div ui-jq="easyPieChart" ui-options="{
+ percent: 75,
+ lineWidth: 10,
+ trackColor: '#e5e6ec',
+ barColor: '#ff7e00',
+ scaleColor: '#fff',
+ size: 188,
+ lineCap: 'butt'
+ }">
+ <div>
+ <span class="h2">75%</span>
+ <div class="text">Yesterday</div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="panel-footer"><small>% of avarage rate of the Conversion</small></div>
+ </div>
+ </div>
+ <div class="col-lg-4">
+ <div class="panel panel-default">
+ <div class="panel-heading font-semibold">
+ Today Visitors
+ </div>
+ <div class="panel-body no-padder text-center">
+ <h4 class="text-success">40.000</h4>
+ <small class="text-light-grey block">Updated at 3 minutes ago</small>
+ <div class="inline">
+ <div ui-jq="easyPieChart" ui-options="{
+ percent: 25,
+ lineWidth: 10,
+ trackColor: '#e5e6ec',
+ barColor: '#8dc80e',
+ scaleColor: '#ffffff',
+ size: 188,
+ lineCap: 'butt',
+ animate: 1000
+ }">
+ <div>
+ <span class="h2 m-l-sm step">25</span>%
+ <div class="text">today</div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="panel-footer"><small>% of change</small></div>
+ </div>
+ </div>
+
+ <div class="col-lg-4">
+ <div class="panel panel-default">
+ <div class="panel-heading font-semibold">
+ Daily Visitors
+ </div>
+ <div class="panel-body text-center no-padder">
+ <h4 class="text-info">430.000</h4>
+ <small class="text-light-grey block">All Domestic Visitors</small>
+ <div class="inline">
+ <div ui-jq="easyPieChart" ui-options="{
+ percent: 97,
+ lineWidth: 10,
+ trackColor: '#e5e6ec',
+ barColor: '#00b0ff',
+ scaleColor: '#ffffff',
+ size: 188,
+ lineCap: 'butt',
+ animate: 1000
+ }">
+ <div>
+ <span class="h2 m-l-sm step">97</span>%
+ <div class="text">All Visitors</div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="panel-footer"><small>% of change</small></div>
+ </div>
+ </div>
+
+ </div>
+
+ <div class="row">
+ <div class="col-md-6">
+ <div class="panel panel-default">
+ <div class="panel-heading font-semibold">Order bar</div>
+ <div class="panel-body no-padder">
+ <div class="wrapper">
+ <div ui-jq="plot" ui-options="
+ [
+ { label: 'A', data: [ [10, 120], [20, 100], [30, 70], [40, 90], [50, 115] ] },
+ { label: 'B', data: [ [10, 80], [20, 70], [30, 50], [40, 75], [50, 115] ] },
+ { label: 'C', data: [ [10, 30], [20, 40], [30, 90], [40, 80], [50, 115] ] },
+ { label: 'D', data: [ [10, 10], [20, 15], [30, 54], [40, 50], [50, 115] ] }
+ ],
+ {
+ bars: { show: true, fill: true, lineWidth: 0, order: 1, fillColor: { colors: [{ opacity: 0.5 }, { opacity: 0.9}] } },
+ colors: ['#00e5ff', '#00b0ff', '#2979ff' ,'#3d5afe' ],
+ series: { shadowSize: 1 },
+ xaxis:{ font: { color: '#ccc' } },
+ yaxis:{ font: { color: '#ccc' } },
+ grid: { hoverable: true, clickable: true, borderWidth: 0, color: '#ccc' },
+ tooltip: true,
+ legend: {show: false}
+ }
+ " style="height:240px"></div>
+
+ <div class="panel-info">
+ <span class="pull-left text-blue-a"> <i class="fa fa-circle"></i>Unique Visits</span>
+ <span class="pull-left text-blue-b"><i class="fa fa-circle"></i>Pages View</span>
+ <span class="pull-left text-blue-c"><i class="fa fa-circle"></i>Comments</span>
+ <span class="pull-left text-blue-d"><i class="fa fa-circle"></i>Likes</span>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="col-md-6">
+ <div class="panel panel-default">
+ <div class="panel-heading font-semibold">Donut Chart</div>
+ <div class="panel-body no-padder">
+ <div class="wrapper">
+ <div ui-jq="plot" ui-options="
+ [ {label : 'Windows',data: [10, 80]},{label : 'OSX',data: [20, 45]},{label : 'Linux',data: [30, 50]},{label : 'Others',data: [40, 10]} ],
+ {
+ series: { pie: { show: true, innerRadius: 0.5, stroke: { width: 0 }, label: { show: true, threshold: 0.05 } } },
+ colors: ['#00b0ff','#ff7e00','#8560a8','#8dc80e','#b8bcce'],
+ grid: { hoverable: true, clickable: true, borderWidth: 0, color: '#ccc' },
+ tooltip: true,
+ tooltipOpts: { content: '%s: %p.0%' },
+ legend: {show: false}
+ }
+ " style="height:240px"></div>
+
+ <div class="panel-info">
+ <span class="pull-left text-info"> <i class="fa fa-circle"></i>Windows</span>
+ <span class="pull-left text-warning"><i class="fa fa-circle"></i>OSX</span>
+ <span class="pull-left text-purple"><i class="fa fa-circle"></i>Linux</span>
+ <span class="pull-left text-success"><i class="fa fa-circle"></i>Others</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="col-md-6">
+ <div class="panel panel-default">
+ <div class="panel-heading font-regular">Double Chart</div>
+ <div class="panel-body no-padder">
+ <div class="wrapper">
+ <div ui-jq="plot" ui-options="
+ [
+ { data: [ [0,7],[1,6.5],[2,12.5],[3,7],[4,9],[5,6],[6,11],[7,6.5],[8,8],[9,7] ], label: ' Unique Visits', points: { show: true, radius: 3, fill:true,fillColor : '#00b0ff' }, lines: { show: true, fill: true, fillColor: { colors: [{ opacity: 0.1 }, { opacity: 0.1}] } } },
+ { data: [ [0,4],[1,4.5],[2,7],[3,4.5],[4,3],[5,3.5],[6,6],[7,3],[8,4],[9,3] ], label: ' Pages View', points: { show: true, radius: 3,fill:true,fillColor : '#8dc80e' } }
+ ],
+ {
+ colors: [ '#00b0ff','#8dc80e' ],
+ series: { shadowSize: 2 },
+ xaxis:{ font: { color: '#ccc' } },
+ yaxis:{ font: { color: '#ccc' } },
+ grid: { hoverable: true, clickable: true, borderWidth: 0, color: '#ccc' },
+ tooltip: true,
+ legend : false,
+ tooltipOpts: { content: '%s of %x.1 is %y.4', defaultTheme: false, shifts: { x: 0, y: 20 } }
+ }
+ " style="height:240px"></div>
+
+ <div class="panel-info">
+ <span class="pull-left text-info"> <i class="fa fa-circle"></i>Unique Visits</span>
+ <span class="pull-left text-success"><i class="fa fa-circle"></i>Pages View</span>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+
+ <div class="col-md-6">
+ <div class="panel panel-default">
+ <div class="panel-heading font-regular">Background Chart</div>
+ <div class="panel-body no-padder">
+ <div class="wrapper">
+ <div ui-jq="plot" ui-options="
+ [
+ { data: [ [0,7],[1,5],[2,8],[3,10],[4,17],[5,20],[6,16],[7,10],[8,17],[9,22] ], label: 'Unique Visits', points: { show: true, radius : 2,fill:true,fillColor : '#00b0ff' },splines: { show: true, tension: 0.45, lineWidth: 1, fill: 0 } }
+ ],
+ {
+ colors: [ '#01b0ff','#90cb23' ],
+ series: { shadowSize: 2 },
+ xaxis:{ font: { color: '#ccc' } },
+ yaxis:{ font: { color: '#ccc' } },
+ grid: { hoverable: true, clickable: true, borderWidth: 0, color: '#7b8092', backgroundColor: '#555b70' },
+ legend: false,
+ tooltip: true,
+ tooltipOpts: { content: '%s of %x.1 is %y.4', defaultTheme: false, shifts: { x: 0, y: 20 } }
+ }
+ " style="height:240px"></div>
+
+ <div class="panel-info">
+ <span class="pull-left text-info"> <h4><i class="fa fa-caret-up"></i>9.879 <small>Users</small> </h4> </span>
+ <span class="pull-left text-success"><h4><i class="fa fa-caret-up"></i>12.879 <small>Users</small></h4> </span>
+ <span class="pull-left text-grey"><h4><i class="fa fa-caret-down"></i>379 <small>Orders</small></h4> </span>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+
+ <div class="row">
+ <div class="col-md-12 padder-v"></div>
+ </div>
+
+</div>
+
+
+ </div>
+ <!-- App-content-body -->
+</div>
+ <!-- end hbox hbox-auto-xs -->
+</div>
+
+
+ <!-- footer -->
+ <footer id="footer" class="app-footer" role="footer">
+ <div class="wrapper-md padder-lg b-t bg-light">
+ <span class="pull-right">© Copyright Bandung <a href ui-scroll="app" class="m-l-sm text-muted"><i class="icon-bdg_arrow11"></i></a></span>
+ Made with <i class="text-danger fa fa-heart"></i> in Bandung
+ </div>
+ </footer>
+ <!-- / footer -->
+
+
+
+</div>
+
+<script src="../libs/jquery/jquery/dist/jquery.js"></script>
+<script src="../libs/jquery/bootstrap/dist/js/bootstrap.js"></script>
+<script src="js/ui-load.js"></script>
+<script src="js/ui-jp.config.js"></script>
+<script src="js/ui-jp.js"></script>
+<script src="js/ui-nav.js"></script>
+<script src="js/ui-toggle.js"></script>
+<script src="js/ui-client.js"></script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/ppl2/app/Http/Controllers/PendFormalApi.php b/ppl2/app/Http/Controllers/PendFormalApi.php
new file mode 100644
index 0000000000000000000000000000000000000000..bf1116a8336fabcc85127dc468022c63bf9c38fc
--- /dev/null
+++ b/ppl2/app/Http/Controllers/PendFormalApi.php
@@ -0,0 +1,65 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+use App\Http\Requests;
+
+use App\PendidikanFormal;
+
+class PendFormalApi extends Controller
+{
+ public function getAll() {
+ $pend = PendidikanFormal::all()->sortby('nip');
+ return $pend;
+ }
+
+ public function getPendidikan($nip) {
+ $pend = PendidikanFormal::where('nip',$nip)->get();
+ return $pend;
+ }
+
+ public function edit($id) {
+ $pend = PendidikanFormal::find($id);
+ }
+
+ public function store(Request $request) {
+ $formal = new PendidikanFormal;
+
+ $formal->nip = $request->input('nip');
+ $formal->nama_institusi = $request->input('nama_institusi');
+ $formal->tingkatan = $request->input('tingkatan');
+ $formal->gelar = $request->input('gelar');
+ $formal->jurusan = $request->input('jurusan');
+ $formal->no_ijazah = $request->input('no_ijazah');
+ $formal->tahun = $request->input('tahun');
+ $formal->save();
+
+ }
+
+ public function update(Request $request, $id) {
+
+ $formal = PendidikanFormal::find($id);
+
+ $formal->nip = $request->input('nip');
+ $formal->nama_institusi = $request->input('nama_institusi');
+ $formal->tingkatan = $request->input('tingkatan');
+ $formal->gelar = $request->input('gelar');
+ $formal->jurusan = $request->input('jurusan');
+ $formal->no_ijazah = $request->input('no_ijazah');
+ $formal->tahun = $request->input('tahun');
+ $formal->save();
+
+ return \Redirect::to('pendidikan-formal');
+ }
+
+ public function delete($id) {
+ $formal = PendidikanFormal::find($id);
+ $formal->delete();
+ }
+
+ public function search(Request $request) {
+ $res = $request->input('query');
+ }
+}
diff --git a/ppl2/app/Http/routes.php b/ppl2/app/Http/routes.php
index 9afdaf24a6d97715d25b2ce6a09d01ef40544dda..3a5722cbec730bd6274c29400c795f0be7f3078e 100644
--- a/ppl2/app/Http/routes.php
+++ b/ppl2/app/Http/routes.php
@@ -19,6 +19,23 @@ Route::get('pendidikan-formal/new', function() {
return view('pages.formPendidikan');
});
+//API pendidikan formal
+Route::get('api/pendidikan-formal/delete/{id}', 'PendFormalApi@delete');
+
+Route::post('api/pendidikan-formal/{id}/update', 'PendFormalApi@update');
+
+Route::get('api/pendidikan-formal/{id}/edit','PendFormalApi@edit');
+
+Route::get('api/pendidikan-formal/all/{nip}','PendFormalApi@getPendidikan');
+
+Route::post('api/pendidikan-formal/add', 'PendFormalApi@store');
+
+Route::get('api/pendidikan-formal', 'PendFormalApi@getAll');
+
+Route::get('api/pendidikan-formal/search', 'PendFormalApi@search');
+
+//Router untuk pendidikan formal
+
Route::get('pendidikan-formal/delete/{id}', 'PendFormalController@delete');
Route::post('pendidikan-formal/{id}/update', 'PendFormalController@update');