Files
2026-06-13 16:02:07 +10:00

543 lines
21 KiB
PHP

<!doctype html>
<html class="fixed sidebar-left-collapsed">
<head>
<!-- Basic -->
<meta charset="UTF-8">
<title>MASTER DATA</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;
}
.bordergoldall {
border-left-style: solid;
border-right-style: solid;
border-top-style: solid;
border-bottom-style: solid;
border-width: 5px;
border-color: gold;
}
.borderorangeall {
border-left-style: solid;
border-right-style: solid;
border-top-style: solid;
border-bottom-style: solid;
border-width: 5px;
border-color: orange;
}
.f18 {
font-size: 18px;
}
</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 Master Periode Proyek | </b><b style="color:LightGreen">[<?=$tampil?>]</b></h2>
</header>
<!-- start: page -->
<section class="panel panel-featured panel-featured-dark">
<header class="panel-heading">
<div class="panel-actions">
<a data-toggle="modal" data-target="#modalFitur" style="color:Coral"><b>Fitur </b><i class="fa fa-question-circle"></i></a>&nbsp&nbsp
<a onclick="tutupTab()"><b style="color:Black">Tutup <i class="fa fa-times"></i></b></a>
</div>
<h2 class="panel-title"><b style="color:Olive">DATA PERIODE PROYEK</b></h2>
</header>
<div class="panel-body">
<div class="panel-group" id="accordion">
<div class="panel panel-accordion">
<header class="panel-heading">
<h2 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" <?php if ($hak>=2) { ?>href="#collapseOne" onclick="setBersih()"<?php } ?>>
<b class="f18" style="color:DarkGreen"><b style="color:Black">[1]</b> DATA BARU <?php if ($hak<=1) { ?><i class="fa fa-ban text-danger"></i><?php } ?></b>
</a>
</h2>
</header>
<div id="collapseOne" class="accordion-body collapse">
<div class="panel-body">
<div class="form-group bordergoldall">
<h4><div class="col-md-12">
<b style="color:DarkCyan"><i>Note : [Warna Merah harus diisi.]</i></b>
</div></h4>
<br><br>
<h4><div class="col-md-2"><b style="color:Red">Nama Periode</b></div></h4>
<div class="col-md-4">
<input type="text" id="nama_ppnew" class="form-control" autocomplete="off" style="text-transform:uppercase" data-plugin-maxlength maxlength="64" placeholder="Nama Periode">
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">Awal</b></div></h4>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<input type="date" id="awal_ppnew" class="form-control" value="<?=$tgl?>">
</div>
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">Jenis</b></div></h4>
<div class="col-md-4">
<div class="form-group">
<select data-plugin-selectTwo id="jenis_ppnew" class="form-control populate">
<option value="" selected>Pilih Jenis</option>
<option value="2">BULANAN</option>
<option value="1">KUARTAL</option>
<option value="3">TAHUNAN</option>
</select>
</div>
</div>
<h4><div class="col-md-2"><b style="color:Red">Akhir</b></div></h4>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<input type="date" id="akhir_ppnew" class="form-control" value="<?=$tgl?>">
</div>
<small class="help-block"></small>
</div>
<div class="col-md-12 text-right">
<button type="button" class="btn btn-success" onclick="tambahData()"><b>Tambah Data</b> <i class="fa fa-plus"></i></button>
<small class="help-block"></small>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-accordion">
<header class="panel-heading">
<h2 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" <?php if ($hak>0) { ?>href="#collapseTwo" onclick="setBersih()"<?php } ?>>
<b class="f18" style="color:DarkGreen"><b style="color:Black">[2]</b> CARI DATA <i style="color:Brown">(Ubah/Hapus)</i> <?php if ($hak==0) { ?><i class="fa fa-ban text-danger"></i><?php } ?></b>
</a>
</h2>
</header>
<div id="collapseTwo" class="accordion-body collapse">
<div class="panel-body">
<div class="form-group">
<h4><div class="col-md-2"><b style="color:SlateBlue">Pilih Data</b></div></h4>
<div class="col-md-10">
<select data-plugin-selectTwo name="id_ppLihat" id="id_ppLihat" onchange="lihatData(value);" class="form-control populate">
<option value="" selected>Pilih Periode/Reset</option>
<?php if (is_array($pp) || is_object($pp)) {
foreach ($pp as $key) { ?>
<option value="<?= $key['ID_PP'] ?>"><?= $key['NAMA_JPP'] ?> [<?= $key['AWAL'] ?> s.d <?= $key['AKHIR'] ?>] <?= $key['NAMA_PP'] ?></option>
<?php }
} ?>
</select>
<small class="help-block"></small>
</div>
</div>
<div class="form-group borderorangeall" id="detailData" hidden="hidden">
<h4><div class="col-md-12">
<b style="color:DarkOrchid"><i>Note : [Semua Perubahan akan Otomatis tersimpan.]</i></b><br>
<b style="color:DarkCyan"><i>Note : [Warna Merah harus diisi.]</i></b>
</div></h4>
<br><br>
<input type="hidden" id="nama_ppTemp" class="form-control">
<input type="hidden" id="awal_ppTemp" class="form-control">
<input type="hidden" id="akhir_ppTemp" class="form-control">
<h4><div class="col-md-2"><b style="color:Red">Nama Periode</b></div></h4>
<div class="col-md-4">
<input type="text" id="nama_pped" <?php if ($hak>=1) { ?>onchange="ubahData(1)"<?php } ?> class="form-control" autocomplete="off" style="text-transform:uppercase" data-plugin-maxlength maxlength="32" placeholder="Nama Periode">
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">Awal</b></div></h4>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<input style="background:lightgrey;" type="date" id="awal_pped" class="form-control" <?php if ($hak>=1) { ?>onchange="ubahData(2)"<?php } ?>>
</div>
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">Jenis</b></div></h4>
<div class="col-md-4">
<div class="form-group">
<select data-plugin-selectTwo id="jenis_pped" class="form-control populate">
<option value="2">BULANAN</option>
<option value="1">KUARTAL</option>
<option value="3">TAHUNAN</option>
</select>
</div>
</div>
<h4><div class="col-md-2"><b style="color:Red">Akhir</b></div></h4>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<input style="background:lightgrey;" type="date" id="akhir_pped" class="form-control" <?php if ($hak>=1) { ?>onchange="ubahData(3)"<?php } ?>>
</div>
<small class="help-block"></small>
</div>
<div class="col-md-12 text-right" id="buttonDelete" hidden="hidden">
<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#modalHapus" onclick="hapusData()"><b>Hapus Data</b> <i class="fa fa-minus"></i></button>
<small class="help-block"></small>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-accordion">
<header class="panel-heading">
<h2 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" <?php if ($hak>0) { ?>href="#collapseThree" onclick="setBersih()"<?php } ?>>
<b class="f18" style="color:DarkGreen"><b style="color:Black">[3]</b> CETAK DATA <?php if ($hak==0) { ?><i class="fa fa-ban text-danger"></i><?php } ?></b>
</a>
</h2>
</header>
<div id="collapseThree" class="accordion-body collapse">
<div class="panel-body">
<div class="form-group">
<h4><div class="col-md-2"><b style="color:SlateBlue">Jenis</b></div></h4>
<div class="col-md-4">
<div class="form-group">
<select data-plugin-selectTwo id="jenis_pplap" class="form-control populate">
<option value="" selected>Semua Jenis</option>
<option value="2">BULANAN</option>
<option value="1">KUARTAL</option>
<option value="3">TAHUNAN</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<?= form_open('Menu/MD_Excel_DataPeriodeProyek', array('id' => 'formmaster'), array('method' => 'MD_Excel_DataPeriodeProyek')); ?>
<h4><div class="col-md-2"><b style="color:SlateBlue">Menu</b></div></h4>
<div class="col-md-10 btn-group">
<input type="hidden" id="jenis_ppfill" name="jenis_ppfill" class="form-control">
<button type="submit" class="btn btn-default" onclick="isiData()" target="_blank"><b style="color:DarkGreen">Excel <i class="fa fa-file-excel-o"></i></b></button>
</div>
<?= form_close(); ?>
</div>
<br>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
</div>
</section>
<div id="modalFitur" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" style="width:50%">
<div class="modal-content">
<header class="panel-heading">
<h4 class="panel-title"><b>Fitur Teknis</b></h4>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<div class="form-group">
<h5>
<b style="color:DarkRed">Berikut ini adalah Daftar Menu yang dapat diakses sesuai dengan Hak Akses Anda.</b><br>
<br><b style="color:DarkGreen">AKSES PENUH/OPERATOR</b><br><b> Semua Fungsi (Tambah, Ubah, Hapus)</b><br>
<br><b style="color:DarkGreen">TERBATAS</b><br><b>Hanya dapat Membaca Data</b><br>
</h5>
</div>
</div>
</div>
</div>
<footer class="panel-footer">
<div class="row">
<div class="col-md-12">
<button type="button" class="btn btn-default pull-right" data-dismiss="modal">Close</button>
</div>
</div>
</footer>
</div>
</div>
</div>
<div id="modalHapus" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog">
<?= form_open('Menu/MD_Hapus_DataPeriodeProyek', array('id' => 'formmaster'), array('method' => 'MD_Hapus_DataPeriodeProyek')); ?>
<div class="modal-content">
<header class="panel-heading">
<h2 class="panel-title"><b>Hapus Data</b></h2>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<input type="hidden" name="id_ppdel" id="id_ppdel" class="form-control">
<h4>Apakah ingin menghapus 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>Hapus</b> <i class="fa fa-minus"></i></button>
</div>
</div>
</footer>
</div>
<?= form_close(); ?>
</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>
function tutupTab() {
window.close();
}
function setBersih() {
var now = "<?=$tgl?>";
document.getElementById('detailData').style.display = 'none';
document.getElementById("jenis_ppnew").value = null;
document.getElementById("jenis_pped").value = null;
document.getElementById("jenis_pplap").value = null;
document.getElementById("nama_ppnew").value = null;
document.getElementById("nama_pped").value = null;
document.getElementById("awal_ppnew").value = now;
document.getElementById("awal_pped").value = null;
document.getElementById("akhir_ppnew").value = now;
document.getElementById("akhir_pped").value = null;
document.getElementById("id_ppLihat").value = null;
$('#jenis_ppnew').select2().select2('val', null);
$('#jenis_pped').select2().select2('val', null);
$('#jenis_pplap').select2().select2('val', null);
$('#id_ppLihat').select2().select2('val', null);
}
function lihatData(id) {
document.getElementById('detailData').style.display = 'block';
var hak = <?=$hak?>;
if (id!="" && hak>0) {
$.ajax({
url: "<?= base_url() ?>index.php/Menu/MD_Ambil_DataPeriodeProyek",
type: "POST",
dataType: "json",
data: {
id_pp : id,
},
success: function(response) {
document.getElementById("jenis_pped").value = response.jenis_pp;
document.getElementById("nama_pped").value = response.nama_pp;
document.getElementById("nama_ppTemp").value = response.nama_pp;
document.getElementById("awal_pped").value = response.awal_pp;
document.getElementById("awal_ppTemp").value = response.awal_pp;
document.getElementById("akhir_pped").value = response.akhir_pp;
document.getElementById("akhir_ppTemp").value = response.akhir_pp;
$('#jenis_pped').select2().select2('val', response.jenis_pp);
if (hak==1) {
document.getElementById("nama_pped").disabled = true;
document.getElementById("awal_pped").disabled = true;
document.getElementById("akhir_pped").disabled = true;
document.getElementById("jenis_pped").disabled = true;
} else {
document.getElementById('buttonDelete').style.display = 'block';
}
}
});
} else {
document.getElementById('detailData').style.display = 'none';
document.getElementById('buttonDelete').style.display = 'none';
}
}
function tambahData() {
var status = 0;
var nama_pp = document.getElementById("nama_ppnew").value;
var awal_pp = document.getElementById("awal_ppnew").value;
var akhir_pp = document.getElementById("akhir_ppnew").value;
var jenis_pp = document.getElementById("jenis_ppnew").value;
PNotify.removeAll();
if (nama_pp=="") {
notify("nama_null");
status++;
}
if (jenis_pp=="") {
notify("jenisid_null");
status++;
}
if (awal_pp=="" || akhir_pp=="") {
notify("date_null");
status++;
}
if (status==0) {
$.ajax({
url: "<?= base_url() ?>index.php/Menu/MD_Tambah_DataPeriodeProyek",
type: "POST",
dataType: "json",
data: {
nama_pp : nama_pp,
awal_pp : awal_pp,
akhir_pp : akhir_pp,
jenis_pp : jenis_pp,
},
success: function(response) {
if (response.value==1) {
notify("success_add");
delayReload(1000,"<?= base_url() ?>index.php/Menu/MD_MasterPeriodeProyek/");
} else if (response.value==2) {
notify("name_same");
document.getElementById("nama_ppnew").value = null;
} else if (response.value==0) {
notify("failed");
}
}
});
}
setBersih();
}
function ubahData(menu) {
//1. Ganti Nama Periode
//2. Ganti Awal Periode
//3. Ganti Akhir Periode
//4. Ganti Jenis Periode
var id_pp = document.getElementById("id_ppLihat").value;
var jenis_pp = document.getElementById("jenis_pped").value;
var nama_pp = document.getElementById("nama_pped").value;
var awal_pp = document.getElementById("awal_pped").value;
var akhir_pp = document.getElementById("akhir_pped").value;
var status = 0;
PNotify.removeAll();
if (id_pp!="") {
if (nama_pp.length==0 || awal_pp.length==0 || akhir_pp.length==0) {
notify("datainput_null");
document.getElementById("nama_pped").value = document.getElementById("nama_ppTemp").value;
document.getElementById("awal_pped").value = document.getElementById("awal_ppTemp").value;
document.getElementById("akhir_pped").value = document.getElementById("akhir_ppTemp").value;
status++;
}
}
if (status==0) {
$.ajax({
url: "<?= base_url() ?>index.php/Menu/MD_Ubah_DataPeriodeProyek",
type: "POST",
dataType: "json",
data: {
id_pp : id_pp,
jenis_pp : jenis_pp,
nama_pp : nama_pp,
awal_pp : awal_pp,
akhir_pp : akhir_pp,
menu : menu,
},
success: function(response) {
if (response.value==1) {
notify("success_ed");
document.getElementById("id_ppLihat").value = null;
$('#id_ppLihat').select2().select2('val', null);
document.getElementById("id_ppLihat").innerHTML = "";
var listData = response.pp;
var isiMaster = document.getElementById('id_ppLihat');
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="">Pilih Periode/Reset</option>';
for (var i = 0; i < listData.length; i++) {
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="' + listData[i]['ID_PP'] + '">' + listData[i]['NAMA_JPP'] + ' [' + listData[i]['AWAL'] + ' s.d ' + listData[i]['AKHIR'] + '] ' + listData[i]['NAMA_PP'] + '</option>';
}
$('#id_ppLihat').val(id_pp).trigger('change');
} else if (response.value==2) {
notify("data_used_pp");
} else if (response.value==3) {
notify("name_same");
document.getElementById("nama_pped").value = document.getElementById("nama_ppTemp").value;
} else if (response.value==4) {
notify("latest");
delayReload(1000,"<?= base_url() ?>index.php/Menu/MD_MasterPeriodeProyek/");
} else if (response.value==0) {
notify("failed");
}
}
});
}
}
function hapusData() {
PNotify.removeAll();
document.getElementById("id_ppdel").value = document.getElementById("id_ppLihat").value;
}
function isiData() {
document.getElementById("jenis_ppfill").value = document.getElementById("jenis_pplap").value;
}
</script>
</body>
</html>