=
6 months ago
10 changed files with 65834 additions and 41 deletions
@ -0,0 +1,400 @@ |
|||||||
|
<style> |
||||||
|
.highcharts-figure, |
||||||
|
.highcharts-data-table table { |
||||||
|
min-width: 320px; |
||||||
|
max-width: 800px; |
||||||
|
margin: 1em auto; |
||||||
|
} |
||||||
|
|
||||||
|
.highcharts-data-table table { |
||||||
|
font-family: Verdana, sans-serif; |
||||||
|
border-collapse: collapse; |
||||||
|
border: 1px solid #ebebeb; |
||||||
|
margin: 10px auto; |
||||||
|
text-align: center; |
||||||
|
width: 100%; |
||||||
|
max-width: 500px; |
||||||
|
} |
||||||
|
|
||||||
|
.highcharts-data-table caption { |
||||||
|
padding: 1em 0; |
||||||
|
font-size: 1.2em; |
||||||
|
color: #555; |
||||||
|
} |
||||||
|
|
||||||
|
.highcharts-data-table th { |
||||||
|
font-weight: 600; |
||||||
|
padding: 0.5em; |
||||||
|
} |
||||||
|
|
||||||
|
.highcharts-data-table td, |
||||||
|
.highcharts-data-table th, |
||||||
|
.highcharts-data-table caption { |
||||||
|
padding: 0.5em; |
||||||
|
} |
||||||
|
|
||||||
|
.highcharts-data-table thead tr, |
||||||
|
.highcharts-data-table tr:nth-child(even) { |
||||||
|
background: #f8f8f8; |
||||||
|
} |
||||||
|
|
||||||
|
.highcharts-data-table tr:hover { |
||||||
|
background: #f1f7ff; |
||||||
|
} |
||||||
|
</style> |
||||||
|
<?php |
||||||
|
$tahun2 = date('Y'); |
||||||
|
$rentang_tahun = range($tahun2, 2022); |
||||||
|
|
||||||
|
|
||||||
|
?> |
||||||
|
|
||||||
|
<div class="main-content"> |
||||||
|
<div class="container-fluid"> |
||||||
|
<div class="row"> |
||||||
|
<div class="col-sm-12 mb-2"> |
||||||
|
<div class="card"> |
||||||
|
<div class="card-header"> |
||||||
|
<h3>Pilih :</h3> |
||||||
|
<div class="card-header-right"> |
||||||
|
<ul class="list-unstyled card-option"> |
||||||
|
<li><i class="ik ik-chevron-left action-toggle"></i></li> |
||||||
|
<li><i class="ik ik-minus minimize-card"></i></li> |
||||||
|
<li><i class="ik ik-x close-card"></i></li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="card-body"> |
||||||
|
|
||||||
|
<form class="form-sample" action="<?php base_url('rapor/deltabyr') ?>" method="post">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<?php if (session('tpkantor') == 'KPDJP') { |
||||||
|
$disabledslct = ""; |
||||||
|
} else { |
||||||
|
$disabledslct = "disabled"; |
||||||
|
} |
||||||
|
|
||||||
|
if (session('tpkantor') == 'KPP') { |
||||||
|
$disableslckpp = "disabled"; |
||||||
|
} else { |
||||||
|
$disableslckpp = ""; |
||||||
|
} |
||||||
|
?> |
||||||
|
<div class="row row-cols-1 row-cols-md-2"> |
||||||
|
<div class="col-md-6 col-sm-12"> |
||||||
|
<label class="my-1 mr-2">Kanwil </label> |
||||||
|
<select class="custom-select my-1 mr-sm-2" id="kwl" name="kwl" <?php echo $disabledslct ?>>
|
||||||
|
<?php if(session('tpkantor') == 'KPDJP'){ |
||||||
|
echo "<option value='semua'>Nasional</option>"; |
||||||
|
} |
||||||
|
?> |
||||||
|
<?php |
||||||
|
|
||||||
|
|
||||||
|
foreach ($selkwl as $row) { |
||||||
|
if ($row->KODE == $kwlx) { |
||||||
|
$sel = "selected"; |
||||||
|
} else { |
||||||
|
$sel = ""; |
||||||
|
} |
||||||
|
echo "<option value=\"" . $row->KODE . "\" " . $sel . ">" . $row->KODE . " - " . $row->NAMA . "</option>"; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
?> |
||||||
|
</select> |
||||||
|
<label class="my-1 mr-2">KPP </label> |
||||||
|
<select class="custom-select my-1 mr-sm-2" id="kpp" name="kpp" <?php echo $disableslckpp ?>>
|
||||||
|
</select> |
||||||
|
<label class="my-1 mr-2">Seksi </label> |
||||||
|
<select class="custom-select my-1 mr-sm-2" id="seksi" name="seksi"> |
||||||
|
</select> |
||||||
|
|
||||||
|
|
||||||
|
</div> |
||||||
|
<div class="col-md-6 col-sm-12"> |
||||||
|
<label class="my-1 mr-2">AR </label> |
||||||
|
<select class="custom-select my-1 mr-sm-2" id="nip" name="nip"> |
||||||
|
</select> |
||||||
|
<label class="my-1 mr-2">Tahun </label> |
||||||
|
<select class="custom-select my-1 mr-sm-2" id="tahun" name="tahun"> |
||||||
|
<?php |
||||||
|
foreach ($rentang_tahun as $tahun) { |
||||||
|
if ($tahun == $tahunx) { |
||||||
|
$sel = "selected"; |
||||||
|
} else { |
||||||
|
$sel = ""; |
||||||
|
} |
||||||
|
echo "<option value=\"" . $tahun . "\" " . $sel . ">" . $tahun . "</option>"; |
||||||
|
} |
||||||
|
?> |
||||||
|
</select> |
||||||
|
<label></label> |
||||||
|
|
||||||
|
<label class="my-1 mr-2">Bulan </label> |
||||||
|
<select class="custom-select my-1 mr-sm-2" id="bulan" name="bulan"> |
||||||
|
<?php |
||||||
|
foreach ($refbulan as $rowb) { |
||||||
|
if ($rowb->KODE == $bulany) { |
||||||
|
$isSelected = ' selected="selected"'; |
||||||
|
} else { |
||||||
|
$isSelected = ''; |
||||||
|
} |
||||||
|
echo "<option value='" . $rowb->KODE . "'" . $isSelected . ">" . ucfirst(strtolower($rowb->NM_PANJANG)) . "</option>"; |
||||||
|
} |
||||||
|
?> |
||||||
|
</select> |
||||||
|
<label class="my-1 mr-2">s.d. Bulan </label> |
||||||
|
<select class="custom-select my-1 mr-sm-2" id="bulan1" name="bulan1"> |
||||||
|
<?php |
||||||
|
foreach ($refbulan as $rowb) { |
||||||
|
if ($rowb->KODE == $bulanx) { |
||||||
|
$isSelected = ' selected="selected"'; |
||||||
|
} else { |
||||||
|
$isSelected = ''; |
||||||
|
} |
||||||
|
echo "<option value='" . $rowb->KODE . "'" . $isSelected . ">" . ucfirst(strtolower($rowb->NM_PANJANG)) . "</option>"; |
||||||
|
} |
||||||
|
?> |
||||||
|
</select> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<button type="submit" |
||||||
|
class="btn btn-primary btn-lg active mt-5 float-right">Proses</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</form> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="row clearfix"> |
||||||
|
<div class="col-lg-3 col-md-6 col-sm-12"> |
||||||
|
<div class="widget"> |
||||||
|
<div class="widget-body"> |
||||||
|
<div class="d-flex justify-content-between align-items-center"> |
||||||
|
<div class="state"> |
||||||
|
<h6>WP Bayar <?= $tahunx?> </h6>
|
||||||
|
<h6></h6> |
||||||
|
</div> |
||||||
|
<div class="icon text-green"> |
||||||
|
<i class="ik ik-award"></i> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="col-lg-3 col-md-6 col-sm-12"> |
||||||
|
<div class="widget"> |
||||||
|
<div class="widget-body"> |
||||||
|
<div class="d-flex justify-content-between align-items-center"> |
||||||
|
<div class="state"> |
||||||
|
<h6>WP Bayar <?= $tahunx -1?></h6>
|
||||||
|
<h6><b></b></h6> |
||||||
|
</div> |
||||||
|
<div class="icon"> |
||||||
|
<i class="ik ik-thumbs-up text-blue"></i> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="col-lg-3 col-md-6 col-sm-12"> |
||||||
|
<div class="widget"> |
||||||
|
<div class="widget-body"> |
||||||
|
<div class="d-flex justify-content-between align-items-center"> |
||||||
|
<div class="state"> |
||||||
|
<h6>Ratio % </h6> |
||||||
|
<h6></h6> |
||||||
|
</div> |
||||||
|
<div class="icon"> |
||||||
|
<i class="ik ik-calendar text-orange"></i> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</small> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="col-lg-3 col-md-6 col-sm-12"> |
||||||
|
<div class="widget"> |
||||||
|
<div class="widget-body"> |
||||||
|
<div class="d-flex justify-content-between align-items-center"> |
||||||
|
<div class="state"> |
||||||
|
<h6>Delta</h6> |
||||||
|
|
||||||
|
<h6 class="text-left "> |
||||||
|
<b></b></h6> |
||||||
|
</div> |
||||||
|
<div class="icon"> |
||||||
|
<i class="ik ik-alert-triangle "></i> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<?php echo view('inc/js.php') ?> |
||||||
|
|
||||||
|
<script> |
||||||
|
$(function () { |
||||||
|
$("#tablekat").tablesorter({ |
||||||
|
usNumberFormat: false |
||||||
|
}); |
||||||
|
}); |
||||||
|
</script> |
||||||
|
|
||||||
|
<script> |
||||||
|
$(document).ready(function () { |
||||||
|
|
||||||
|
$('#kwl').change(function () { |
||||||
|
|
||||||
|
var kwl = $('#kwl').val(); |
||||||
|
var kpp = $('#kpp').val(); |
||||||
|
if (kwl != '') { |
||||||
|
$.ajax({ |
||||||
|
url: "<?php echo base_url('/ref/getKPP'); ?>",
|
||||||
|
method: "POST", |
||||||
|
data: { |
||||||
|
kwl: kwl |
||||||
|
}, |
||||||
|
dataType: "JSON", |
||||||
|
success: function (data) { |
||||||
|
$('select[name="kpp"]').empty(); |
||||||
|
$('select[name="kpp"]').append('<option value="SEMUA">Semua</option>'); |
||||||
|
$.each(data, function (key, value) { |
||||||
|
$('select[name="kpp"]').append('<option value="' + value.KD_KPP + '">' + value.NM_KANTOR + '</option>'); |
||||||
|
}); |
||||||
|
<?php |
||||||
|
if ($kppx != '') { ?> |
||||||
|
|
||||||
|
$('#kpp').val('<?php echo $kppx ?>').change();
|
||||||
|
$('#seksi').change(); |
||||||
|
|
||||||
|
<?php } ?> |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
}); |
||||||
|
} else { |
||||||
|
$('#kpp').val(''); |
||||||
|
} |
||||||
|
}); |
||||||
|
<?php |
||||||
|
if ($kwlx != '') { ?> |
||||||
|
|
||||||
|
$('#kwl').val('<?php echo $kwlx ?>').change();
|
||||||
|
|
||||||
|
<?php } ?> |
||||||
|
|
||||||
|
|
||||||
|
$('#kpp').change(function () { |
||||||
|
var kpp = $('#kpp').val(); |
||||||
|
if (kpp == '' || kpp == 'SEMUA') { |
||||||
|
$('#seksi').attr('disabled', true); |
||||||
|
} else { |
||||||
|
$('#seksi').attr('disabled', false); |
||||||
|
} |
||||||
|
if (seksi != '') { |
||||||
|
$.ajax({ |
||||||
|
url: "<?php echo base_url('/ref/getSeksi'); ?>",
|
||||||
|
method: "POST", |
||||||
|
data: { |
||||||
|
kpp: kpp, |
||||||
|
}, |
||||||
|
dataType: "JSON", |
||||||
|
success: function (datas) { |
||||||
|
$('select[name="seksi"]').empty(); |
||||||
|
$('select[name="seksi"]').append('<option value="SEMUA">Semua</option>'); |
||||||
|
$.each(datas, function (key, value) { |
||||||
|
$('select[name="seksi"]').append('<option value="' + value.KODESIE + '">' + value.SEKSI + ' - ' + value.NAMA + '</option>'); |
||||||
|
}); |
||||||
|
|
||||||
|
<?php |
||||||
|
if ($seksix != '') { ?> |
||||||
|
|
||||||
|
$('#seksi').val('<?php echo $seksix ?>').change();
|
||||||
|
$('#nip').change(); |
||||||
|
|
||||||
|
<?php } ?> |
||||||
|
} |
||||||
|
}); |
||||||
|
} else { |
||||||
|
$('#seksi').val(''); |
||||||
|
} |
||||||
|
}); |
||||||
|
<?php |
||||||
|
if ($kppx != '') { ?> |
||||||
|
$('#kpp').change(); |
||||||
|
|
||||||
|
<?php } ?> |
||||||
|
|
||||||
|
|
||||||
|
$('#seksi').change(function () { |
||||||
|
var kpp = $('#kpp').val(); |
||||||
|
var seksi = $('#seksi').val(); |
||||||
|
var nip = $('#nip').val() |
||||||
|
|
||||||
|
if (seksi == '' || seksi == 'SEMUA') { |
||||||
|
$('#nip').attr('disabled', true); |
||||||
|
} else { |
||||||
|
$('#nip').attr('disabled', false); |
||||||
|
} |
||||||
|
if (seksi != '') { |
||||||
|
$.ajax({ |
||||||
|
url: "<?php echo base_url('/ref/getAR'); ?>",
|
||||||
|
method: "POST", |
||||||
|
data: { |
||||||
|
kpp: kpp, |
||||||
|
seksi: seksi |
||||||
|
}, |
||||||
|
dataType: "JSON", |
||||||
|
success: function (datas) { |
||||||
|
$('select[name="nip"]').empty(); |
||||||
|
$('select[name="nip"]').append('<option value="SEMUA">Semua</option>'); |
||||||
|
$.each(datas, function (key, value) { |
||||||
|
$('select[name="nip"]').append('<option value="' + value.NIP + '">' + value.NIP + ' - ' + value.NAMA + '</option>'); |
||||||
|
}); |
||||||
|
<?php |
||||||
|
if ($nipx != '') { ?> |
||||||
|
|
||||||
|
$('#nip').val('<?php echo $nipx ?>').change();
|
||||||
|
|
||||||
|
<?php } ?> |
||||||
|
} |
||||||
|
}); |
||||||
|
} else { |
||||||
|
$('#nip').val(''); |
||||||
|
} |
||||||
|
}); |
||||||
|
<?php |
||||||
|
if ($seksix != '') { ?> |
||||||
|
$('#seksi').change(); |
||||||
|
|
||||||
|
<?php } ?> |
||||||
|
}); |
||||||
|
</script> |
||||||
|
|
||||||
|
After Width: | Height: | Size: 6.0 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue