copy dari repo om Irfan
This commit is contained in:
@@ -0,0 +1,304 @@
|
||||
<!doctype html>
|
||||
<html class="fixed sidebar-left-collapsed">
|
||||
|
||||
<head>
|
||||
|
||||
<!-- Basic -->
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>INFORMASI</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-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-left-style: solid;
|
||||
border-right-style: solid;
|
||||
border-width: 3px;
|
||||
border-color: khaki;
|
||||
}
|
||||
|
||||
.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 Informasi Stok Datang | <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">
|
||||
<?php if ($ex==0) { ?>
|
||||
<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>
|
||||
<?php } else if ($ex==1) { ?>
|
||||
<li><span><a onclick="tutupTab()"><b style="color:Silver">Tutup Tab <i class="fa fa-times"></i></b></a></span></li>
|
||||
<?php } ?>
|
||||
<li><span><b style="color:DeepSkyBlue">Pusat Data</span></b></li>
|
||||
</ol>
|
||||
<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fa fa-chevron-left"></i></a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- start: page -->
|
||||
<section class="panel panel-featured panel-featured-dark">
|
||||
<header class="panel-heading">
|
||||
<h2 class="panel-title"><b style="color:Black">STOK DATANG | <b style="color:Olive">[2 Minggu Terakhir]</b></b></h2>
|
||||
</header>
|
||||
<div class="panel-body">
|
||||
<div class="form-group">
|
||||
<div class="col-md-4 pull-right">
|
||||
<div class="input-group">
|
||||
<span style="background-color:SeaShell" class="input-group-addon"><b id="cocok" style="color:Black">0 Data Sesuai</b></span>
|
||||
<input disabled type="text" placeholder="Cari.." autocomplete="off" class="form-control" id="isiCari" onkeyup="cariData()">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<small class="help-block"></small>
|
||||
<div class="col-md-12">
|
||||
<table class="table table-bordered table-striped mb-none" id="idTabel">
|
||||
<thead>
|
||||
<tr class="headerTabel">
|
||||
<th class="center default">No</th>
|
||||
<th class="default">Kode</th>
|
||||
<th class="default">Supplier</th>
|
||||
<th class="default">SJ | Nota</th>
|
||||
<th class="default">Barang</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="isiTabelData"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- end: page -->
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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/TERBATAS</b><br><b>Bisa melihat semua Data terkait.</b><br>
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
</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() {
|
||||
tampilkanData();
|
||||
|
||||
var time = new Date().toLocaleTimeString('en-US',{hour12:false});
|
||||
$('#jamTerakhir').html(time);
|
||||
})
|
||||
|
||||
function cariData() {
|
||||
PNotify.removeAll();
|
||||
|
||||
var search = document.getElementById("isiCari").value.toLowerCase();
|
||||
var tr = document.getElementById("idTabel").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 (tr[i].classList.contains("headerTabel")) {
|
||||
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";
|
||||
}
|
||||
$('#cocok').html(found+" Data Sesuai");
|
||||
}
|
||||
}
|
||||
|
||||
function tampilkanData() {
|
||||
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>';
|
||||
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
data: {
|
||||
verse : 11,
|
||||
},
|
||||
url: '<?= base_url('') ?>index.php/Menu/GE_Ambil_DataPembelian',
|
||||
dataType: 'json',
|
||||
success: function(response) {
|
||||
var baris = '';
|
||||
JUMLAH = response.total;
|
||||
|
||||
if (JUMLAH==0) {
|
||||
$('#isiTabelData').html(kosong);
|
||||
document.getElementById("isiCari").disabled = true;
|
||||
} else {
|
||||
for (var i = 1; i <= JUMLAH; i++) {
|
||||
var kop = response.data[i - 1]['ALIAS_CORP'];
|
||||
var kode = response.data[i - 1]['KODE_PEMBELIAN'];
|
||||
var kunci = response.data[i - 1]['KUNCI_PEMBELIAN'];
|
||||
var alias = response.data[i - 1]['ALIAS_SUPPLIER'];
|
||||
var nasup = response.data[i - 1]['NAMA_SUPPLIER'];
|
||||
var nako = response.data[i - 1]['NAMA_KOTA'];
|
||||
var sj = response.data[i - 1]['SJ_PEMBELIAN'];
|
||||
var inv = response.data[i - 1]['INV_PEMBELIAN'];
|
||||
var po = response.data[i - 1]['PO_PEMBELIAN'];
|
||||
var barang = response.data[i - 1]['BARANG'];
|
||||
|
||||
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><b style="color:Tomato">['+kop+']</b><br>('+kunci+')</td>';
|
||||
if (alias=="") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Green">' + nasup + '</b><br>('+ nako +')</td>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkOrange">[' + alias + ']</b><br><b style="color:Green">' + nasup + '</b><br>('+ nako +')</td>';
|
||||
}
|
||||
if (po=="") {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Blue">' + sj + '</b><br><b style="color:Chocolate">' + inv + '</b></td>';
|
||||
} else {
|
||||
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Blue">' + sj + '</b><br><b style="color:Chocolate">' + inv + '</b><br>['+po+']</td>';
|
||||
}
|
||||
baris += '<td class="text-left" style="vertical-align: middle;">' + barang + '</td>';
|
||||
baris += '</tr>';
|
||||
}
|
||||
document.getElementById("isiCari").disabled = false;
|
||||
$('#isiTabelData').html(baris);
|
||||
}
|
||||
$('#cocok').html(JUMLAH+" Data Sesuai");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function tutupTab() {
|
||||
window.close();
|
||||
}
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user