copy dari repo om Irfan
This commit is contained in:
@@ -0,0 +1,396 @@
|
||||
<!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;
|
||||
}
|
||||
|
||||
.solid {
|
||||
border-left-style: solid;
|
||||
border-width: 5px;
|
||||
border-color: darkcyan;
|
||||
}
|
||||
|
||||
.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 Pembukuan Posisi Stok | <b style="color:LightGreen">[<?=$tampil?>]</b></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-secondary">
|
||||
<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 href="<?php echo base_url('') ?>index.php/Menu/SB_Sub2_Laporan_1" class="text-dark"><b>Kembali </b><i class="fa fa-backward"></i></a>
|
||||
</div>
|
||||
<h2 class="panel-title"><b style="color:Red">POSISI STOK</b></h2>
|
||||
</header>
|
||||
<div class="panel-body">
|
||||
<?php if ($hak>0) { ?>
|
||||
<?= form_open('Menu/SB_Excel_Sub2_DataPembukuanPosisiStok', array('method' => 'post'), array('id' => 'formstokbarang')); ?>
|
||||
<div class="form-group">
|
||||
<h4><div class="col-md-2"><b style="color:SlateBlue">Gudang</b></div></h4>
|
||||
<div class="col-md-4">
|
||||
<select data-plugin-selectTwo id="gudang" onchange="matikanLaporan(value)" class="form-control populate">
|
||||
<option value="1">ANTIK</option>
|
||||
<option value="2" selected>GLOBAL</option>
|
||||
<option value="3">ITP</option>
|
||||
<option value="4">KONSINYASI</option>
|
||||
<option value="5">PCM</option>
|
||||
<option value="6">PEMINJAMAN</option>
|
||||
<option value="7">PENDING (Non SN)</option>
|
||||
<option value="8">PROYEK</option>
|
||||
<option value="9">SERVICE</option>
|
||||
<option value="10">SEWA</option>
|
||||
</select>
|
||||
</div>
|
||||
<h4><div class="col-md-2"><b style="color:SlateBlue">Jenis</b></div></h4>
|
||||
<div class="col-md-4">
|
||||
<select data-plugin-selectTwo id="id_jenis" class="form-control populate">
|
||||
<option value="" selected>Semua Jenis</option>
|
||||
<?php if (is_array($jenis) || is_object($jenis)) {
|
||||
foreach ($jenis as $key) { ?>
|
||||
<option value="<?= $key['ID_JENIS'] ?>" ><?= $key['NAMA_JENIS'] ?></option>
|
||||
<?php }
|
||||
} ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<h4><div class="col-md-2"><b style="color:SlateBlue">Merk</b></div></h4>
|
||||
<div class="col-md-4">
|
||||
<select data-plugin-selectTwo id="id_merk" class="form-control populate">
|
||||
<option value="" selected>Semua Merk</option>
|
||||
<?php if (is_array($merk) || is_object($merk)) {
|
||||
foreach ($merk as $key) { ?>
|
||||
<option value="<?= $key['ID_MERK'] ?>" ><?= $key['NAMA_MERK'] ?></option>
|
||||
<?php }
|
||||
} ?>
|
||||
</select>
|
||||
</div>
|
||||
<h4><div class="col-md-2"><b style="color:SlateBlue">Produk</b></div></h4>
|
||||
<div class="col-md-4">
|
||||
<select data-plugin-selectTwo id="id_produk" class="form-control populate">
|
||||
<option value="" selected>Semua Produk</option>
|
||||
<?php if (is_array($produk) || is_object($produk)) {
|
||||
foreach ($produk as $key) { ?>
|
||||
<option value="<?= $key['ID_PRODUK'] ?>" ><?= $key['NAMA_PRODUK'] ?></option>
|
||||
<?php }
|
||||
} ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<h4><div class="col-md-2"><b style="color:SlateBlue">Laporan</b></div></h4>
|
||||
<div class="col-md-4">
|
||||
<select data-plugin-selectTwo id="laporan" onchange="matikanPreview()" class="form-control populate">
|
||||
<option value="0" selected>Non SN</option>
|
||||
<option id="selectLaporan1" value="1">Dengan SN</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<h4><div class="col-md-2"><b style="color:SlateBlue">Menu</b></div></h4>
|
||||
<div class="col-md-10 btn-group">
|
||||
<input type="hidden" class="form-control" id="gudangfill" name="gudangfill">
|
||||
<input type="hidden" class="form-control" id="id_jenisfill" name="id_jenisfill">
|
||||
<input type="hidden" class="form-control" id="id_merkfill" name="id_merkfill">
|
||||
<input type="hidden" class="form-control" id="id_produkfill" name="id_produkfill">
|
||||
<input type="hidden" class="form-control" id="laporanfill" name="laporanfill">
|
||||
<?php if ($hak>0) { ?>
|
||||
<button type="button" id="lihatButton" class="btn btn-default" onclick="lihatData()"><b style="color:Indigo">Preview <i class="fa fa-search"></i></b></button>
|
||||
<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>
|
||||
<button type="button" class="btn btn-default" onclick="reloadData()"><b style="color:FireBrick">Reset <i class="fa fa-rotate-left"></i></b></button>
|
||||
<element id="progressRotate" hidden="hidden"><h4><div class="col-md-3"><b style="color:Red"><i class="fa fa-refresh fa-spin"></i> <i>Memuat Data<span id="wait">.</span></i></b></div><h4></element>
|
||||
<?php } else { ?>
|
||||
<button type="button" class="btn btn-default"><b style="color:Red">Tidak Berhak <i class="fa fa-times"></i></b></button>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</div>
|
||||
<?= form_close(); ?>
|
||||
<br>
|
||||
<div id="searchView" hidden="hidden" class="form-group">
|
||||
<div class="col-md-7"></div>
|
||||
<div class="col-md-5">
|
||||
<div class="form-group"><select data-plugin-selectTwo id="kode_barang" onchange="cariData()" class="form-control populate"></select></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<table class="table table-bordered table-striped mb-none">
|
||||
<thead>
|
||||
<th class="default center">No</th>
|
||||
<th class="default">Jenis</th>
|
||||
<th class="default">Barang</th>
|
||||
<th class="default">Kuantiti</th>
|
||||
</thead>
|
||||
<tbody id="isiTabelData"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</section>
|
||||
<!-- end: page -->
|
||||
</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/TERBATAS</b><br><b> Bisa melihat semua 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>
|
||||
|
||||
<?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 baris = '';
|
||||
var hak = <?=$hak?>;
|
||||
|
||||
baris += '<tr>';
|
||||
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Tomato">Data belum dipilih...</b></i></h5></td>';
|
||||
baris += '</tr>';
|
||||
$('#isiTabelData').html(baris);
|
||||
})
|
||||
|
||||
var dots = window.setInterval( function() {
|
||||
var wait = document.getElementById("wait");
|
||||
if (wait.innerHTML.length > 3)
|
||||
wait.innerHTML = "";
|
||||
else
|
||||
wait.innerHTML += ".";
|
||||
}, 500);
|
||||
|
||||
function reloadData() {
|
||||
location.reload();
|
||||
}
|
||||
|
||||
function isiData() {
|
||||
document.getElementById('id_jenisfill').value = document.getElementById('id_jenis').value;
|
||||
document.getElementById('id_merkfill').value = document.getElementById('id_merk').value;
|
||||
document.getElementById('id_produkfill').value = document.getElementById('id_produk').value;
|
||||
document.getElementById('gudangfill').value = document.getElementById('gudang').value;
|
||||
document.getElementById('laporanfill').value = document.getElementById('laporan').value;
|
||||
}
|
||||
|
||||
function lihatData() {
|
||||
PNotify.removeAll();
|
||||
|
||||
document.getElementById('searchView').style.display = 'block';
|
||||
tampilkanData(null);
|
||||
}
|
||||
|
||||
function cariData() {
|
||||
PNotify.removeAll();
|
||||
var kode_barang = document.getElementById("kode_barang").value;
|
||||
|
||||
tampilkanData(kode_barang);
|
||||
}
|
||||
|
||||
function tampilkanData(kode_barang) {
|
||||
var id_jenis = document.getElementById("id_jenis").value;
|
||||
var id_merk = document.getElementById("id_merk").value;
|
||||
var id_produk = document.getElementById("id_produk").value;
|
||||
var gudang = document.getElementById("gudang").value;
|
||||
|
||||
var baris = '';
|
||||
|
||||
baris += '<tr>';
|
||||
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Tomato">Memuat Data...</b></i></h5></td>';
|
||||
baris += '</tr>';
|
||||
$('#isiTabelData').html(baris);
|
||||
|
||||
document.getElementById('progressRotate').style.display = 'block';
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
data: {
|
||||
id_jenis : id_jenis,
|
||||
id_merk : id_merk,
|
||||
id_produk : id_produk,
|
||||
gudang : gudang,
|
||||
kode_barang : kode_barang,
|
||||
},
|
||||
url: '<?= base_url('') ?>index.php/Menu/SB_Ambil_Sub2_DataPembukuanPosisiStok',
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
JUMLAH = response.data.length;
|
||||
var baris = '';
|
||||
|
||||
if (JUMLAH==0) {
|
||||
baris += '<tr>';
|
||||
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Red">Tidak ada Data yang Sesuai.</b></i></h5></td>';
|
||||
baris += '</tr>';
|
||||
$('#isiTabelData').html(baris);
|
||||
} else {
|
||||
if (kode_barang==null) {
|
||||
document.getElementById("kode_barang").value = null;
|
||||
document.getElementById("kode_barang").innerHTML = "";
|
||||
var isiMaster = document.getElementById('kode_barang');
|
||||
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="" selected>Pilih Barang/Reset Tampilan</option>';
|
||||
}
|
||||
|
||||
for (var i = 1; i <= JUMLAH; i++) {
|
||||
var jenis = response.data[i - 1]['NAMA_JENIS'];
|
||||
var korang = response.data[i - 1]['KODE_BARANG'];
|
||||
var narang = response.data[i - 1]['NAMA_BARANG'];
|
||||
var qty = response.data[i - 1]['QTY'];
|
||||
|
||||
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">' + jenis + '</b></td>';
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkGreen">' + korang + '</b><br>('+ narang +')</td>';
|
||||
baris += '<td class="center" style="vertical-align: middle;"><b style="color:Tomato">' + qty + '</b></td>';
|
||||
baris += '</tr>';
|
||||
|
||||
if (kode_barang==null) {
|
||||
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="' + korang + '">' + korang + ' (' + narang + ')</option>';
|
||||
}
|
||||
}
|
||||
$('#isiTabelData').html(baris);
|
||||
if (kode_barang==null) {
|
||||
$('#kode_barang').val(null).trigger('change');
|
||||
}
|
||||
}
|
||||
document.getElementById('progressRotate').style.display = 'none';
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function matikanLaporan(id) {
|
||||
PNotify.removeAll();
|
||||
|
||||
if (id==7) {
|
||||
document.getElementById("selectLaporan1").disabled = true;
|
||||
document.getElementById("laporan").value = 0;
|
||||
$('#laporan').select2().select2('val', 0);
|
||||
} else {
|
||||
document.getElementById("selectLaporan1").disabled = false;
|
||||
}
|
||||
matikanPreview();
|
||||
}
|
||||
|
||||
function matikanPreview() {
|
||||
PNotify.removeAll();
|
||||
|
||||
var laporan = document.getElementById('laporan').value;
|
||||
|
||||
if (laporan==0) {
|
||||
document.getElementById("lihatButton").disabled = false;
|
||||
} else {
|
||||
document.getElementById("lihatButton").disabled = true;
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user