Skip to content

S
simas-blitar
Commit 523f401e authored by Deddy Vita Kurniawan's avatar Deddy Vita Kurniawan
Browse files
Options

* tampilan dashboard

parent 65adc9f3
Hide whitespace changes
Inline Side-by-side
Showing with 340 additions and 140 deletions
application/controllers/home.php
View file @ 523f401e
......@@ -29,6 +29,7 @@ class Home extends Userpage_Controller
$data['jml_tidak'] = $this->home_model->jumlah_tidak();
$data['jml_belum'] = $this->home_model->jumlah_belum();
$data['jml_sesuai'] = $this->home_model->jumlah_sesuai();
$data['data'] = $this->home_model->perhitungan_data();
$data['title'] = get_title();
$data['main_content'] = 'v_home';
//$data['unit'] = $unit;
......
application/helpers/format_helper.php
View file @ 523f401e
......@@ -225,6 +225,21 @@ if ( ! function_exists('format_rupiah'))
}
}
if ( ! function_exists('format_numeric'))
{
function format_numeric($value)
{
if($value < 0)
{
return '( '.number_format(abs($value), 0, ',', '.').' )';
}
else
{
return ' '.number_format($value, 0, ',', '.').' ';
}
}
}
if ( ! function_exists('prepare_numeric'))
{
function prepare_numeric($value, $default = null)
......
application/models/home_model.php
View file @ 523f401e
......@@ -141,4 +141,30 @@ class Home_model extends CI_Model
$jumlah = $this->db->get();
return $jumlah->num_rows();
}
function perhitungan_data()
{
$this->db->select("
count(a.id_surat) st_terbit,
count(if(b.kode = 'Ad',1,NULL)) audit,
count(if(b.kode = 'A',1,NULL)) pdtt,
count(if(b.kode = 'M',1,NULL)) monev,
count(if(b.kode = 'E',1,NULL)) evaluasi,
count(if(b.kode = 'F',1,NULL)) verifikasi,
count(if(b.kode = 'V',1,NULL)) review,
count(if(b.kode = 'D',1,NULL)) pendampingan,
count(if(b.kode = 'G',1,NULL)) penilaian,
count(if(b.kode = 'Mo',1,NULL)) monitoring,
count(if(b.kode = 'G',1,NULL)) penilaian,
count(if(b.kode = 'Y',1,NULL)) penyusunan,
count(if(b.kode = 'P',1,NULL)) persiapan,
count(if(b.kode = 'S',1,NULL)) pemeriksaan_mendadak,
count(if(b.kode = 'Kj',1,NULL)) kinerja
", FALSE);
$this->db->from('surat_penugasan a');
$this->db->join('ref_jns_pemeriksaan b','b.id_jns=a.id_jns_pemeriksaan','left');
$this->db->where('a.tahun', $this->tahun);
$result = $this->db->get()->row_array();
return $result;
}
}
application/views/v_home.php
View file @ 523f401e
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0 text-dark">SIMAS</h1>
</div><!-- /.col -->
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="<?php echo base_url(); ?>">Home</a></li>
<li class="breadcrumb-item active">DASHBOARD</li>
</ol>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<script type="text/javascript" src="<?php echo base_url() ?>assets/template/plugins/chart.js/Chart.min.js"></script>
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0 text-dark">SIMAS</h1>
</div><!-- /.col -->
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="<?php echo base_url(); ?>">Home</a></li>
<li class="breadcrumb-item active">DASHBOARD</li>
</ol>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<!-- Small boxes (Stat box) -->
<div class="row">
<div class="col">
<!-- small box -->
<div class="small-box bg-primary h-75 pb-2">
<div class="inner">
<h3><?php echo $jml_temuan; ?></h3>
<p>Total Temuan</p>
</div>
</div>
</div>
<div class="col">
<!-- small box -->
<div class="small-box bg-secondary h-75 pb-2">
<div class="inner">
<h3><?php echo $jml_belumtindaklanjut; ?></h3>
<p>Belum Ditindaklanjuti</p>
</div>
</div>
</div>
<!-- ./col -->
<div class="col">
<!-- small box -->
<div class="small-box bg-info h-75 pb-2">
<div class="inner">
<h3><?php echo $jml_tindaklanjut; ?></h3>
<p>Sudah Ditindaklanjuti</p>
</div>
</div>
</div>
<!-- ./col -->
<div class="col">
<!-- small box -->
<div class="small-box bg-warning h-75 pb-2">
<div class="inner">
<h3><?php echo $jml_tidak; ?></h3>
<p>Tidak Bisa Ditindaklanjuti</p>
</div>
</div>
</div>
<!-- ./col -->
<div class="col">
<!-- small box -->
<div class="small-box bg-danger h-75 pb-2">
<div class="inner">
<h3><?php echo $jml_belum; ?></h3>
<p>Belum Sesuai Rekomendasi</p>
</div>
</div>
</div>
<!-- ./col -->
<div class="col">
<!-- small box -->
<div class="small-box bg-success h-75 pb-2">
<div class="inner">
<h3><?php echo $jml_sesuai; ?><sup style="font-size: 20px"></sup></h3>
<p>Sesuai Rekomendasi</p>
</div>
</div>
</div>
</div>
<div class="">
<div class="card-body">
<!-- Filter Cari -->
<div class="row justify-content-end">
<div class="col-12 col-md-6 form-group mb-4">
<div class="row">
<div class="col">
<form action="<?= base_url() ?>" method="post" autocomplete="off">
<div class="input-group">
<input type="text" name="cari" placeholder="Pencarian.." class="form-control" value="<?= $this->session->userdata('cari_dash') ?>">
<div class="input-group-append">
<button class="btn btn-primary bg-gradient-primary" type="submit"><i class="fas fa-search fa-fw"></i></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<table id="DataTable" class="table table-sm table-hover table-striped">
<thead class="thead-light">
<tr>
<th>Status</th>
<th>Nomor LHP</th>
<th>Tahun</th>
<th>Tanggal</th>
<th>Uraian Rekomendasi</th>
<th>Nilai Rekomendasi</th>
</tr>
</thead>
<tbody>
<?php $i = 1;
foreach ($surat as $row) { ?>
<tr>
<td><?php if ($row->STATUS == '01') { ?>
<span class="badge bg-secondary"><?= $row->INFO_STATUS ?></span>
<?php } else if ($row->STATUS == '02') { ?>
<span class="badge bg-info"><?= $row->INFO_STATUS; ?></span>
<?php } else if ($row->STATUS == '03') { ?>
<span class="badge bg-warning"><?= $row->INFO_STATUS; ?></span>
<?php } else if ($row->STATUS == '04') { ?>
<span class="badge bg-danger"><?= $row->INFO_STATUS; ?></span>
<?php } else if ($row->STATUS == '05') { ?>
<span class="badge bg-success"><?= $row->INFO_STATUS; ?></span>
<?php } ?>
</td>
<td><?= $row->NOMOR ?></td>
<td><?= $row->TAHUN ?></td>
<td><?= date('d-m-Y', strtotime($row->TANGGAL)) ?></td>
<td><?= $row->URAIAN_REKOMENDASI ?></td>
<td style='text-align:right;'><?= format_rupiah($row->NILAI) ?></td>
</tr>
<?php } ?>
</tbody>
</table>
<?= $this->pagination->create_links() ?>
</div>
<!-- /.card-body -->
</div>
\ No newline at end of file
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<div class="row mb-3 text-center">
<div class="col-4">
<div class="p-3 mb-2 bg-primary text-white"><h4><?php echo isset($data['st_terbit'])?format_numeric($data['st_terbit']):0; ?> ST TERBIT &nbsp;<span><i class="fas fa-envelope-open-text fa-2x"></i></span> </h4></div>
</div>
<div class="col-4">
<div class="p-3 mb-2 bg-primary text-white"><h4>LHP TERBIT &nbsp;<span><i class="fas fa-microphone-alt fa-2x"></i></span></h4></div>
</div>
<div class="col-4">
<div class="p-3 mb-2 bg-primary text-white"><h4>LHP BELUM TERBIT &nbsp;<span><i class="fas fa-microphone-alt-slash fa-2x"></i></span></h4> </div>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-primary elevation-1"><i class="fas fa-calculator"></i></span>
<div class="info-box-content">
<span class="info-box-text"><b>AUDIT</b></span>
<span class="info-box-number"><?php echo isset($data['audit'])?format_numeric($data['audit']):0; ?></span>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-success elevation-1"><i class="fas fa-directions"></i></span>
<div class="info-box-content">
<span class="info-box-text"><b>PDTT</b></span>
<span class="info-box-number"><?php echo isset($data['pdtt'])?format_numeric($data['pdtt']):0; ?></span>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-tv"></i></span>
<div class="info-box-content">
<span class="info-box-text"><b>MONEV</b></span>
<span class="info-box-number"><?php echo isset($data['monev'])?format_numeric($data['monev']):0; ?></span>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-warning elevation-1"><i class="fas fa-search-location"></i></span>
<div class="info-box-content">
<span class="info-box-text"><b>EVALUASI</b></span>
<span class="info-box-number"><?php echo isset($data['evaluasi'])?format_numeric($data['evaluasi']):0; ?></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-warning elevation-1"><i class="fas fa-user-check"></i></i></span>
<div class="info-box-content">
<span class="info-box-text"><b>VERIFIKASI</b></span>
<span class="info-box-number"><?php echo isset($data['verifikasi'])?format_numeric($data['verifikasi']):0; ?></span>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-danger elevation-1"><i class="fas fa-chess-board"></i></span>
<div class="info-box-content">
<span class="info-box-text"><b>REVIEW</b></span>
<span class="info-box-number"><?php echo isset($data['review'])?format_numeric($data['review']):0; ?></span>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-people-carry"></i></span>
<div class="info-box-content">
<span class="info-box-text"><b>PENDAMPINGAN</b></span>
<span class="info-box-number"><?php echo isset($data['pendampingan'])?format_numeric($data['pendampingan']):0; ?></span>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-danger elevation-1"><i class="fas fa-star-half-alt"></i></span>
<div class="info-box-content">
<span class="info-box-text"><b>PENILAIAN</b></span>
<span class="info-box-number"><?php echo isset($data['penilaian'])?format_numeric($data['penilaian']):0; ?></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-success elevation-1"><i class="fas fa-hands-helping"></i></span>
<div class="info-box-content">
<span class="info-box-text"><b>ASISTENSI</b></span>
<span class="info-box-number">0</span>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-danger elevation-1"><i class="fas fa-chess"></i></span>
<div class="info-box-content">
<span class="info-box-text"><b>BPK</b></span>
<span class="info-box-number">0</span>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-primary elevation-1"><i class="fas fa-rocket"></i></span>
<div class="info-box-content">
<span class="info-box-text"><b>KINERJA</b></span>
<span class="info-box-number"><?php echo isset($data['kinerja'])?format_numeric($data['kinerja']):0; ?></span>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-secondary elevation-1"><i class="fas fa-chalkboard-teacher"></i></span>
<div class="info-box-content">
<span class="info-box-text"><b>MONITORING</b></span>
<span class="info-box-number"><?php echo isset($data['monitoring'])?format_numeric($data['monitoring']):0; ?></span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-success elevation-1"><i class="fab fa-stack-exchange"></i></span>
<div class="info-box-content">
<span class="info-box-text"><b>PENYUSUNAN</b></span>
<span class="info-box-number"><?php echo isset($data['penyusunan'])?format_numeric($data['penyusunan']):0; ?></span>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-primary elevation-1"><i class="fas fa-flag"></i></span>
<div class="info-box-content">
<span class="info-box-text"><b>PERSIAPAN</b></span>
<span class="info-box-number"><?php echo isset($data['persiapan'])?format_numeric($data['persiapan']):0; ?></span>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-danger elevation-1"><i class="fas fa-exclamation-triangle"></i></span>
<div class="info-box-content">
<span class="info-box-text"><b>PEMERIKSAAN <br/>MENDADAK</b></span>
<span class="info-box-number"><?php echo isset($data['pemeriksaan_mendadak'])?format_numeric($data['pemeriksaan_mendadak']):0; ?></span>
</div>
</div>
</div>
</div>
<div class="row d-flex justify-content-center mt-5">
<div class="card card-danger">
<div class="card-header">
<h3 class="card-title">Pie Chart</h3>
</div>
<div class="card-body">
<canvas id="pieChart" style="min-height: 450px; height: 450px; max-height: 450px; max-width: 100%;"></canvas>
</div>
<!-- /.card-body -->
</div>
</div>
</div>
<script>
//-------------
//- PIE CHART -
//-------------
// Get context with jQuery - using jQuery's .get() method.
var myChartAnggaran2;
var ctx = document.getElementById("pieChart").getContext('2d');
const isi_data = <?php echo json_encode($data); ?>;
//console.log(isi_data);
const donutData = {
/*
labels: [
'AUDIT - ' + parseInt(isi_data['audit']),
'PDTT - ' + parseInt(isi_data['pdtt']),
'MONEV - ' + parseInt(isi_data['monev']),
'EVALUASI - ' + parseInt(isi_data['evaluasi']),
'VERIFIKASI - ' + parseInt(isi_data['verifikasi']),
'REVIEW - ' + parseInt(isi_data['review']),
'PENDAMPINGAN - ' + parseInt(isi_data['pendampingan']),
'PENILAIAN - ' + parseInt(isi_data['penilaian']),
'ASISTENSI - 0',
'BPK - 0',
'KINERJA - ' + parseInt(isi_data['kinerja']),
'MONITORING - ' + parseInt(isi_data['monitoring']),
'PENYUSUNAN - ' + parseInt(isi_data['penyusunan']),
'PERSIAPAN - ' + parseInt(isi_data['persiapan']),
'PENDAMPINGAN MENDADAK - ' + parseInt(isi_data['pemeriksaan_mendadak']),
],*/
labels: [
'AUDIT',
'PDTT',
'MONEV',
'EVALUASI',
'VERIFIKASI',
'REVIEW',
'PENDAMPINGAN',
'PENILAIAN',
'ASISTENSI',
'BPK',
'KINERJA',
'MONITORING',
'PENYUSUNAN',
'PERSIAPAN',
'PENDAMPINGAN MENDADAK',
],
datasets: [
{
data: [parseInt(isi_data['audit']),parseInt(isi_data['pdtt']),parseInt(isi_data['monev']),parseInt(isi_data['evaluasi']),parseInt(isi_data['verifikasi']),parseInt(isi_data['review']),parseInt(isi_data['pendampingan']), parseInt(isi_data['penilaian']),0,0,parseInt(isi_data['kinerja']),parseInt(isi_data['monitoring']),parseInt(isi_data['penyusunan']),parseInt(isi_data['persiapan']),parseInt(isi_data['pemeriksaan_mendadak'])],
backgroundColor : ['#ff355e', '#fd5b78', '#ff6037', '#ff9966', '#ff9933', '#ffcc33', '#ffff66', '#ccff00', '#66ff66', '#aaf0d1', '#16d0cb', '#50bfe6', '#9c27b0', '#ee34d2', '#ff00cc'],
}
]
}
const opsi_donat = {
responsive: true,
legend: {
position: 'right',
},
plugins: {
datalabels: {
formatter: (value,ctx) => {
return Math.round(value*100)/ 100 + '%';
}
},
labels: {
showZero: true,
fontColor: '#FFF',
//fontSize: 10,
}
},
tooltips: {
callbacks: {
label: function(tooltipItem, data) {
return data['labels'][tooltipItem['index']] + ': ' + data['datasets'][0]['data'][tooltipItem['index']] + '%';
}
}
}
}
if(myChartAnggaran2) myChartAnggaran2.destroy();
//const myChart = new Chart(ctx, {
myChartAnggaran2 = new Chart(ctx, {
type: 'pie',
data: donutData,
/* data: {
labels: ["Anggaran Pendapatan", "Anggaran Belanja", "Anggaran Pembiayaan"],
datasets: [{
label: 'Anggaran Items',
data: [res.anggaran_pendapatan_persen, res.anggaran_belanja_persen, res.anggaran_pembiayaan_persen],
backgroundColor: gradients
}]
}, */
options: opsi_donat
});
/* const pieChartCanvas = $('#pieChart').get(0).getContext('2d')
const pieData = donutData;
const pieOptions = {
maintainAspectRatio : false,
responsive : true,
}
//Create pie or douhnut chart
// You can switch between pie and douhnut using the method below.
const pieChart = new Chart(pieChartCanvas, {
type: 'pie',
data: pieData,
options: pieOptions
}); */
</script>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment