temp_packing_coba.php

<?php
require_once 'core/init.php';
require_once 'view/header.php';
// date_default_timezone_set('Asia/Jakarta');
?>
<?php
if(cek_status($_SESSION['username'] ) == 'admin'

OR

cek_status($_SESSION['username'] ) == 'packing' ) {
  ?>
<center>
<h2>Transaksi Packing</h2>

</div>
<div style="padding-left: 35px; padding-right: 35px">

</center>
<div style="height:55px;">
                 <?php
                    if (isset($_SESSION['pesan']) && $_SESSION['pesan'] <> '') {
                    echo '<div id="pesan" class="alert alert-success" style="display:none;">'.$_SESSION['pesan'].'</div>';
                    }
                    $_SESSION['pesan'] = '';
                ?>
            </div>

<div class="row">
<?php
  $no_trx = tampilkan_no_transaksi_packing();
  while($pilih = mysqli_fetch_assoc($no_trx)){
    $no_scan=$pilih['no_scan_terakhir'];
    $no_scan+=1
?>

<div class="col-sm-3">
<font color="blue"><b>Master Barcode Scan</font><br></b>
  <div class="input-group">
    <div class="input-group-addon">
    <i class="glyphicon  glyphicon glyphicon-barcode"></i>
  </div>
  <input type="text" class="form-control" placeholder="MASTER KODE BARCODE" name="master_barcode" id="master_barcode" required>
</div>
</div>

<div class="col-sm-2">
<font color="blue"><b>Isi Karton / Pack</font><br></b>
  <div class="input-group">
    <div class="input-group-addon">
    <i class="glyphicon  glyphicon glyphicon-folder-close"></i>
  </div>
  <input type="number" class="form-control" placeholder="Isi Karton" name="isi_karton" id="isi_karton" required>
</div>
</div>

<div class="col-sm-3">
<font color="blue"><b>Nomer Transaksi Scan Packing</font><br></b>
  <div class="input-group">
    <div class="input-group-addon">
    <i class="glyphicon  glyphicon glyphicon-list-alt "></i>
  </div>
<input type="text" class="form-control" name="no_karton" value="<?= $no_scan; } ?>" id="no_karton" disabled>
</div>
</div>

 <div class="col-sm-4">
 <font color="blue"><b>Kode Barcode</font><br></b>
   <div class="input-group">
     <div class="input-group-addon">
     <i class="glyphicon  glyphicon glyphicon-barcode"></i>
   </div>
   <input type="text" class="form-control" placeholder="KODE BARCODE" name="kode_barcode" id="kode_barcode" autofocus required>
   <input type="submit"  name="submit_barcode" value="TAMBAH" id="submit_barcode" hidden>
</div>
</div>
</div>

</form>
<div class="lihat-data"></div>
<script type="text/javascript">
$(document).ready(function() {
	$('body').on('show.bs.modal','#myEdit', function (e) {
		var rowedit = $('#master_barcode').val();
		//menggunakan fungsi ajax untuk pengembalian data
		$.ajax({
			type : 'post',
			url	 : 'tampil_data.php',
			data : 'rowedit='+ rowedit,
			success : function(data) {
			$('.lihat-data').html(data);//menampilkan data ke dalam modal
			}
		});
	});
});
</script>


<div id="tampil_tabel"></div>
<script type="text/javascript">
  $('#kode_barcode').on('change',function(){
    var master_barcode = $('#master_barcode').val();
    var barcode = $('#kode_barcode').val();
    var karton = $('#no_karton').val();
    var qty_isikarton = $('#isi_karton').val();
    var qty_scan = $('#jmlh_scan').val();
    $.ajax({
      method: "POST",
      url: "proses_packing_coba.php",
      data: { isi_barcode : barcode,
        master : master_barcode,
        kartonpo : karton,
        isinekarton : qty_isikarton2,
        jumlah_scan : qty_scan2
       },
       success: function(data){
        //

        if (barcode == master_barcode &&  qty_scan2 < qty_isikarton2){
            $('#tampil_tabel').load("tampil_packing_coba.php");
        } else {
        $('#tampil_tabel').html( "<audio src='horse.mp3' autoplay> </audio> " );
        setTimeout(function () {
            $('#tampil_tabel').load("tampil_packing_coba.php");
        },1500);
        }
      }
    });
    document.getElementById("kode_barcode").value = "";
  });

$(document).ready(function(){
    $('#tampil_tabel').load("tampil_packing_coba.php");
});


</script>

<script src="style/jquery.min.js"></script>
        <script>
            $(document).ready(function(){setTimeout(function(){$("#pesan").fadeIn('slow');}, 500);});
            setTimeout(function(){$("#pesan").fadeOut('slow');}, 3600);
        </script>

<!-- validasi level user -->
<?php } else {
  echo 'Anda tidak memiliki akses kehalaman ini'; } ?>
</body>
</html>