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

1402 lines
51 KiB
PHP

<!doctype html>
<html class="fixed sidebar-left-collapsed">
<head>
<!-- Basic -->
<meta charset="UTF-8">
<title>STOK BARANG</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;
}
.solidkhaki {
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
border-width: 3px;
border-color: khaki;
}
.solidcyan {
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
border-width: 3px;
border-color: cyan;
}
.bottomsolid {
border-bottom-style: solid;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-width: 3px;
border-color: silver;
}
.f18 {
font-size: 18px;
}
/* Create a two-column layout */
.column2 {
float: left;
width: 50%;
padding: 5px;
}
/* Create a three-column layout */
.column3 {
float: left;
width: 33.33%;
padding: 5px;
}
</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">
<header class="page-header">
<h2><b>Data Cabutan | <a data-toggle="modal" data-target="#modalFitur"><b style="color:LightGreen"><?=$tampil?> <i class="fa fa-question-circle"></i></b></a> | Diambil <b style="color:LightPink" id="jamTerakhir"></b></b></h2>
<div class="right-wrapper pull-right">
<ol class="breadcrumbs">
<li><span><a href="<?php echo base_url('') ?>index.php"><b style="color:Silver">Dashboard <i class="fa fa-home"></i></b></a></span></li>
</ol>
<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fa fa-chevron-left"></i></a>
</div>
</header>
<!-- start: page -->
<input type="hidden" id="tabActive" value="0">
<div class="row">
<div class="tabs">
<ul class="nav nav-tabs nav-justified">
<li>
<a href="#tabs1" data-toggle="tab" style="text-align:left; font-size:17px" onclick="ambilDataTransaksi(1)"><b style="color:Black">[1]</b> <b style="color:Green">Cabutan Baru<br><b style="color:DarkRed" id="kode1">Kosong</b> <i class="fa fa-refresh" style="color:Orange"></i></b></a>
</li>
<li>
<a href="#tabs2" data-toggle="tab" style="text-align:left; font-size:17px" onclick="ambilDataTransaksi(2)"><b style="color:Black">[2]</b> <b style="color:Green">Stok Tercabut<br><b style="color:DarkRed" id="count2">0</b> Data <i class="fa fa-refresh" style="color:Orange"></i></b></a>
</li>
<li class="center disabled">
<a style="text-align:left; font-size:17px">&nbsp<br>&nbsp</a>
</li>
<li class="center disabled">
<a style="text-align:left; font-size:17px">&nbsp<br>&nbsp</a>
</li>
</ul>
<div class="tab-content">
<div id="tabs1" class="tab-pane">
<div class="form-group col-md-7 solidkhaki">
<small class="help-block"></small>
<div class="form-group">
<input type="hidden" id="id_cabutanTemp1" class="form-control">
<input type="hidden" id="id_snstocknew" class="form-control">
<input type="hidden" id="id_barangnew1" class="form-control">
<div class="col-md-3" style="font-size:15px"><b style="color:Red">Serial Number</b></div>
<div class="col-md-9">
<div class="input-group">
<input autocomplete="off" style="background:darkgrey; font-weight:bold; color:White" type="text" id="nama_snstocknew" class="form-control" value="Klik pada Icon dikanan">
<span style="background-color:Black; color:White" class="input-group-addon" data-toggle="modal" data-target="#modalDataSnStock" onclick="isiDataSnStock()"><i class="fa fa-book"></i></span>
</div>
<small class="help-block"></small>
</div>
<div class="col-md-3" style="font-size:15px"><b style="color:Red">Transaksi</b></div>
<div class="col-md-9">
<select data-plugin-selectTwo id="jenis_ionew1" onchange="cekTombolJenis(value)" class="form-control populate"></select>
<small class="help-block"></small>
</div>
<element id="bukaJenis1" hidden="hidden">
<element id="bukaBarang1" hidden="hidden">
<div class="col-md-3" style="font-size:15px"><b style="color:Red">Barang</b></div>
<div class="col-md-9">
<div class="input-group">
<input autocomplete="off" style="background:darkgrey; font-weight:bold; color:White" type="text" id="kode_barangnew1" class="form-control" value="Klik pada Icon dikanan">
<span style="background-color:Black; color:White" class="input-group-addon" data-toggle="modal" data-target="#modalDataMasterBarang" onclick="isiDataMasterBarang()"><i class="fa fa-cube"></i></span>
</div>
<small class="help-block"></small>
</div>
<div class="col-md-3" style="font-size:15px"><b style="color:Red">Kuantiti</b></div>
<div class="col-md-9">
<input type="number" id="qty_ionew1" class="form-control" autocomplete="off" placeholder="Kuantiti" oninput="cekNilai(1)">
<small class="help-block"></small>
</div>
</element>
<element id="bukaHpp1" hidden="hidden">
<div class="col-md-3" style="font-size:15px"><b style="color:Red">HPP</b></div>
<div class="col-md-9">
<select data-plugin-selectTwo id="id_hparnew1" class="form-control populate">
<option value="" selected>Pilih [Sparepart] = Nilai HPP</option>
<?php if (is_array($hpar) || is_object($hpar)) {
$nama_part = NULL;
foreach ($hpar as $key) {
if ($key['NAMA_PART']!=$nama_part) {
$nama_part = $key['NAMA_PART'];
$hpp = ($key['HPP_HPAR']/2);
$hpp = number_format($hpp,2); ?>
<option value="<?= $key['ID_HPAR'] ?>" ><?= $key['NAMA_PART'] ?> [<?= $hpp ?>]</option>
<?php } } ?>
<?php } ?>
</select>
<small class="help-block"></small>
</div>
</element>
<element id="bukaKet1" hidden="hidden">
<div class="col-md-3" style="font-size:15px"><b style="color:Red">Keterangan</b></div>
<div class="col-md-9">
<textarea rows="3" id="ket_ionew1" class="form-control" autocomplete="off" placeholder="Keterangan"></textarea>
<small class="help-block"></small>
</div>
</element>
<button disabled id="buttonTambah1" type="button" class="btn btn-success" onclick="inputTambahTransaksiStock()"><b>Tambah <i class="fa fa-plus-circle"></i></b></button>
</element>
</div>
<small class="help-block"></small>
</div>
<small class="help-block"></small>
<table class="table table-bordered table-striped mb-none">
<thead>
<th class="center default">No</th>
<th class="default">Transaksi</th>
<th class="default">Barang</th>
<th class="center default">Kuantiti</th>
<th class="default">Keterangan</th>
<th class="center default">PILIHAN</th>
</thead>
<tbody id="isiTabel1"></tbody>
</table>
<small class="help-block"></small>
<div class="form-group">
<div class="btn-group pull-right">
<button disabled id="buttonBatal1" type="button" class="btn btn-danger" data-toggle="modal" data-target="#modalBatalCabutan"><b>Batal Data <i class="fa fa-times"></i></b></button>
<button disabled id="buttonKunci1" type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalKunciCabutan"><b>Kunci Data <i class="fa fa-lock"></i></b></button>
</div>
</div>
</div>
<div id="tabs2" class="tab-pane">
<div id="viewStokTercabut">
<small class="help-block"></small>
<div class="row">
<div class="col-md-4 pull-right">
<div class="input-group">
<span style="background-color:SeaShell" class="input-group-addon"><b id="cocok2" style="color:Blue">0 Data Sesuai</b></span>
<input type="text" placeholder="Cari.." autocomplete="off" class="form-control text-right" id="isiCari2" onkeyup="cariData(2)">
</div>
</div>
</div>
<br>
<table class="table table-bordered table-striped mb-none" id="idTabel2">
<thead>
<tr class="headerTabel2">
<th class="center default">No</th>
<th class="default">Kode</th>
<th class="default">Serial Number</th>
<th class="default">Barang</th>
<th class="default">Transaksi</th>
<th class="center default">Olah Barang</th>
</tr>
</thead>
<tbody id="isiTabel2"></tbody>
</table>
</div>
<div id="viewTransaksiStockTercabut">
<div class="form-group bottomsolid">
<div class="col-md-12 center" style="background-color:LemonChiffon">
<h3><b id="kodeCabutan2" style="color:Blue"></b> | Serial Number : [<b id="snCabutan2" style="color:Crimson"></b>]</h3>
</div>
</div>
<div class="form-group col-md-7 solidcyan">
<small class="help-block"></small>
<input type="hidden" id="id_cabutanTemp2">
<input type="hidden" id="id_barangnew2" class="form-control">
<div class="col-md-3" style="font-size:15px"><b style="color:Red">Transaksi</b></div>
<div class="col-md-9">
<select data-plugin-selectTwo id="jenis_ionew2" onchange="cekTombolJenis(value)" class="form-control populate">
<option value="" selected>Pilih Transaksi</option>
<option value="0">STOK KELUAR</option>
<option value="1">STOK MASUK</option>
</select>
<small class="help-block"></small>
</div>
<element id="bukaJenis2" hidden="hidden">
<element id="bukaBarang2" hidden="hidden">
<div class="col-md-3" style="font-size:15px"><b style="color:Red">Barang</b></div>
<div class="col-md-9">
<div class="input-group">
<input autocomplete="off" style="background:darkgrey; font-weight:bold; color:White" type="text" id="kode_barangnew2" class="form-control" value="Klik pada Icon dikanan">
<span style="background-color:Black; color:White" class="input-group-addon" data-toggle="modal" data-target="#modalDataMasterBarang" onclick="isiDataMasterBarang()"><i class="fa fa-cube"></i></span>
</div>
<small class="help-block"></small>
</div>
<div class="col-md-3" style="font-size:15px"><b style="color:Red">Kuantiti</b></div>
<div class="col-md-9">
<input type="number" id="qty_ionew2" class="form-control" autocomplete="off" placeholder="Kuantiti" oninput="cekNilai(2)">
<small class="help-block"></small>
</div>
</element>
<element id="bukaHpp2" hidden="hidden">
<div class="col-md-3" style="font-size:15px"><b style="color:Red">HPP</b></div>
<div class="col-md-9">
<select data-plugin-selectTwo id="id_hparnew2" class="form-control populate">
<option value="" selected>Pilih [Sparepart] = Nilai HPP</option>
<?php if (is_array($hpar) || is_object($hpar)) {
$nama_part = NULL;
foreach ($hpar as $key) {
if ($key['NAMA_PART']!=$nama_part) {
$nama_part = $key['NAMA_PART'];
$hpp = ($key['HPP_HPAR']/2);
$hpp = number_format($hpp,2); ?>
<option value="<?= $key['ID_HPAR'] ?>" ><?= $key['NAMA_PART'] ?> [<?= $hpp ?>]</option>
<?php } } ?>
<?php } ?>
</select>
<small class="help-block"></small>
</div>
</element>
<element id="bukaKet2" hidden="hidden">
<div class="col-md-3" style="font-size:15px"><b style="color:Red">Keterangan</b></div>
<div class="col-md-9">
<textarea rows="3" id="ket_ionew2" class="form-control" autocomplete="off" placeholder="Keterangan"></textarea>
<small class="help-block"></small>
</div>
</element>
<button type="button" class="btn btn-success" onclick="inputTambahTransaksiStock()"><b>Tambah <i class="fa fa-plus-circle"></i></b></button>&nbsp&nbsp&nbsp<i><b style="color:Black">NB : Transaksi Penambahan Data tidak dapat dihapus/dibatalkan.</b></i>
</element>
<small class="help-block"></small>
</div>
<div class="form-group">
<div class="col-md-12">
<table class="table table-bordered table-striped mb-none">
<thead>
<th class="center default">No</th>
<th class="default">Transaksi</th>
<th class="default">Barang</th>
<th class="center default">Kuantiti</th>
<th class="default">Keterangan</th>
</thead>
<tbody id="isiTabelTransaksiStock"></tbody>
</table>
<small class="help-block"></small>
<div class="row">
<div class="col-md-12 text-right">
<div class="btn-group">
<button type="button" class="btn btn-default" style="color:Black" onclick="ambilDataTransaksi(2)"><b>Kembali</b> <i class="fa fa-backward"></i></button>
<button disabled id="buttonSiap2" type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalKembaliCabutan"><b>Siap Jual <i class="fa fa-check"></i></b></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end: page -->
</section>
</div>
</section>
<div id="modalBatalCabutan" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog" style="width:37%">
<header class="panel-heading">
<h2 class="panel-title"><b>Batalkan Data</b></h2>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<h4>Apakah ingin batalkan Data <b id="kodeCabutanBatal" style="color:DarkRed"></b>?<br><i style="color:Teal">(Transaksi tidak dapat direvisi.)</i></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 class="btn btn-danger" data-dismiss="modal" onclick="inputBatalCabutan()"><b>Batal</b> <i class="fa fa-times"></i></button>
</div>
</div>
</footer>
</div>
</div>
<div id="modalDataMasterBarang" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" style="width:60%">
<header class="panel-heading">
<h2 class="panel-title"><b>Pilih Data | <b style="color:DarkViolet">[Barang]</b></b></h2>
<div class="panel-actions">
<a class="text-dark" data-dismiss="modal"><b>Tutup </b><i class="fa fa-times"></i></a>
</div>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<div class="row form-bordered">
<div class="form-group">
<div class="form-group">
<input type="hidden" id="modeSearch">
<div class="col-md-6"></div>
<div class="col-md-6">
<input autocomplete="off" type="text" id="barangSearch" oninput="cariMasterBarang()" class="form-control populate" placeholder="Cari..."></input>
</div>
</div>
<div class="col-md-12">
<table class="table table-bordered table-striped mb-none">
<thead>
<th class="center default">Pilih</th>
<th class="default">Kode</th>
<th class="default">Nama</th>
<th class="default">Jenis</th>
<th class="default">Merk</th>
</thead>
<tbody id="isiTabelBarang"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="modalDataSnStock" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" style="width:60%">
<header class="panel-heading">
<h2 class="panel-title"><b>Pilih Data | <b style="color:DarkViolet">[Serial Number]</b></b></h2>
<div class="panel-actions">
<a class="text-dark" data-dismiss="modal"><b>Tutup </b><i class="fa fa-times"></i></a>
</div>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<div class="row form-bordered">
<div class="form-group">
<div class="form-group">
<div class="col-md-6" style="font-size:14px"><b style="color:Olive"><i>Note : Hanya SN Siap Jual di Gudang PCM & ITP</i></b></div>
<div class="col-md-6">
<input autocomplete="off" type="text" id="snStockSearch" oninput="cariSnStock()" class="form-control populate" placeholder="Cari..."></input>
</div>
</div>
<div class="col-md-12">
<table class="table table-bordered table-striped mb-none">
<thead>
<th class="center default">Pilih</th>
<th class="default">Serial Number</th>
<th class="default">Kode</th>
<th class="default">Nama</th>
<th class="default">Status</th>
</thead>
<tbody id="isiTabelSnStock"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="modalFitur" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog" style="width:35%">
<div class="modal-content">
<header class="panel-heading">
<h4 class="panel-title"><b>Fitur Teknis</b></h4>
<div class="panel-actions">
<a class="text-dark" data-dismiss="modal"><b>Tutup </b><i class="fa fa-times"></i></a>
</div>
</header>
<div class="panel-body">
<div class="form-group">
<h5>
<b style="color:Green">AKSES PENUH/OPERATOR</b><br><b>Bisa membaca Semua Data.</b><br>
</h5>
</div>
</div>
</div>
</div>
</div>
<div id="modalHapusTransaksiStock" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog" style="width:35%">
<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" id="id_iodel" 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 class="btn btn-danger" data-dismiss="modal" onclick="inputHapusTransaksiStock()"><b>Hapus</b> <i class="fa fa-trash-o"></i></button>
</div>
</div>
</footer>
</div>
</div>
<div id="modalKembaliCabutan" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog" style="width:40%">
<div class="modal-content">
<header class="panel-heading">
<h2 class="panel-title"><b>Siap Jual</b></h2>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<h4>Apakah ingin mengembalikan Data di Stok?<br><i style="color:Teal">(Transaksi tidak dapat dihapus/dibatalkan.)</i></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 class="btn btn-primary" onclick="inputKembaliCabutan()"><b>Siap Jual</b> <i class="fa fa-check"></i></button>
</div>
</div>
</footer>
</div>
</div>
</div>
<div id="modalKunciCabutan" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog" style="width:40%">
<div class="modal-content">
<header class="panel-heading">
<h2 class="panel-title"><b>Kunci Data </b><b class="text-danger">[Warna Merah harus diisi]</b></h2>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<h4>Apakah ingin mengunci Data?<br><i style="color:Teal">(Transaksi tidak dapat dibatalkan.)</i></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 class="btn btn-primary" onclick="inputKunciCabutan()"><b>Kunci</b> <i class="fa fa-lock"></i></button>
</div>
</div>
</footer>
</div>
</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>
$(document).ready(function() {
var hak = <?=$hak?>;
var posisi = <?=$posisiToggle?>;
var baris = '';
baris += '<tr>';
if (hak<2) {
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Red">Tidak Berhak..</b></i></h5></td>';
} else {
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:DarkOrange">Memuat Data..</b></i></h5></td>';
}
baris += '</tr>';
$('#isiTabel2').html(baris);
ambilDataTransaksi(posisi);
if (posisi==0 || posisi==1) {
$('a[href="#tabs1"]').tab('show');
} else if (posisi==2) {
$('a[href="#tabs2"]').tab('show');
}
})
function ambilDataTransaksi(id) {
PNotify.removeAll();
$.ajax({
url: "<?= base_url() ?>index.php/Menu/SB_Ambil_JumlahData",
type: "POST",
dataType: "json",
data: {
verse : 1
},
success: function(response) {
$('#kode1').html(response.kode);
$('#count2').html(response.stokcabutan);
$('#cocok2').html(response.stokcabutan+" Data Sesuai");
if (id==1) {
$.ajax({
url: "<?= base_url() ?>index.php/Menu/GE_Ambil_DataCabutan",
type: "POST",
dataType: "json",
data: {
verse : 1,
},
success: function(response) {
document.getElementById("id_cabutanTemp1").value = response.id_cabutan;
document.getElementById("id_snstocknew").value = response.id_snstock;
document.getElementById("nama_snstocknew").value = response.nama_snstock;
if (response.kode_cabutan!="") {
$("#kode1").html(response.kode_cabutan);
$("#kodeCabutanBatal").html(response.kode_cabutan);
}
cekTombolBaru();
}
});
}
}
});
if (id==2) {
tampilkanData(id, null);
}
if (id==0) {
id = 1;
}
document.getElementById("tabActive").value = id;
document.getElementById("isiCari2").value = null;
$.ajax({
url: "<?= base_url() ?>index.php/Menu/GE_Ubah_SetTogglePosisi",
type: "POST",
dataType: "json",
data: {
node : id,
menu : <?=$id_menu?>,
},
success: function(response) {
}
});
var time = new Date().toLocaleTimeString('en-US',{hour12:false});
$('#jamTerakhir').html(time);
}
function cariData(id) {
if (id==2) {
var search = document.getElementById("isiCari2").value.toLowerCase();
var tr = document.getElementById("idTabel2").getElementsByTagName("tr");
var max = 5;
}
var found = 0;
var words = search.split(" ");
var limit = words.length;
for (h = 0; h<=words.length; h++) { // Loop untuk ambil Target Tampil
if (words[h]=="") {
limit--;
}
}
for (i = 0; i < tr.length; i++) { // Loop sejumlah Total TR
if (id==2) {
if (tr[i].classList.contains("headerTabel2")) {
continue;
}
}
var counter = 0;
for (j = 0; j < max; j++) { // Loop Sejumlah Kolom yang ada
td = tr[i].getElementsByTagName("td")[j];
if (td) {
txtValue = td.textContent || td.innerText;
for (k = 0; k<=words.length; k++) { // Loop sejumlah Berapa Potongan Kata
if (words[k]!="") {
if (txtValue.toLowerCase().indexOf(words[k]) > -1) {
counter++;
}
}
}
}
}
if (search=="") {
tr[i].style.display = "";
found++;
} else if (counter>0) {
if (limit==1) {
tr[i].style.display = "";
found++;
} else {
if (counter>=limit) {
tr[i].style.display = "";
found++;
} else {
tr[i].style.display = "none";
}
}
} else {
tr[i].style.display = "none";
}
}
if (id==2) {
$('#cocok2').html(found+" Data Sesuai");
}
}
function cariMasterBarang() {
var search = document.getElementById("barangSearch").value;
tampilkanData(5, search);
}
function cariSnStock() {
var search = document.getElementById("snStockSearch").value;
tampilkanData(4, search);
}
function cekNilai(id) {
if (id==1) {
var nilaiNew = document.getElementById("qty_ionew1").value;
} else if (id==2) {
var nilaiNew = document.getElementById("qty_ionew2").value;
}
var status = 0;
PNotify.removeAll();
var nilaiNew = nilaiNew.replace(/,/g,'.');
var cekNumber = isNaN(nilaiNew);
if (cekNumber==true) {
notify("not_number");
status++;
if (id==1) {
document.getElementById("qty_ionew1").value = null;
} else if (id==2) {
document.getElementById("qty_ionew2").value = null;
}
}
if (nilaiNew<=0) {
notify("less_same_zero");
status++;
if (id==1) {
document.getElementById("qty_ionew1").value = null;
} else if (id==2) {
document.getElementById("qty_ionew2").value = null;
}
}
}
function cekTombolBaru() {
var id_snstock = document.getElementById("id_snstocknew").value;
if (id_snstock!="") {
var id_cabutan = document.getElementById("id_cabutanTemp1").value;
document.getElementById("buttonTambah1").disabled = false;
document.getElementById("buttonBatal1").disabled = false;
tampilkanData(1, id_cabutan);
var hak = <?=$hak?>;
document.getElementById("jenis_ionew1").value = null;
document.getElementById("jenis_ionew1").innerHTML = "";
var isiMaster = document.getElementById("jenis_ionew1");
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="" selected>Pilih Transaksi</option>';
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="0">(-) STOK KELUAR</option>';
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="1">(-) STOK MASUK</option>';
if (hak==4) {
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="2">(?) STOK OPNAME</option>';
}
$('#jenis_ionew1').val("").trigger('change');
} else {
document.getElementById("buttonTambah1").disabled = true;
document.getElementById("buttonBatal1").disabled = true;
document.getElementById("buttonKunci1").disabled = true;
var baris = '';
baris += '<tr>';
baris += '</tr>';
$('#isiTabel1').html(baris);
document.getElementById("jenis_ionew1").value = null;
document.getElementById("jenis_ionew1").innerHTML = "";
var isiMaster = document.getElementById("jenis_ionew1");
$('#jenis_ionew1').val(null).trigger('change');
}
}
function cekTombolJenis(jenis) {
var active = document.getElementById("tabActive").value;
if (jenis=="") {
if (active==1) {
document.getElementById("bukaJenis1").style.display = 'none';
document.getElementById("bukaBarang1").style.display = 'none';
document.getElementById("bukaHpp1").style.display = 'none';
document.getElementById("bukaKet1").style.display = 'none';
} else if (active==2) {
document.getElementById("bukaJenis2").style.display = 'none';
document.getElementById("bukaBarang2").style.display = 'none';
document.getElementById("bukaHpp2").style.display = 'none';
document.getElementById("bukaKet2").style.display = 'none';
}
} else {
if (active==1) {
document.getElementById("bukaJenis1").style.display = 'block';
if (jenis==0 || jenis==1) {
document.getElementById("bukaBarang1").style.display = 'block';
} else if (jenis==2) {
document.getElementById("bukaBarang1").style.display = 'none';
}
if (jenis==0 || jenis==2) {
document.getElementById("bukaHpp1").style.display = 'none';
} else if (jenis==1) {
document.getElementById("bukaHpp1").style.display = 'block';
}
document.getElementById("bukaKet1").style.display = 'block';
} else if (active==2) {
document.getElementById("bukaJenis2").style.display = 'block';
document.getElementById("bukaBarang2").style.display = 'block';
if (jenis==0) {
document.getElementById("bukaHpp2").style.display = 'none';
} else if (jenis==1) {
document.getElementById("bukaHpp2").style.display = 'block';
}
document.getElementById("bukaKet2").style.display = 'block';
}
}
if (active==1) {
document.getElementById("id_barangnew1").value = null;
document.getElementById("kode_barangnew1").value = "Klik pada Icon dikanan";
document.getElementById("qty_ionew1").value = null;
document.getElementById("ket_ionew1").value = null;
document.getElementById("id_hparnew1").value = null;
$('#id_hparnew1').select2().select2('val', null);
} else if (active==2) {
document.getElementById("id_barangnew2").value = null;
document.getElementById("kode_barangnew2").value = "Klik pada Icon dikanan";
document.getElementById("qty_ionew2").value = null;
document.getElementById("ket_ionew2").value = null;
document.getElementById("id_hparnew2").value = null;
$('#id_hparnew2').select2().select2('val', null);
}
}
function inputBatalCabutan() {
PNotify.removeAll();
var id_cabutan = document.getElementById("id_cabutanTemp1").value;
$.ajax({
type: "POST",
data: {
id_cabutan : id_cabutan,
},
url: '<?= base_url() ?>index.php/Menu/SB_Batal_DataCabutan',
dataType: 'json',
success: function(response) {
if (response.value == 1) {
notify("success_void");
$("#kode1").html("Kosong");
} else if (response.value == 2) {
notify("latest");
} else {
notify("failed");
}
ambilDataTransaksi(1);
}
});
}
function inputHapusTransaksiStock() {
PNotify.removeAll();
var id_cabutan = document.getElementById("id_cabutanTemp1").value;
var id_io = document.getElementById("id_iodel").value;
$.ajax({
type: "POST",
data: {
id_io : id_io,
id_cabutan : id_cabutan,
verse : 1
},
url: '<?= base_url() ?>index.php/Menu/SB_Hapus_DataTransaksiStock',
dataType: 'json',
success: function(response) {
if (response.value==4) {
notify("success_del");
window.location.reload();
} else if (response.value==3) {
ambilDataTransaksi(1);
} else {
tampilkanData(1, id_cabutan);
}
if (response.value == 1) {
notify("success_del");
} else if (response.value == 2 || response.value == 3) {
notify("latest");
} else {
notify("failed");
}
}
});
}
function inputKembaliCabutan() {
PNotify.removeAll();
var id_cabutan = document.getElementById("id_cabutanTemp2").value;
$('#modalKembaliCabutan').modal('hide');
$.ajax({
type: "POST",
data: {
id_cabutan : id_cabutan,
},
url: '<?= base_url() ?>index.php/Menu/SB_Kembali_DataCabutan',
dataType: 'json',
success: function(response) {
if (response.value == 1) {
notify("success_back");
} else if (response.value == 2) {
notify("latest");
} else {
notify("failed");
}
ambilDataTransaksi(2);
}
});
}
function inputKunciCabutan() {
PNotify.removeAll();
var id_cabutan = document.getElementById("id_cabutanTemp1").value;
$('#modalKunciCabutan').modal('hide');
$.ajax({
type: "POST",
data: {
id_cabutan : id_cabutan,
},
url: '<?= base_url() ?>index.php/Menu/SB_Kunci_DataCabutan',
dataType: 'json',
success: function(response) {
if (response.value == 1) {
notify("success_lock");
} else if (response.value == 2) {
notify("latest");
} else {
notify("failed");
}
ambilDataTransaksi(1);
}
});
}
function inputTambahCabutan() {
var id_snstock = document.getElementById("id_snstocknew").value;
$.ajax({
type: "POST",
data: {
id_snstock : id_snstock,
},
url: '<?= base_url() ?>index.php/Menu/SB_Tambah_DataCabutan',
dataType: 'json',
success: function(response) {
if (response.value == 1) {
if (response.kode!="") {
$("#kode1").html(response.kode);
$("#kodeCabutanBatal").html(response.kode);
document.getElementById("id_cabutanTemp1").value = response.id;
}
cekTombolBaru();
} else if (response.value == 2) {
document.getElementById("id_snstocknew").value = response.sn;
document.getElementById("nama_snstocknew").value = response.nama;
notify("sn_used");
} else {
notify("failed");
}
}
});
}
function inputTambahTransaksiStock() {
PNotify.removeAll();
var active = document.getElementById("tabActive").value;
var status = 0;
if (active==1) {
var id_cabutan = document.getElementById("id_cabutanTemp1").value;
var jenis_io = document.getElementById("jenis_ionew1").value;
var id_barang = document.getElementById("id_barangnew1").value;
var id_hpar = document.getElementById("id_hparnew1").value;
var qty_io = document.getElementById("qty_ionew1").value;
var ket_io = document.getElementById("ket_ionew1").value;
var verse = 1;
} else if (active==2) {
var id_cabutan = document.getElementById("id_cabutanTemp2").value;
var jenis_io = document.getElementById("jenis_ionew2").value;
var id_barang = document.getElementById("id_barangnew2").value;
var id_hpar = document.getElementById("id_hparnew2").value;
var qty_io = document.getElementById("qty_ionew2").value;
var ket_io = document.getElementById("ket_ionew2").value;
var verse = 2;
}
if (jenis_io==0 || jenis_io==1) { // Khusus Transaksi Masuk dan Keluar saja
if (jenis_io==1 && id_hpar=="") {
notify("hpar_null");
status++;
}
if (qty_io=="") {
notify("qty_null");
status++;
}
if (id_barang=="") {
notify("barangid_null");
status++;
}
}
if (ket_io=="") {
notify("ket_null");
status++;
}
if (status==0) {
$.ajax({
type: "POST",
data: {
verse : verse,
id_cabutan : id_cabutan,
jenis_io : jenis_io,
id_barang : id_barang,
id_hpar : id_hpar,
qty_io : qty_io,
ket_io : ket_io,
},
url: '<?= base_url() ?>index.php/Menu/SB_Tambah_DataTransaksiStock',
dataType: 'json',
success: function(response) {
if (response.value==4) {
ambilDataTransaksi(active);
} else {
if (active==1) {
tampilkanData(1, id_cabutan);
} else if (active==2) {
tampilkanData(3, id_cabutan);
}
}
if (response.value == 1) {
notify("success_add");
} else if (response.value == 2) {
notify("barangid_same");
} else if (response.value == 3) {
notify("qty_parsial_error");
} else if (response.value == 4) {
notify("latest");
} else {
notify("failed");
}
if (active==1) {
document.getElementById("jenis_ionew1").value = null;
$('#jenis_ionew1').select2().select2('val', null);
cekTombolJenis("");
} else if (active==2) {
document.getElementById("jenis_ionew2").value = null;
$('#jenis_ionew2').select2().select2('val', null);
cekTombolJenis("");
}
}
});
}
}
function isiDataHapusTransaksiStock(id_io) {
document.getElementById("id_iodel").value = id_io;
}
function isiDataMasterBarang() {
PNotify.removeAll();
var active = document.getElementById("tabActive").value;
if (active==1) {
var jenis = document.getElementById("jenis_ionew1").value;
} else if (active==2) {
var jenis = document.getElementById("jenis_ionew2").value;
}
if (jenis==0) {
var mode = 4;
} else if (jenis==1) {
var mode = 3;
}
document.getElementById("modeSearch").value = mode;
document.getElementById("barangSearch").value = null;
document.getElementById("barangSearch").innerHTML = "";
tampilkanData(5, null);
}
function isiDataSnStock() {
PNotify.removeAll();
document.getElementById("snStockSearch").value = null;
document.getElementById("snStockSearch").innerHTML = "";
tampilkanData(4, null);
}
function pilihBarang(id) {
PNotify.removeAll();
var active = document.getElementById("tabActive").value;
if (active==1) {
document.getElementById("id_barangnew1").value = id;
} else if (active==2) {
document.getElementById("id_barangnew2").value = id;
}
$('#modalDataMasterBarang').modal('hide');
$.ajax({
url: "<?= base_url() ?>index.php/Menu/GE_Ambil_DataBarang",
type: "POST",
dataType: "json",
data: {
id_barang : id,
verse : 2
},
success: function(response) {
if (active==1) {
document.getElementById("kode_barangnew1").value = response.data[0]['KODE_BARANG'];
} else if (active==2) {
document.getElementById("kode_barangnew2").value = response.data[0]['KODE_BARANG'];
}
}
});
}
function pilihSnStock(id) {
PNotify.removeAll();
document.getElementById("id_snstocknew").value = id;
$('#modalDataSnStock').modal('hide');
$.ajax({
url: "<?= base_url() ?>index.php/Menu/GE_Ambil_DataSnStock",
type: "POST",
dataType: "json",
data: {
id_snstock : id,
verse : 2
},
success: function(response) {
document.getElementById("nama_snstocknew").value = response.data[0]['NAMA_SNSTOCK'];
}
});
inputTambahCabutan();
}
function tampilkanData(id, specific) {
var hak = <?=$hak?>;
var kosong = '';
kosong += '<tr><td class="text-center" colspan="9"><h5><i><b style="color:OrangeRed">Data Kosong..</b></i></h5></td></tr>';
if (id==1) { // Daftar Transaksi Stock Keluar dan Masuk
$.ajax({
type: 'POST',
data: {
verse : 1,
id_cabutan : specific,
},
url: '<?= base_url('') ?>index.php/Menu/GE_Ambil_DataTransaksiStock',
dataType: 'json',
success: function(response) {
var baris = '';
JUMLAH = response.total;
if (JUMLAH==0) {
baris = kosong;
document.getElementById("buttonKunci1").disabled = true;
} else {
for (var i = 1; i <= JUMLAH; i++) {
var id_io = response.data[i - 1]['ID_IO'];
var jenis = response.data[i - 1]['JENIS_IO'];
var korang = response.data[i - 1]['KODE_BARANG'];
var narang = response.data[i - 1]['NAMA_BARANG'];
var qty = response.data[i - 1]['QTY_IO'];
var ket = response.data[i - 1]['KET_IO'];
if (jenis==0 || jenis==1) {
if (jenis==0) {
najen = "STOK KELUAR";
} else if (jenis==1) {
najen = "STOK MASUK";
}
} else if (jenis==2) {
najen = "STOK OPNAME";
document.getElementById("jenis_ionew1").value = null;
document.getElementById("jenis_ionew1").innerHTML = "";
var isiMaster = document.getElementById("jenis_ionew1");
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="" selected>Terkunci karena Stok Opname</option>';
$('#jenis_ionew1').val("").trigger('change');
}
baris += '<tr>';
baris += '<td class="center" style="vertical-align: middle;">' + i + '</td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + najen + '</b></td>';
if (jenis==0 || jenis==1) {
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Green">' + korang + '</b><br>(' + narang + ')</td>';
} else if (jenis==2) {
baris += '<td class="text-left" style="vertical-align: middle;">&nbsp</td>';
}
baris += '<td class="center" style="vertical-align: middle;"><b style="color:Chocolate">' + qty + '</b></td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Tomato">' + ket + '</b></td>';
baris += '<td class="actions center" style="vertical-align: middle;"><button type="button" onclick="isiDataHapusTransaksiStock(' + id_io + ')" class="btn btn-xs btn-danger" data-toggle="modal" data-target="#modalHapusTransaksiStock"><i class="fa fa-trash-o"></i></button></td>';
baris += '</tr>';
}
document.getElementById("buttonKunci1").disabled = false;
}
$('#isiTabel1').html(baris);
}
});
} else if (id==2) {
document.getElementById("viewStokTercabut").style.display = 'block';
document.getElementById("viewTransaksiStockTercabut").style.display = 'none';
$.ajax({
type: 'POST',
data: {
verse : 2,
},
url: '<?= base_url('') ?>index.php/Menu/GE_Ambil_DataCabutan',
dataType: 'json',
success: function(response) {
var baris = '';
JUMLAH = response.total;
if (JUMLAH==0) {
baris = kosong;
document.getElementById("isiCari2").disabled = true;
} else {
for (var i = 1; i <= JUMLAH; i++) {
var id_cabutan = response.data[i - 1]['ID_CABUTAN'];
var korang = response.data[i - 1]['KODE_BARANG'];
var narang = response.data[i - 1]['NAMA_BARANG'];
var nama = response.data[i - 1]['NAMA_SNSTOCK'];
var cipta = response.data[i - 1]['CIPTA_CABUTAN'];
var kode = response.data[i - 1]['KODE_CABUTAN'];
var detail = response.data[i - 1]['DETAIL'];
baris += '<tr>';
baris += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + kode + '</b><br>(' + cipta + ')</td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Green">' + nama + '</b></td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Chocolate">' + korang + '</b><br>' + narang + '</td>';
baris += '<td class="text-left" style="vertical-align: middle;">' + detail + '</td>';
baris += '<td class="center" style="vertical-align: middle;"><button type="button" onclick="tampilkanData(3, '+id_cabutan+')" class="btn btn-xs btn-success"> <i class="fa fa-plus-circle"></i></button></td>';
baris += '</tr>';
}
document.getElementById("isiCari2").disabled = false;
}
$('#isiTabel2').html(baris);
}
});
} else if (id==3) { // List Transaksi Stok sesudah tercabut
document.getElementById("viewStokTercabut").style.display = 'none';
document.getElementById("viewTransaksiStockTercabut").style.display = 'block';
document.getElementById("id_cabutanTemp2").value = specific;
$.ajax({
type: 'POST',
data: {
verse : 2,
id_cabutan : specific,
},
url: '<?= base_url('') ?>index.php/Menu/GE_Ambil_DataTransaksiStock',
dataType: 'json',
success: function(response) {
var baris = '';
JUMLAH = response.total;
if (JUMLAH==0) {
baris = kosong;
document.getElementById("buttonSiap2").disabled = true;
} else {
for (var i = 1; i <= JUMLAH; i++) {
var id_io = response.data[i - 1]['ID_IO'];
var jenis = response.data[i - 1]['JENIS_IO'];
var korang = response.data[i - 1]['KODE_BARANG'];
var narang = response.data[i - 1]['NAMA_BARANG'];
var qty = response.data[i - 1]['QTY_IO'];
var ket = response.data[i - 1]['KET_IO'];
if (jenis==0) {
najen = "STOK KELUAR";
} else if (jenis==1) {
najen = "STOK MASUK";
} else if (jenis==2) {
najen = "STOK OPNAME";
}
baris += '<tr>';
baris += '<td class="center" style="vertical-align: middle;">' + i + '</td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + najen + '</b></td>';
if (jenis==0 || jenis==1) {
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Green">' + korang + '</b><br>(' + narang + ')</td>';
} else if (jenis==2) {
baris += '<td class="text-left" style="vertical-align: middle;">&nbsp</td>';
}
baris += '<td class="center" style="vertical-align: middle;"><b style="color:Chocolate">' + qty + '</b></td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Tomato">' + ket + '</b></td>';
baris += '</tr>';
}
}
$('#isiTabelTransaksiStock').html(baris);
$('#kodeCabutan2').html(response.kode);
$('#snCabutan2').html(response.sn);
if (response.limit<JUMLAH) {
document.getElementById("buttonSiap2").disabled = false;
}
}
});
} else if (id==4) { // List Snstock belum Terjual
$.ajax({
type: 'POST',
data: {
search : specific,
verse : 1,
},
url: '<?= base_url('') ?>index.php/Menu/GE_Ambil_DataSnStock',
dataType: 'json',
success: function(response) {
JUMLAH = response.data.length;
var baris = '';
for (var i = 1; i <= JUMLAH; i++) {
var id_snstock = response.data[i - 1]['ID_SNSTOCK'];
var korang = response.data[i - 1]['KODE_BARANG'];
var narang = response.data[i - 1]['NAMA_BARANG'];
var nama = response.data[i - 1]['NAMA_SNSTOCK'];
var status = response.data[i - 1]['NAMA_SSN'];
baris += '<tr>';
baris += '<td class="center" style="vertical-align: middle;" ><button style="color:DarkViolet" onclick="pilihSnStock(' + id_snstock + ')"><i class="fa fa-check-circle"></i></button></td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + nama + '</b></td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Green">' + korang + '</b></td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Chocolate">' + narang + '</b></td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Tomato">' + status + '</b></td>';
baris += '</tr>';
}
$('#isiTabelSnStock').html(baris);
}
});
} else if (id==5) { // List Barang
var mode = document.getElementById("modeSearch").value;
$.ajax({
type: 'POST',
data: {
search : specific,
verse : 1,
mode : mode,
tipe : 0,
},
url: '<?= base_url('') ?>index.php/Menu/GE_Ambil_DataBarang',
dataType: 'json',
success: function(response) {
JUMLAH = response.data.length;
var baris = '';
for (var i = 1; i <= JUMLAH; i++) {
var id_barang = response.data[i - 1]['ID_BARANG'];
var kode = response.data[i - 1]['KODE_BARANG'];
var nama = response.data[i - 1]['NAMA_BARANG'];
var jenis = response.data[i - 1]['NAMA_JENIS'];
var merk = response.data[i - 1]['NAMA_MERK'];
var global = response.data[i - 1]['GLOBAL_KUANTITI'];
baris += '<tr>';
baris += '<td class="center" style="vertical-align: middle;" ><button style="color:DarkViolet" onclick="pilihBarang(' + id_barang + ')"><i class="fa fa-check-circle"></i></button></td>';
if (mode==3) {
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + kode + '</b></td>';
} else if (mode==4) {
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + kode + '</b><br>' + global + ' EA</td>';
}
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Green">' + nama + '</b></td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Chocolate">' + jenis + '</b></td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Tomato">' + merk + '</b></td>';
baris += '</tr>';
}
$('#isiTabelBarang').html(baris);
}
});
}
}
</script>
</body>
</html>