Files
shopee-apps/application/views/proses/KO_Sub1_RumusGp_1.php
T
2026-06-13 16:02:07 +10:00

610 lines
24 KiB
PHP

<!doctype html>
<html class="fixed sidebar-left-collapsed">
<head>
<!-- Basic -->
<meta charset="UTF-8">
<title>KONFIGURASI</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;
}
</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
$id_karyawan = $this->session->userdata('id_karyawan');
$nama_panggilan = $this->session->userdata('nama_panggilan');
$username = $this->session->userdata('username');
$tgl_now = date('d/m/Y');
?>
<header class="page-header">
<h2><b>Data Rumus Gp | </b><b style="color:LightGreen">[<?=$tampil?>]</b></h2>
<div class="right-wrapper pull-right">
<ol class="breadcrumbs">
<li><span><b style="color:Gold">Master Data </span></b></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-dark">
<header class="panel-heading">
<div class="panel-actions">
<a href="<?php echo base_url('') ?>index.php" class="text-dark"><b>Dashboard </b><i class="fa fa-home"></i></a>
</div>
<h2 class="panel-title"><b style="color:Black">RUMUS GP</b></h2>
</header>
<div class="panel-body">
<?php if ($hak>1) { ?>
<button type="button" class="btn btn-success" data-toggle="modal" data-target="#modalTambah"><b>Tambah Data</b> <i class="fa fa-plus-circle"></i></button>
<?php } ?>
<table class="table table-bordered table-striped mb-none" id="table1">
<thead>
<th class="center default">No</th>
<th class="default">Jenis</th>
<th class="default">Nama</th>
<?php if ($hak>1) { ?>
<th class="center default">Detail Data</th>
<th class="center default">PILIHAN</th>
<?php } ?>
</thead>
<tbody>
<?php
if (is_array($rgp) || is_object($rgp)) {
$no = 1;
foreach ($rgp as $key) { ?>
<tr>
<td class="center"><?= $no; ?></td>
<td><b style="color:Black"><?=$key['NAMA_JPP']?></b></td>
<td><b style="color:FireBrick"><?= $key['NAMA_RGP']; ?></b> <?php if ($key['LOCK']==1) { ?><i style="color:Teal">(Terisi)</i><?php } ?></td>
<?php if ($hak>1) { ?>
<td class="actions center">
<span data-toggle="modal" data-target="#modalIsi"><button type="button" onclick="isiData('<?=$key['ID_RGP']?>')" class="btn btn-xs btn-success" title="" data-toggle="tooltip" data-trigger="hover" data-original-title="Tombol untuk Isi Data"><i class="fa fa-reorder"></i></button></span>
</td>
<td class="actions center">
<span data-toggle="modal" data-target="#modalUbah"><button type="button" onclick="ubahData('<?=$key['ID_RGP']?>','<?=$key['JENIS_RGP']?>','<?=$key['NAMA_RGP']?>')" class="btn btn-xs btn-warning" title="" data-toggle="tooltip" data-trigger="hover" data-original-title="Tombol untuk Ubah Data"><i class="fa fa-pencil"></i></button></span>
<span data-toggle="modal" data-target="#modalSembunyi"><button type="button" onclick="sembunyiData('<?=$key['ID_RGP']?>')" class="btn btn-xs btn-danger" title="" data-toggle="tooltip" data-trigger="hover" data-original-title="Tombol untuk Sembunyikan Data"><i class="fa fa-exclamation-triangle"></i></button></span>
</td>
<?php } ?>
</tr>
<?php $no++;
}
} ?>
</tbody>
</table>
</div>
</section>
</div>
<!-- end: page -->
</section>
</div>
</section>
<div id="modalTambah" class="modal fade" tabindex="-1" role="dialog">
<?= form_open('Menu/KO_Tambah_Sub1_E1_DataRumusGp', array('id' => 'formkonfigurasi'), array('method' => 'KO_Tambah_Sub1_E1_DataRumusGp')); ?>
<div class="modal-dialog">
<div class="modal-content">
<header class="panel-heading">
<h4 class="panel-title"><b>Tambah Data </b><b class="text-danger">[Warna Merah harus diisi]</b></h4>
</header>
<div class="modal-body ">
<div class="form-group">
<div class="col-md-2"><b class="text-danger">Jenis</b></div>
<div class="col-md-10">
<select data-plugin-selectTwo name="jenis_rgpnew" id="jenis_rgpnew" class="form-control populate" required>
<option value="" selected>Pilih Periode</option>
<option value="2">BULANAN</option>
<option value="1">KUARTAL</option>
<option value="3">TAHUNAN</option>
</select>
<small class="help-block"></small>
</div>
</div>
<div class="form-group">
<div class="col-md-2"><b class="text-danger">Nama</b></div>
<div class="col-md-10">
<input type="text" name="nama_rgpnew" id="nama_rgpnew" class="form-control" autocomplete="off" data-plugin-maxlength maxlength="70" placeholder="Nama Rumus" required>
<small class="help-block"></small>
</div>
</div>
</div>
<footer class="panel-footer">
<div class="row">
<div class="col-md-12 text-right">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button type="submit" name="SubmitButton" id="SubmitButton" class="btn btn-success"><b>Tambah</b> <i class="fa fa-plus-circle"></i></button>
</div>
</div>
</footer>
</div>
<?= form_close(); ?>
<!-- /.modal-content -->
</div>
</div>
<div id="modalUbah" class="modal fade" tabindex="-1" role="dialog">
<?= form_open('Menu/KO_Ubah_Sub1_E1_DataRumusGp', array('id' => 'formkonfigurasi'), array('method' => 'KO_Ubah_Sub1_E1_DataRumusGp')); ?>
<div class="modal-dialog">
<div class="modal-content">
<header class="panel-heading">
<h4 class="panel-title"><b>Ubah Data </b><b class="text-danger">[Warna Merah harus diisi]</b></h4>
</header>
<div class="modal-body ">
<div class="form-group">
<input type="hidden" name="id_rgped" id="id_rgped" class="form-control">
<div class="col-md-2"><b class="text-danger">Jenis</b></div>
<div class="col-md-10">
<select data-plugin-selectTwo name="jenis_rgped" id="jenis_rgped" class="form-control populate" required>
<option value="2">BULANAN</option>
<option value="1">KUARTAL</option>
<option value="3">TAHUNAN</option>
</select>
<small class="help-block"></small>
</div>
</div>
<div class="form-group">
<div class="col-md-2">
<label><b class="text-danger">Nama</b></label>
</div>
<div class="col-md-10">
<input type="text" name="nama_rgped" id="nama_rgped" class="form-control" autocomplete="off" data-plugin-maxlength maxlength="70" placeholder="Nama Rumus" required>
<small class="help-block"></small>
</div>
</div>
</div>
<footer class="panel-footer">
<div class="row">
<div class="col-md-12 text-right">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button type="submit" name="SubmitButton" id="SubmitButton" class="btn btn-warning"><b>Ubah</b> <i class="fa fa-pencil"></i></button>
</div>
</div>
</footer>
</div>
<?= form_close(); ?>
<!-- /.modal-content -->
</div>
</div>
<div id="modalSembunyi" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog">
<?= form_open('Menu/KO_Sembunyi_Sub1_E1_DataRumusGp', array('id' => 'formkonfigurasi'), array('method' => 'KO_Sembunyi_Sub1_E1_DataRumusGp')); ?>
<div class="modal-content">
<header class="panel-heading">
<h2 class="panel-title"><b>Sembunyikan Data</b></h2>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<input type="hidden" name="id_rgphid" id="id_rgphid" class="form-control">
<h4>Apakah ingin sembunyikan Data?</h4>
</div>
</div>
</div>
<footer class="panel-footer">
<div class="row">
<div class="col-md-12 text-right">
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button type="submit" name="SubmitButton" id="SubmitButton" class="btn btn-danger"><b>Sembunyi</b> <i class="fa fa-exclamation-triangle"></i></button>
</div>
</div>
</footer>
</div>
<?= form_close(); ?>
</div>
</div>
<div id="modalIsi" class="modal fade ui-front" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static">
<div class="modal-dialog modal-lg" style="width:85%">
<header class="panel-heading">
<h2 class="panel-title"><b>Isi Data | [<b id="namaRgp" style="color:Teal"></b>]</b></h2>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<div class="row form-bordered">
<div class="form-group">
<div class="col-md-4">
<section class="form-group-vertical">
<input type="hidden" name="id_rgpin" id="id_rgpin" class="form-control" value="">
<input type="hidden" name="id_drgpin" id="id_drgpin" class="form-control" value="">
<input type="hidden" name="posisiin" id="posisiin" class="form-control" value="">
<div class="input-group"><span class="input-group-addon">Rp</span><input autocomplete="off" class="form-control" type="text" name="bawah_drgpnew" id="bawah_drgpnew" onchange="cekNilai(1);" placeholder="Batas Bawah" style="text-align:right;"/></div>
<div class="input-group"><span class="input-group-addon">Rp</span><input autocomplete="off" class="form-control" type="text" name="atas_drgpnew" id="atas_drgpnew" onchange="cekNilai(2);" placeholder="Batas Atas" style="text-align:right;"/></div>
<div class="input-group"><input autocomplete="off" class="form-control" type="text" name="rate_drgpnew" id="rate_drgpnew" onchange="cekNilai(3);" placeholder="Rate Nilai" style="text-align:right;"/><span class="input-group-addon">%</span></div>
<element id="submitSimpan"><button type="submit" onclick="simpanDrgp();" class="btn btn-success"><b>Simpan Data</b> <i class="fa fa-flash"></i></button></element>
<element hidden="hidden" id="submitUbah"><button type="submit" onclick="ubahDrgp();" class="btn btn-warning"><b>Ubah Data</b> <i class="fa fa-flash"></i></button></element>
</section>
</div>
<div class="col-md-8">
<table class="table table-bordered table-striped mb-none" id="nothing">
<thead>
<th class="center default">No</th>
<th class="text-right default">Bawah</th>
<th class="text-right default">Atas</th>
<th class="text-right default">Rate</th>
<th class="center default">PILIHAN</th>
</thead>
<tbody id="isiTabel"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="panel-footer">
<div class="row">
<div class="col-md-12 text-left">
<div class="btn-group-vertical">
<h4><a style="color:DarkOrchid" data-dismiss="modal" onclick="resetIntervalAll()"><u style="color:Blue"><b>Klik untuk Keluar dari Menu</b> <i class="fa fa-times"></i></u></a></h4>
</div>
</div>
</div>
</footer>
</div>
</div>
<?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>
$('#table1').dataTable( {
"paging": false
} );
function resetIntervalAll() {
location.reload();
}
function isiData(id) {
$("#id_rgpin").val(id);
PNotify.removeAll();
var JUMLAH = "";
tampilkanData(id);
}
function tampilkanData(id) {
$.ajax({
type: 'POST',
data: {
id_rgp : id,
},
url: '<?= base_url('') ?>index.php/Menu/KO_Ambil_Sub1_DataDaftarRumusGp',
dataType: 'json',
success: function(response) {
var baris = '';
JUMLAH = response.total;
for (var i = 1; i <= JUMLAH; i++) {
if (i <= response.data.length) {
var id_drgp = response.data[i - 1]['ID_DRGP'];
var bawah = response.data[i - 1]['BAWAH'];
var atas = response.data[i - 1]['ATAS'];
var rate = response.data[i - 1]['RATE'];
var bawahdrgp = response.data[i - 1]['BAWAH_DRGP'];
var atasdrgp = response.data[i - 1]['ATAS_DRGP'];
var ratedrgp = (response.data[i - 1]['RATE_DRGP']*100);
baris += '<tr>';
baris += '<input class="form-control input-sm" name="idsn' + i + '" id="idsn' + i + '" type="hidden" value="' + id_drgp + '" placeholder="-" >';
baris += '<td class="center" style="vertical-align: middle;" >' + i + ' <element id="tampilkanIconCek' + i + '" hidden="hidden"><i class="fa fa-check" style="color:Blue"></i></element></td>';
baris += '<td class="text-right" style="vertical-align: middle;" >' + bawah + '</td>';
baris += '<td class="text-right" style="vertical-align: middle;" >' + atas + '</td>';
baris += '<td class="text-right" style="vertical-align: middle;" >' + rate + ' %</td>';
if (i==JUMLAH) {
baris += '<td class="action center" style="vertical-align: middle;"><element id="tampilkanIconBan' + i + '" hidden="hidden"><button type="button" class="btn btn-xs btn-danger" onclick="batalUbah(' + i + ')"><i class="fa fa-ban"></i></button></element><element id="ubahIcon' + i + '"><button type="button" onclick="ubahDrgpData(' + id_drgp + ',' + id + ',' + i + ',' + bawahdrgp + ',' + atasdrgp + ',' + ratedrgp + ')" class="btn btn-xs btn-warning"><i class="fa fa-pencil"></i></button>&nbsp<button type="button" onclick="hapusDrgpData(' + id_drgp + ',' + id + ')" class="btn btn-xs btn-danger"><i class="fa fa-times"></i></button></element></td>';
} else {
baris += '<td>&nbsp</td>';
}
baris += '</tr>';
}
}
$('#isiTabel').html(baris);
$("#namaRgp").html(response.nama_rgp);
}
});
}
function cekNilai(id) {
if (id==1) {
var nilai = document.getElementById("bawah_drgpnew").value;
} else if (id==2) {
var nilai = document.getElementById("atas_drgpnew").value;
} else if (id==3) {
var nilai = document.getElementById("rate_drgpnew").value;
}
PNotify.removeAll();
var nilai = nilai.replace(/,/g,'.');
var cekNumber = isNaN(nilai);
if (cekNumber==true) {
notify("not_number");
if (id==1) {
document.getElementById("bawah_drgpnew").value = null;
} else if (id==2) {
document.getElementById("atas_drgpnew").value = null;
} else if (id==3) {
document.getElementById("rate_drgpnew").value = null;
}
}
if (nilai<0 || nilai=="") {
notify("less_zero");
if (id==1) {
document.getElementById("bawah_drgpnew").value = null;
} else if (id==2) {
document.getElementById("atas_drgpnew").value = null;
} else if (id==3) {
document.getElementById("rate_drgpnew").value = null;
}
}
}
function ubahData(id_rgp, jenis_rgp, nama_rgp) {
document.getElementById("id_rgped").value = id_rgp;
document.getElementById("jenis_rgped").value = jenis_rgp;
document.getElementById("nama_rgped").value = nama_rgp;
$('#jenis_rgped').select2().select2('val', jenis_rgp);
}
function sembunyiData(id_rgp) {
document.getElementById("id_rgphid").value = id_rgp;
}
function simpanDrgp() {
var id_rgp = document.getElementById("id_rgpin").value;
var bawah_drgp = document.getElementById("bawah_drgpnew").value;
var atas_drgp = document.getElementById("atas_drgpnew").value;
var rate_drgp = document.getElementById("rate_drgpnew").value;
var status = 0;
PNotify.removeAll();
if (bawah_drgp<0 || bawah_drgp=="" || atas_drgp<0 || atas_drgp=="" || rate_drgp<0 || rate_drgp=="") {
notify("less_zero");
status++;
}
if (status == 0) {
$.ajax({
type: 'POST',
data: {
bawah_drgp : bawah_drgp,
atas_drgp : atas_drgp,
rate_drgp : rate_drgp,
id_rgp : id_rgp,
},
url: '<?= base_url('') ?>index.php/Menu/KO_Simpan_Sub1_E1_DataDaftarRumusGp',
dataType: 'json',
success: function(response) {
if (response.value == 5) {
notify("not_valid");
delayReload(2000,"<?= base_url() ?>index.php/Menu/KO_Sub1_RumusGp_1");
} else if (response.value == 4) {
notify("bawahatas_overlap");
} else if (response.value == 3) {
notify("drgp_first");
} else if (response.value == 2) {
notify("drgp_next");
} else if (response.value == 1) {
notify("success_add");
} else if (response.value == 0) {
notify("failed");
}
document.getElementById("bawah_drgpnew").value = null;
document.getElementById("atas_drgpnew").value = null;
document.getElementById("rate_drgpnew").value = null;
isiData(id_rgp);
}
});
}
}
function ubahDrgp() {
var id_rgp = document.getElementById("id_rgpin").value;
var id_drgp = document.getElementById("id_drgpin").value;
var bawah_drgp = document.getElementById("bawah_drgpnew").value;
var atas_drgp = document.getElementById("atas_drgpnew").value;
var rate_drgp = document.getElementById("rate_drgpnew").value;
var posisi = document.getElementById("posisiin").value;
var status = 0;
PNotify.removeAll();
if (bawah_drgp<0 || bawah_drgp=="" || atas_drgp<0 || atas_drgp=="" || rate_drgp<0 || rate_drgp=="") {
notify("less_zero");
status++;
}
if (status == 0) {
$.ajax({
type: 'POST',
data: {
bawah_drgp : bawah_drgp,
atas_drgp : atas_drgp,
rate_drgp : rate_drgp,
id_rgp : id_rgp,
id_drgp : id_drgp,
},
url: '<?= base_url('') ?>index.php/Menu/KO_Ubah_Sub1_E1_DataDaftarRumusGp',
dataType: 'json',
success: function(response) {
if (response.value == 6) {
notify("not_valid");
delayReload(2000,"<?= base_url() ?>index.php/Menu/KO_Sub1_RumusGp_1");
} else if (response.value == 5) {
notify("latest");
tampilkanData(id_rgp);
} else if (response.value == 4) {
notify("bawahatas_overlap");
} else if (response.value == 3) {
notify("drgp_first");
} else if (response.value == 2) {
notify("drgp_next");
} else if (response.value == 1) {
notify("success_ed");
} else if (response.value == 0) {
notify("failed");
}
document.getElementById("ubahIcon" + posisi).style.display = 'block';
document.getElementById("tampilkanIconCek" + posisi).style.display = 'none';
document.getElementById("tampilkanIconBan" + posisi).style.display = 'none';
document.getElementById("submitSimpan").style.display = 'block';
document.getElementById("submitUbah").style.display = 'none';
document.getElementById("bawah_drgpnew").value = null;
document.getElementById("atas_drgpnew").value = null;
document.getElementById("rate_drgpnew").value = null;
tampilkanData(id_rgp);
}
});
}
}
function ubahDrgpData(id_drgp, id_rgp, posisi, bawah_drgp, atas_drgp, rate_drgp) {
$("#id_drgpin").val(id_drgp);
$("#posisiin").val(posisi);
document.getElementById("ubahIcon" + posisi).style.display = 'none';
document.getElementById("tampilkanIconCek" + posisi).style.display = 'block';
document.getElementById("tampilkanIconBan" + posisi).style.display = 'block';
document.getElementById("submitSimpan").style.display = 'none';
document.getElementById("submitUbah").style.display = 'block';
document.getElementById("bawah_drgpnew").value = bawah_drgp;
document.getElementById("atas_drgpnew").value = atas_drgp;
document.getElementById("rate_drgpnew").value = rate_drgp;
}
function hapusDrgpData(id_drgp, id_rgp) {
$.ajax({
type: 'POST',
data: {
id_drgp : id_drgp,
id_rgp : id_rgp,
},
url: '<?= base_url('') ?>index.php/Menu/KO_Hapus_Sub1_E1_DataDaftarRumusGp',
dataType: 'json',
success: function(response) {
PNotify.removeAll();
if (response.value==1) {
notify("success_del");
} else if (response.value==2) {
notify("latest");
tampilkanData(id_rgp);
} else if (response.value==3) {
notify("not_valid");
delayReload(2000,"<?= base_url() ?>index.php/Menu/KO_Sub1_RumusGp_1");
} else if (response.value==0) {
notify("failed");
}
document.getElementById("bawah_drgpnew").value = null;
document.getElementById("atas_drgpnew").value = null;
document.getElementById("rate_drgpnew").value = null;
tampilkanData(id_rgp);
}
});
}
function batalUbah(posisi) {
document.getElementById("ubahIcon" + posisi).style.display = 'block';
document.getElementById("tampilkanIconCek" + posisi).style.display = 'none';
document.getElementById("tampilkanIconBan" + posisi).style.display = 'none';
document.getElementById("submitSimpan").style.display = 'block';
document.getElementById("submitUbah").style.display = 'none';
document.getElementById("bawah_drgpnew").value = null;
document.getElementById("atas_drgpnew").value = null;
document.getElementById("rate_drgpnew").value = null;
}
</script>
</body>
</html>