From 5f8d532c8d6e37dfac2e8d7f51ccf27ed5890bd9 Mon Sep 17 00:00:00 2001
From: SatriaPriambada <satriapriambada@gmail.com>
Date: Thu, 12 May 2016 15:57:41 +0700
Subject: [PATCH] chart statistik
---
ppl2/app/Http/routes.php | 3 +
ppl2/resources/views/app_template.blade.php | 25 +++-
.../resources/views/pages/statistik.blade.php | 116 ++++++++++++++++++
3 files changed, 142 insertions(+), 2 deletions(-)
create mode 100644 ppl2/resources/views/pages/statistik.blade.php
diff --git a/ppl2/app/Http/routes.php b/ppl2/app/Http/routes.php
index 9afdaf2..ee42cf7 100644
--- a/ppl2/app/Http/routes.php
+++ b/ppl2/app/Http/routes.php
@@ -79,3 +79,6 @@ Route::get('/penjadwalan', function () {
return view('penjadwalan');
});
+Route::get('/statistik',function(){
+ return view('pages.statistik');
+});
diff --git a/ppl2/resources/views/app_template.blade.php b/ppl2/resources/views/app_template.blade.php
index d87f6a1..e41b9ff 100644
--- a/ppl2/resources/views/app_template.blade.php
+++ b/ppl2/resources/views/app_template.blade.php
@@ -71,11 +71,20 @@
</a>
</li>
<li>
-
<a href="{{URL::to('daftarinstitusi')}}">
<span>Institusi</span>
</a>
</li>
+ <li>
+ <a href="{{URL::to('penjadwalan')}}">
+ <span>Penjadwalan</span>
+ </a>
+ </li>
+ <li>
+ <a href="{{URL::to('statistik')}}">
+ <span>Statistik</span>
+ </a>
+ </li>
</ul>
</li>
<li>
@@ -164,7 +173,7 @@
<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>
+ <strong class="font-bold text-lt">Cliff.TheDragon.John</strong>
<b class="caret"></b>
</span>
<span class="text-muted text-xs block">Art Director</span>
@@ -240,6 +249,18 @@
<span class="font-bold">Institusi</span>
</a>
</li>
+ <li>
+ <a href="{{URL::to('penjadwalan')}}">
+ <i class="icon-bdg_table"></i>
+ <span class="font-bold">Penjadwalan</span>
+ </a>
+ </li>
+ <li>
+ <a href="{{URL::to('statistik')}}">
+ <i class="icon-bdg_table"></i>
+ <span class="font-bold">Statistik</span>
+ </a>
+ </li>
</ul>
</nav>
<!-- nav -->
diff --git a/ppl2/resources/views/pages/statistik.blade.php b/ppl2/resources/views/pages/statistik.blade.php
new file mode 100644
index 0000000..30e1e6a
--- /dev/null
+++ b/ppl2/resources/views/pages/statistik.blade.php
@@ -0,0 +1,116 @@
+@extends('app_template')
+
+@section('title')
+ Login Pendidikan Pegawai
+@stop
+
+@section('page_title')
+ <h2>Login Aplikasi Pendidikan Pegawai</h2>
+@stop
+
+@section('head_content')
+ @if (Session::has('message'))
+ <div class="alert alert-info fade in">{{ Session::get('message') }}
+ <a href="#" class="close" data-dismiss="alert" aria-label="close" title="close">×</a>
+ </div>
+ @endif
+@stop
+
+@section('content')
+
+
+
+<div class="panel-heading font-semibold">Statistik Tingkatan</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>
+
+
+<!-- Pie Chart-->
+ <div class="col-md-6">
+ <div class="panel panel-default">
+ <div class="panel-heading font-semibold">Statistik Almamater</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>
+<!-- Bar table-->
+ <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>
+@stop
\ No newline at end of file
--
GitLab