489 lines
18 KiB
PHP
489 lines
18 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 Part | </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>  
|
|
<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 PART</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 Part</b></div></h4>
|
|
<div class="col-md-4">
|
|
<textarea type="text" id="nama_partnew" rows="3" cols="3" class="form-control" autocomplete="off" style="text-transform:uppercase" data-plugin-maxlength maxlength="50" placeholder="Nama Part"></textarea>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:Red">Nilai Part</b></div></h4>
|
|
<div class="col-md-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Rp</span>
|
|
<input type="decimal" id="hpp_hparnew" oninput="cekNilai(1)" class="form-control" autocomplete="off" placeholder="Nilai Part">
|
|
</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_partLihat" id="id_partLihat" onchange="lihatData(value);" class="form-control populate">
|
|
<option value="" selected>Pilih Part/Reset</option>
|
|
<?php if (is_array($part) || is_object($part)) {
|
|
foreach ($part as $key) { ?>
|
|
<option value="<?= $key['ID_PART'] ?>"><?= $key['TANGGAL'] ?> | <?= $key['NAMA_PART'] ?> [<?= $key['HPP'] ?>]</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_partTemp" class="form-control">
|
|
<h4><div class="col-md-2"><b style="color:Red">Nama Part</b></div></h4>
|
|
<div class="col-md-4">
|
|
<textarea type="text" id="nama_parted" rows="3" cols="3" <?php if ($hak>=1) { ?>onchange="ubahData(1)"<?php } ?> class="form-control" autocomplete="off" style="text-transform:uppercase" data-plugin-maxlength maxlength="50" placeholder="Nama Part" required></textarea>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><div class="col-md-2"><b style="color:DarkSlateGray">Nilai Part Lama</b></div></h4>
|
|
<div class="col-md-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Rp</span>
|
|
<input type="decimal" id="dataLama" disabled class="form-control" autocomplete="off">
|
|
</div>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
<h4><label class="col-md-2 control-label"><b style="color:Red">Nilai Part Baru</b></label></h4>
|
|
<div class="col-md-4">
|
|
<div class="input-group">
|
|
<span class="input-group-addon">Rp</span>
|
|
<input type="decimal" id="hpp_hpared" oninput="cekNilai(2)" <?php if ($hak>=1) { ?>onchange="ubahData(2)"<?php } ?> class="form-control" autocomplete="off" placeholder="Nilai Part">
|
|
</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">
|
|
<?= form_open('Menu/MD_Excel_DataPart', array('id' => 'formmaster'), array('method' => 'MD_Excel_DataPart')); ?>
|
|
<h4><label class="col-md-2 control-label"><b style="color:SlateBlue">Menu</b></label></h4>
|
|
<div class="col-md-10 btn-group">
|
|
<button type="submit" class="btn btn-default" 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_DataPart', array('id' => 'formmaster'), array('method' => 'MD_Hapus_DataPart')); ?>
|
|
<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_partdel" id="id_partdel" 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() {
|
|
document.getElementById("nama_partnew").value = null;
|
|
document.getElementById("hpp_hparnew").value = null;
|
|
document.getElementById("nama_partnew").value = null;
|
|
document.getElementById("hpp_hpared").value = null;
|
|
document.getElementById('detailData').style.display = 'none';
|
|
document.getElementById("id_partLihat").value = null;
|
|
$('#id_partLihat').select2().select2('val', null);
|
|
}
|
|
|
|
function cekNilai(id) {
|
|
PNotify.removeAll();
|
|
|
|
if (id==1) {
|
|
var nilai = document.getElementById("hpp_hparnew").value;
|
|
} else if (id==2) {
|
|
var nilai = document.getElementById("hpp_hpared").value;
|
|
}
|
|
var nilai = nilai.replace(/,/g,'.');
|
|
|
|
var cekNumber = isNaN(nilai);
|
|
if (cekNumber==true) {
|
|
notify("not_number");
|
|
if (id==1) {
|
|
document.getElementById("hpp_hparnew").value = null;
|
|
} else if (id==2) {
|
|
document.getElementById("hpp_hpared").value = null;
|
|
}
|
|
}
|
|
|
|
if (nilai<0 || nilai=="") {
|
|
notify("less_zero");
|
|
if (id==1) {
|
|
document.getElementById("hpp_hparnew").value = null;
|
|
} else if (id==2) {
|
|
document.getElementById("hpp_hpared").value = 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_DataPart",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_part : id,
|
|
},
|
|
success: function(response) {
|
|
document.getElementById("nama_parted").value = response.nama_part;
|
|
document.getElementById("nama_partTemp").value = response.nama_part;
|
|
document.getElementById("dataLama").value = response.dataLama;
|
|
if (hak==1) {
|
|
document.getElementById("nama_parted").disabled = true;
|
|
document.getElementById("hpp_hpared").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_part = document.getElementById("nama_partnew").value;
|
|
var hpp_hpar = document.getElementById("hpp_hparnew").value;
|
|
|
|
PNotify.removeAll();
|
|
|
|
if (nama_part=="") {
|
|
notify("nama_null");
|
|
status++;
|
|
}
|
|
|
|
if (hpp_hpar=="") {
|
|
notify("datainput_null");
|
|
status++;
|
|
}
|
|
|
|
if (status==0) {
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/MD_Tambah_DataPart",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
nama_part : nama_part,
|
|
hpp_hpar : hpp_hpar,
|
|
},
|
|
success: function(response) {
|
|
if (response.value==1) {
|
|
notify("success_add");
|
|
delayReload(1000,"<?= base_url() ?>index.php/Menu/MD_MasterPart/");
|
|
} else if (response.value==2) {
|
|
notify("name_same");
|
|
document.getElementById("nama_partnew").value = null;
|
|
} else if (response.value==0) {
|
|
notify("failed");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
setBersih();
|
|
}
|
|
|
|
function ubahData(menu) {
|
|
//1. Ganti Nama Part
|
|
//2. Ganti Nilai HPP
|
|
|
|
var id_part = document.getElementById("id_partLihat").value;
|
|
var nama_part = document.getElementById("nama_parted").value;
|
|
var nama_partTemp = document.getElementById("nama_partTemp").value;
|
|
var hpp_hpar = document.getElementById("hpp_hpared").value;
|
|
var status = 0;
|
|
|
|
PNotify.removeAll();
|
|
|
|
if (nama_part.length==0) {
|
|
notify("datainput_null");
|
|
document.getElementById("nama_parted").value = nama_partTemp;
|
|
status++;
|
|
}
|
|
|
|
if (status==0) {
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/MD_Ubah_DataPart",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_part : id_part,
|
|
nama_part : nama_part,
|
|
hpp_hpar : hpp_hpar,
|
|
menu : menu,
|
|
},
|
|
success: function(response) {
|
|
if (response.value==1) {
|
|
notify("success_ed");
|
|
|
|
document.getElementById("id_partLihat").value = null;
|
|
$('#id_partLihat').select2().select2('val', null);
|
|
document.getElementById("id_partLihat").innerHTML = "";
|
|
var listData = response.part;
|
|
var isiMaster = document.getElementById('id_partLihat');
|
|
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="">Pilih Part/Reset</option>';
|
|
for (var i = 0; i < listData.length; i++) {
|
|
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="' + listData[i]['ID_PART'] + '">' + listData[i]['TANGGAL'] + ' | ' + listData[i]['NAMA_PART'] + ' [' + listData[i]['HPP'] + ']</option>';
|
|
}
|
|
$('#id_partLihat').val(id_part).trigger('change');
|
|
|
|
} else if (response.value==2) {
|
|
notify("name_same");
|
|
document.getElementById("nama_parted").value = nama_partTemp;
|
|
} else if (response.value==3) {
|
|
notify("latest");
|
|
delayReload(1000,"<?= base_url() ?>index.php/Menu/MD_MasterPart/");
|
|
} else if (response.value==0) {
|
|
notify("failed");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function hapusData() {
|
|
PNotify.removeAll();
|
|
document.getElementById("id_partdel").value = document.getElementById("id_partLihat").value;
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|