Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <HTML>
- <HEAD><title>Sysco Krida Group</title>
- <!-- JQUERY -->
- <script type="text/javascript" language="javascript" src="assets/media/js/jquery.js"></script>
- <!-- BOOTSTRAP -->
- <!-- Latest compiled and minified CSS -->
- <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
- <!-- Optional theme -->
- <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-theme.min.css">
- <!-- Latest compiled and minified JavaScript -->
- <script src="assets/bootstrap/js/bootstrap.min.js"></script>
- <!-- DataTables -->
- <link rel="stylesheet" type="text/css" href="assets/media/css/dataTables.bootstrap.css">
- <link rel="stylesheet" type="text/css" href="assets/media/css/dataTables.responsive.css">
- <script type="text/javascript" language="javascript" src="assets/media/js/jquery.dataTables.js"></script>
- <script type="text/javascript" language="javascript" src="assets/media/js/dataTables.responsive.js"></script>
- <script type="text/javascript" language="javascript" src="assets/media/js/dataTables.bootstrap.js"></script>
- <script type="text/javascript" language="javascript" src="assets/media/js/common.js"></script>
- <script type="text/javascript" language="javascript" >
- var dTable;
- // #Example adalah id pada table
- $(document).ready(function() {
- dTable = $('#example').DataTable( {
- "bProcessing": true,
- "bServerSide": true,
- "bJQueryUI": false,
- "responsive": true,
- "sAjaxSource": "ku-server.php", // Load Data
- "sServerMethod": "POST",
- "columnDefs": [
- { "orderable": false,"targets": 0, "searchable": false },
- { "orderable": true, "targets": 1, "searchable": true },
- { "orderable": true, "targets": 2, "searchable": true },
- { "orderable": true, "targets": 3, "searchable": true },
- { "orderable": true, "targets": 4, "searchable": true }
- ]
- } );
- $('#example').removeClass( 'display' ).addClass('table table-striped table-bordered');
- $('#example tfoot th').each( function () {
- //Agar kolom Action Tidak Ada Tombol Pencarian
- if( $(this).text() != "Action" ){
- var title = $('#example thead th').eq( $(this).index() ).text();
- $(this).html( '<input type="text" placeholder="Search '+title+'" class="form-control" />' );
- }
- } );
- // Untuk Pencarian, di kolom paling bawah
- dTable.columns().every( function () {
- var that = this;
- $( 'input', this.footer() ).on( 'keyup change', function () {
- that
- .search( this.value )
- .draw();
- } );
- } );
- } );
- </script>
- </HEAD>
- <BODY>
- <!--------------------------------------------------------------------------------------------------------------->
- <style type="text/css">
- .bs-example{
- margin: 20px;padding-top:10px;
- }
- .lol{height:63px;width:100%;background-color:#fff}
- .lil{height:80px;width:100%;background-color:#069}
- </style>
- <div class="lol">
- <div class="bs-example">
- <ul class="nav nav-pills">
- <li class=""><a href="#"><img src="config/unnamed.jpg" height="30px" width="120px"></a></li>
- <li class=""><a href="#">Dasboard</a></li>
- <li><a href="karyawan.php">Karyawan</a></li>
- <li><a href="kendaraan.php">Kendaraan</a></li>
- <li><a href="supir.php">Supir</a></li>
- <li><a href="kupon.php">Kupon</a></li>
- <li class="dropdown">
- <a href="#" data-toggle="dropdown" class="dropdown-toggle">Laporan <b class="caret"></b></a>
- <ul class="dropdown-menu">
- <li><a href="claim.php">Claim BBM</a></li>
- <li class="divider"></li>
- <li><a href="pdi.php">Penjualan</a></li>
- </ul>
- </li>
- <li class="dropdown pull-right">
- <a href="#" data-toggle="dropdown" class="dropdown-toggle">Admin <b class="caret"></b></a>
- <ul class="dropdown-menu">
- <li><a href="#">Ganti Password</a></li>
- <li class="divider"></li>
- <li><a href="#">Keluar</a></li>
- </ul>
- </li>
- </ul>
- </div></div>
- <br>
- <!---------------------------------------------------------------------------------------------------------------->
- <div class="container-fluid">
- <div class="row">
- <div class="col-md-12">
- <button onClick="showModals()" class="btn btn-primary">Tambah Data</button>
- <br>
- <hr>
- <br>
- <table id="example" cellpadding="0" cellspacing="0" border="0" class="display" width="100%">
- <thead>
- <tr>
- <th>Action</th>
- <th>NO KUPON</th>
- <th>TANGGAL</th>
- <th>JAM</th>
- <th>NOPOL</th>
- <th>KM TERAKHIR</th>
- <th>LITER</th>
- <th>JENIS BBM</th>
- <th>CABANG</th>
- </tr>
- </thead>
- <tbody>
- </tbody>
- <tfoot>
- <th>Action</th>
- <th>NO KUPON</th>
- <th>TANGGAL</th>
- <th>JAM</th>
- <th>NOPOL</th>
- <th>KM TERAKHIR</th>
- <th>LITER</th>
- <th>JENIS BBM</th>
- <th>CABANG</th>
- </tfoot>
- </table>
- </div>
- </div>
- </div>
- </div>
- <!-- Modal Popup -->
- <div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
- <h4 class="modal-title" id="myModalLabel">Add Kendaraan</h4>
- </div>
- <div class="modal-body">
- <div class="alert alert-danger" role="alert" id="removeWarning">
- <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
- <span class="sr-only">Error:</span>
- Anda yakin ingin menghapus Kendaraan ini
- </div>
- <br>
- <form class="form-horizontal" id="formUser" >
- <input type="hidden" class="form-control" id="idp" name="idp" style="text-transform:uppercase">
- <input type="hidden" class="form-control" id="type" name="type">
- <div class="form-group">
- <label for="tgl" class="col-sm-3 control-label">Tanggal</label>
- <div class="col-sm-6">
- <?php $tgl=date("Y-m-d");?>
- <input name="tgl" id="tgl" type="text" class="form-control" autocomplete="off" readonly size="15" data-date-format="yyyy-mm-dd" value="<?php echo "$tgl"; ?>" >
- </div></div>
- <div class="form-group">
- <label for="jam" class="col-sm-3 control-label">Jam</label>
- <div class="col-sm-6">
- <?php $jam=gmdate("H:i:s",time()+60*60*7);?>
- <input name="jam" type="text" class="form-control" id="jam" autocomplete="off" size="15" readonly="readonly" value="<?php echo "$jam"; ?>" >
- </div></div>
- <div class="form-group">
- <label for="nama" class="col-sm-3 control-label">Nama Supir</label>
- <div class="col-sm-5">
- <table width="385">
- <td>
- <?php
- include "config/koneksi.php";
- $result = mysqli_query($db,"select a.id,b.nik,b.nama,c.nopol from supir a, staff b, kendaraan c where a.nik=b.nik and a.nopol=c.nopol order by b.nama asc");
- $jsArray = "var lil= new Array();";
- echo'<select name="nama" id="nama" onchange="buset1(this.value)" class="form-control">';
- echo '<option>---- Pilih ---</option>';
- while ($row = mysqli_fetch_array($result)) {
- echo '<option value="' . $row['nama'] . '">' . $row['nama'] . '</option>';
- $jsArray .= "lil['" . $row['nama'] . "'] = {aa1:'" . addslashes($row['nik']) . "',bb1:'".addslashes($row['nopol'])."'};\n";
- }
- ?>
- </td>
- <td><input type="text" id="nik" name="nik" size="10" maxlength="10" class="form-control" value="" readonly/></td>
- <td><input type="text" id="nopol" name="nopol" size="10" maxlength="10" class="form-control" value="" readonly onKeyUp="sum();"/>
- <script type="text/javascript">
- <?php echo $jsArray; ?>
- function buset1(nama){
- document.getElementById('nik').value = lil[nama].aa1;
- document.getElementById('nopol').value = lil[nama].bb1;
- };
- </script>
- </td>
- </table>
- </div></div>
- <div class="form-group">
- <label for="km" class="col-sm-3 control-label">KM Terakhir</label>
- <div class="col-sm-5">
- <input type="text" class="form-control" id="km" name="km" onKeyPress="return goodchars(event,'0123456789',this)" >
- </div>
- </div>
- <div class="form-group">
- <label for="bbm" class="col-sm-3 control-label">Jenis BBM</label>
- <div class="col-sm-5"><table width="300"><td>
- <?php
- include "config/koneksi.php";
- $result = mysqli_query($db,"select bbm,harga from subsidi order by bbm asc");
- $jsArray = "var Tipe= new Array();";
- echo'<select name="bbm" id="bbm" onchange="document.getElementById(\'harga\').value = Tipe[this.value]" class="form-control">';
- echo '<option>---- Pilih ---</option>';
- while ($row = mysqli_fetch_array($result)) {
- echo '<option value="' . $row['bbm'] . '">' . $row['bbm'] . '</option>';
- $jsArray .= "Tipe['" . $row['bbm'] . "'] = '" . addslashes($row['harga']) . "';";
- }
- echo '</select>';?>
- </td>
- <td>
- <input type="text" id="harga" name="harga" size="10" maxlength="10" class="form-control" onKeyUp="sum();" />
- <script type="text/javascript">
- <?php echo $jsArray; ?> </script>
- </td>
- </table>
- </div>
- </div>
- <div class="form-group">
- <label for="liter" class="col-sm-3 control-label">Liter</label>
- <div class="col-sm-6"><table><td>
- <input name="liter" type="text" class="form-control" id="liter" autocomplete="off" size="15" onKeyPress="return goodchars(event,'0123456789',this)" onKeyUp="sum();"></td><td><input name="total" type="text" class="form-control" id="total" autocomplete="off" size="15" readonly ></td></table>
- </div>
- </div>
- <div class="form-group">
- <label for="cabang" class="col-sm-3 control-label">Cabang</label>
- <div class="col-sm-6">
- <input type="text" class="form-control" id="cabang" name="cabang" style="text-transform:uppercase" >
- </div>
- </div>
- </form>
- </div>
- <div class="modal-footer">
- <button type="button" onClick="submitUser()" class="btn btn-default" data-dismiss="modal">Submit</button>
- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
- </div>
- </div>
- </div>
- </div>
- <script>
- //Tampilkan Modal
- function showModals( idp )
- {
- waitingDialog.show();
- clearModals();
- // Untuk Eksekusi Data Yang Ingin di Edit atau Di Hapus
- if( idp )
- {
- $.ajax({
- type: "POST",
- url: "ku-proses.php",
- dataType: 'json',
- data: {idp:idp,type:"get"},
- success: function(res) {
- waitingDialog.hide();
- setModalData( res );
- }
- });
- }
- // Untuk Tambahkan Data
- else
- {
- $("#myModals").modal("show");
- $("#myModalLabel").html("Kupon Baru");
- $("#type").val("new");
- waitingDialog.hide();
- }
- }
- //Data Yang Ingin Di Tampilkan Pada Modal Ketika Di Edit
- function setModalData( data )
- {
- $("#myModalLabel").html(data.idp);
- $("#type").val("edit");
- $("#idp").val(data.idp);
- $("#tgl").val(data.tgl);
- $("#jam").val(data.jam);
- $("#nik").val(data.nopol);
- $("#nopol").val(data.nopol);
- $("#km").val(data.km);
- $("#bbm").val(data.bbm);
- $("#liter").val(data.liter);
- $("#total").val(data.total);
- $("#myModals").modal("show");
- }
- //Submit Untuk Eksekusi Tambah/Edit/Hapus Data
- function submitUser()
- {
- var formData = $("#formUser").serialize();
- waitingDialog.show();
- $.ajax({
- type: "POST",
- url: "ku-proses.php",
- dataType: 'json',
- data: formData,
- success: function(data) {
- dTable.ajax.reload(); // Untuk Reload Tables secara otomatis
- waitingDialog.hide();
- }
- });
- }
- //Hapus Data
- function deleteUser( idp )
- {
- clearModals();
- $.ajax({
- type: "POST",
- url: "ku-proses.php",
- dataType: 'json',
- data: {idp:idp,type:"get"},
- success: function(data) {
- $("#removeWarning").show();
- $("#myModalLabel").html("Hapus Kupon");
- $("#type").val("delete");
- $("#idp").val(data.idp);
- $("#tgl").val(data.tgl).attr("disabled","true");
- $("#jam").val(data.jam).attr("disabled","true");
- $("#nik").val(data.nopol).attr("disabled","true");
- $("#nopol").val(data.nopol).attr("disabled","true");
- $("#km").val(data.km).attr("disabled","true");
- $("#bbm").val(data.bbm).attr("disabled","true");
- $("#liter").val(data.liter).attr("disabled","true");
- $("#total").val(data.total).attr("disabled","true");
- $("#cabang").val(data.cabang).attr("disabled","true");
- $("#myModals").modal("show");
- waitingDialog.hide();
- }
- });
- }
- //Clear Modal atau menutup modal supaya tidak terjadi duplikat modal
- function clearModals()
- {
- $("#removeWarning").hide();
- $("#type").val("");
- $("#idp").val("").removeAttr( "disabled" );
- $("#tgl").val("").removeAttr( "disabled" );
- $("#jam").val("").removeAttr( "disabled" );
- $("#nik").val("").removeAttr( "disabled" );
- $("#nopol").val("").removeAttr( "disabled" );
- $("#km").val("").removeAttr( "disabled" );
- $("#bbm").val("").removeAttr( "disabled" );
- $("#liter").val("").removeAttr( "disabled" );
- $("#total").val("").removeAttr( "disabled" );
- $("#cabang").val("").removeAttr( "disabled" );
- }
- function sum() {
- var txtFirstNumberValue = document.getElementById('harga').value;
- var txtSecondNumberValue = document.getElementById('liter').value;
- var result = parseInt(txtFirstNumberValue) * parseInt(txtSecondNumberValue);
- if (!isNaN(result)) {
- document.getElementById('total').value = result;
- }
- }
- </script>
- </BODY>
- </HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement