304 lines
11 KiB
PHP
304 lines
11 KiB
PHP
<!doctype html>
|
|
<html class="fixed sidebar-left-collapsed">
|
|
|
|
<head>
|
|
|
|
<!-- Basic -->
|
|
<meta charset="UTF-8">
|
|
|
|
<title>MENU INFORMASI</title>
|
|
<meta name="keywords" content="HTML5 Admin Template" />
|
|
<meta name="description" content="Porto Admin - Responsive HTML5 Template">
|
|
<meta name="author" content="okler.net">
|
|
|
|
<!-- Mobile Metas -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
|
|
<!-- Vendor CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap/css/bootstrap.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/font-awesome/css/font-awesome.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/magnific-popup/magnific-popup.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap-datepicker/css/datepicker3.css" />
|
|
|
|
<!-- Specific Page Vendor CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/select2/select2.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/jquery-datatables-bs3/assets/css/datatables.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/pnotify/pnotify.custom.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap-multiselect/bootstrap-multiselect.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/base/jquery-ui.css" />
|
|
|
|
<!-- Theme CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/theme.css" />
|
|
|
|
<!-- Skin CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/skins/default.css" />
|
|
|
|
<!-- Theme Custom CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/theme-custom.css">
|
|
|
|
<!-- Head Libs -->
|
|
<script src="<?php echo base_url('') ?>assets/vendor/modernizr/modernizr.js"></script>
|
|
|
|
</head>
|
|
<script src="<?= base_url() ?>assets/bower_components/jquery/jquery-3.3.1.min.js"></script>
|
|
<script src="<?= base_url() ?>assets/bower_components/sweetalert2/sweetalert2.all.min.js"></script>
|
|
|
|
<style>
|
|
.ui-front {
|
|
z-index: 9999;
|
|
}
|
|
|
|
.solid {
|
|
border-left-style: solid;
|
|
border-width: 5px;
|
|
border-color: darkcyan;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Create a two-column layout */
|
|
.column {
|
|
float: left;
|
|
width: 50%;
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Clearfix (clear floats) */
|
|
.row::after {
|
|
content: "";
|
|
clear: both;
|
|
display: table;
|
|
}
|
|
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
let base_url = '<?= base_url() ?>';
|
|
</script>
|
|
|
|
<body>
|
|
<section class="body">
|
|
|
|
<!-- start: header -->
|
|
<?php $this->load->view('template/header'); ?>
|
|
<!-- end: header -->
|
|
|
|
<div class="inner-wrapper">
|
|
<!-- start: sidebar -->
|
|
<?php $this->load->view('template/sidebar'); ?>
|
|
<!-- end: sidebar -->
|
|
|
|
<section role="main" class="content-body">
|
|
|
|
<?php
|
|
$jabatan = $this->session->userdata('jabatan');
|
|
$level = $this->session->userdata('level');
|
|
$nama_panggilan = $this->session->userdata('nama_panggilan');
|
|
$id_karyawan = $this->session->userdata('id_karyawan');
|
|
$username = $this->session->userdata('username');
|
|
$tgl_now = date('d/m/Y');
|
|
|
|
if ($jabatan=="ADMINISTRATOR" OR $username=="helda" OR $username=="venny") {
|
|
|
|
} else {
|
|
$jabatan = "DILARANG";
|
|
$dak = null;
|
|
}
|
|
?>
|
|
|
|
<header class="page-header">
|
|
<h2><strong>Data Piutang Karyawan | <b style="color:Chartreuse">Sampai <?=$tgl?></b></strong></h2>
|
|
|
|
<div class="right-wrapper pull-right">
|
|
<ol class="breadcrumbs">
|
|
<li><span><strong style="color:Gold">Master Data </span></strong></li>
|
|
</ol>
|
|
|
|
<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fa fa-chevron-left"></i></a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- start: page -->
|
|
<section class="panel panel-featured panel-featured-success">
|
|
<header class="panel-heading">
|
|
<div class="panel-actions">
|
|
<a href="<?php echo base_url('') ?>index.php" class="text-dark"><strong>Kembali</strong><i class="fa fa-backward"></i></a>
|
|
</div>
|
|
<h2 class="panel-title"><b style="color:DarkGreen">PIUTANG KARYAWAN</b> <?php if ($jabatan=="DILARANG") {?> | <b style="color:Red"><i>Tidak Berhak*</i></b><?php } ?></h2>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="form-group">
|
|
<h4><label class="col-md-2 control-label"><b style="color:DarkSlateGray">Pilih Data</b></label></h4>
|
|
<div class="col-md-10">
|
|
<select data-plugin-selectTwo name="id_karyawanLihat" id="id_karyawanLihat" onchange="openTab(value);" class="form-control populate">
|
|
<option value="" selected>Pilih Karyawan</option>
|
|
<?php if (is_array($dak) || is_object($dak)) {
|
|
foreach ($dak as $key) { ?>
|
|
<option value="<?= $key['KARYAWAN_ID'] ?>"><?= $key['NAMA_PANGGILAN_KARYAWAN'] ?> [SISA <?php echo number_format($key['SISA'],2) ?>]</option>
|
|
<?php }
|
|
} ?>
|
|
</select>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="panel panel-featured panel-featured-dark" id="detailNota">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title"><b style="color:FireBrick">DETAIL DATA | <b id="namaPka" style="color:Teal"></b></b></h2>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="panel-body">
|
|
<div class="row form-bordered">
|
|
<div class="form-group">
|
|
<input type="hidden" name="karyawan_id" id="karyawan_id" class="form-control" value="">
|
|
<div class="col-md-8"></div>
|
|
<div class="col-md-4">
|
|
<select data-plugin-selectTwo id="textSearch" onchange="cariData()" class="form-control populate"></select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<table class="table table-bordered table-striped mb-none">
|
|
<thead>
|
|
<th class="center default">No</th>
|
|
<th class="default">Kode</th>
|
|
<th class="default">Karyawan</th>
|
|
<th class="text-right default">DEBET</th>
|
|
<th class="text-right default">KREDIT</th>
|
|
<th class="text-right default">SUBTOTAL</th>
|
|
<th class="default">Keterangan</th>
|
|
</thead>
|
|
<tbody id="isiTabel"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- end: page -->
|
|
</section>
|
|
|
|
<?php
|
|
$this->load->view('template/sidebar_right');
|
|
$this->load->view('template/script_vendor');
|
|
$this->load->view('template/script_flashdata');
|
|
$this->load->view('template/notification');
|
|
?>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
JUMLAH = '';
|
|
|
|
document.getElementById('detailNota').style.display = 'none';
|
|
})
|
|
|
|
function openTab(id) {
|
|
document.getElementById('detailNota').style.display = 'block';
|
|
document.getElementById("karyawan_id").value = id;
|
|
|
|
if (id!="") {
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/IN_Ambil_Sub6_I1_DataPiutang",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_karyawan : id,
|
|
},
|
|
success: function(response) {
|
|
document.getElementById("textSearch").value = null;
|
|
document.getElementById("textSearch").innerHTML = "";
|
|
|
|
var listData = response.data;
|
|
var isiMaster = document.getElementById('textSearch');
|
|
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="" selected>Pilih Kode/Reset Data Preview</option>';
|
|
for (var i = 0; i < listData.length; i++) {
|
|
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="' + listData[i]['KODE'] + '">' + listData[i]['KODE'] + ' | (' + listData[i]['TANGGAL'] + ')</option>';
|
|
}
|
|
$('#textSearch').val(null).trigger('change');
|
|
document.getElementById("textSearch").disabled = false;
|
|
|
|
var baris = '';
|
|
JUMLAH = response.data.length;
|
|
|
|
for (var i = 1; i <= JUMLAH; i++) {
|
|
var kode = response.data[i - 1]['KODE'];
|
|
var tanggal = response.data[i - 1]['TANGGAL'];
|
|
var debet = response.data[i - 1]['DEBET'];
|
|
var kredit = response.data[i - 1]['KREDIT'];
|
|
var subtotal = response.data[i - 1]['SUBTOTAL'];
|
|
var ket = response.data[i - 1]['KET'];
|
|
var kar = response.data[i - 1]['KAR'];
|
|
var ts = response.data[i - 1]['TS'];
|
|
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" style="vertical-align: middle;">' + i + '</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkOrchid">' + kode + '</b><br>(' + tanggal + ')</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Navy">' + kar + '</b><br>(' + ts + ')</td>';
|
|
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:Blue">' + debet + '</b></td>';
|
|
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:Red">' + kredit + '</b></td>';
|
|
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:Chocolate">' + subtotal + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkSlateGray">' + ket + '</b></td>';
|
|
baris += '</tr>';
|
|
}
|
|
$('#isiTabel').html(baris);
|
|
$('#namaPka').html(response.nama_karyawan);
|
|
}
|
|
});
|
|
} else {
|
|
document.getElementById('detailNota').style.display = 'none';
|
|
}
|
|
}
|
|
|
|
function cariData() {
|
|
var textSearch = document.getElementById('textSearch').value;
|
|
var id = document.getElementById("karyawan_id").value;
|
|
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/IN_Ambil_Sub6_I1_DataPiutang",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_karyawan : id,
|
|
textSearch : textSearch,
|
|
},
|
|
success: function(response) {
|
|
var baris = '';
|
|
JUMLAH = response.data.length;
|
|
|
|
for (var i = 1; i <= JUMLAH; i++) {
|
|
var kode = response.data[i - 1]['KODE'];
|
|
var tanggal = response.data[i - 1]['TANGGAL'];
|
|
var debet = response.data[i - 1]['DEBET'];
|
|
var kredit = response.data[i - 1]['KREDIT'];
|
|
var subtotal = response.data[i - 1]['SUBTOTAL'];
|
|
var ket = response.data[i - 1]['KET'];
|
|
var kar = response.data[i - 1]['KAR'];
|
|
var ts = response.data[i - 1]['TS'];
|
|
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" style="vertical-align: middle;">' + i + '</td>';
|
|
if (kode=="") {
|
|
baris += '<td class="text-left" style="vertical-align: middle;"> </td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"> </td>';
|
|
} else {
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkOrchid">' + kode + '</b><br>(' + tanggal + ')</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Navy">' + kar + '</b><br>(' + ts + ')</td>';
|
|
}
|
|
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:Blue">' + debet + '</b></td>';
|
|
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:Red">' + kredit + '</b></td>';
|
|
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:Chocolate">' + subtotal + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkSlateGray">' + ket + '</b></td>';
|
|
baris += '</tr>';
|
|
}
|
|
$('#isiTabel').html(baris);
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|