API tools faq
paste
Advertisement
SuperBag

index.php

SuperBag
Mar 12th, 2019
564
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 14.31 KB | None | 0 0
raw download clone embed print report
  1. <?php include '../../function/function.php'; ?>
  2. <html>
  3.  
  4. <head>
  5.     <title>Transaksi Pembelian CV. Anugrah</title>
  6.     <link rel="stylesheet" href="../../bootstrap/bootstrap.min.css">
  7.     <link rel="stylesheet" href="../../jquery/jquery-ui.css">
  8.     <link rel="stylesheet" href="../../fontawesome/css/all.css">
  9.     <script src="../../jquery/jquery.min.js"></script>
  10.     <script src="../../jquery/jquery-ui.js"></script>
  11. </head>
  12.  
  13. <body>
  14.     <div class="container">
  15.         <br>
  16.         <h3 align="center">Data Transaksi Pembelian CV. Anugrah Jaya</h3>
  17.         <br>
  18.         <div align="right" style="margin-bottom:5px">
  19.             <button type="button" name="add" id="add" class="btn btn-success btn-xs">Tambah Data</button>
  20.         </div>
  21.         <div class="table-responsive" id="user_data">
  22.  
  23.         </div>
  24.     </div>
  25.  
  26.     <div id="user_dialog" title="Add Data">
  27.         <form method="POST" id="user_form">
  28.             <div class="form-group">
  29.                 <label>Kode Transaksi</label>
  30.                 <input type="text" name="kdtransaksi" id="kdtransaksi" class="form-control">
  31.                 <span id="error_kdtransaksi" class="text-danger"></span>
  32.             </div>
  33.             <div class="form-group">
  34.                 <label>Tanggal</label>
  35.                 <input type="text" name="tanggal" id="tanggal" class="form-control">
  36.                 <span id="error_tanggal" class="text-danger"></span>
  37.             </div>
  38.             <div class="form-group">
  39.                 <label>Nama Supplier</label>
  40.                 <select name="namasupp" id="namasupp" class="form-control">
  41.                 <option value="">- Pilih Supplier -</option>
  42.                 <?php
  43.                     include "../../config/koneksi.php";
  44.                     $query="select*from supplier";
  45.                     $statement=$dbh->prepare($query);
  46.                     $statement->execute();
  47.                     $result=$statement->fetchAll();
  48.                     foreach($result as $row){
  49.                 ?>
  50.                 <option value="<?php echo $row['idsupp'];?>"><?php echo $row['namasupp'];?></option>
  51.                 <?php } ?>
  52.                 </select>
  53.                 <span id="error_namasupp" class="text-danger"></span>
  54.             </div>
  55.             <div class="form-group">
  56.                 <label>Jenis Pembelian</label>
  57.                 <select name="keterangan" id="keterangan" class="form-control">
  58.                 <option value="">- Pilih Bahan -</option>
  59.                 <option value="Pembelian Bahan Baku">Bahan Baku</option>
  60.                 <option value="Pembelian Bahan Penolong">Bahan Penolong</option>
  61.                 </select>
  62.                 <span id="error_total" class="text-danger"></span>
  63.             </div>
  64.             <div class="form-group">
  65.                 <label>Rincian</label>
  66.                 <table class="table table-striped table-bordered" id="rowTable">
  67.                     <tr>
  68.                         <th>Kode Barang</th>
  69.                         <th>Unit</th>
  70.                         <th>Harga Satuan</th>
  71.                         <th>Total Harga</th>
  72.                         <th>&nbsp;</th>
  73.                     </tr>
  74.                     <tr>
  75.                         <td width="10px">
  76.                             <select name="idbarang[]" id="idbarang-0">
  77.                                 <option value="">- Pilih Barang -</option>
  78.                                 <?php
  79.                                     $statement=$dbh->prepare("select*from barang");
  80.                                     $statement->execute();
  81.                                     $result=$statement->fetchAll();
  82.                                     foreach($result as $row){
  83.                                         $idbarang=$row['idbarang'];
  84.                                         $kdbarang=$row['kdbarang'];
  85.                                         $namabarang=$row['namabarang'];
  86.                                     }
  87.                                 ?>
  88.                                 <option value="<?php echo $idbarang;?>"><?php echo $kdbarang;?> - <?php echo $namabarang;?></option>
  89.                             </select>
  90.                         </td>
  91.                         <td width="10px">
  92.                             <input type="text" name="unit[]" id="unit-0" class="hitung" size="3px">
  93.                         </td>
  94.                         <td width="10px">
  95.                             <input type="text" name="hargasatuan[]" id="hargasatuan-0" class="hitung" size="10px">
  96.                         </td>
  97.                         <td width="10px">
  98.                             <input type="text" name="totalharga[]" id="totalharga-0" class="totalharga" size="10px" readonly>
  99.                         </td>
  100.                         <td width="2px">
  101.                             <button type="button" id="addRow">+</button>
  102.                         </td>
  103.                     </tr>
  104.                 </table>
  105.                 <span id="error_total" class="text-danger"></span>
  106.             </div>
  107.             <div class="form-group">
  108.                 <label>Sub Total</label>
  109.                 <input type="text" name="alltotal" id="subtotal" class="form-control" class="total" readonly>
  110.                 <span id="error_subtotal" class="text-danger"></span>
  111.             </div>
  112.             <div class="form-group">
  113.                 <label>PPN 10%</label>
  114.                 <input type="text" name="ppn" id="ppn" class="form-control" readonly>
  115.                 <span id="error_ppn" class="text-danger"></span>
  116.             </div>
  117.             <div class="form-group">
  118.                 <label>Total</label>
  119.                 <input type="text" name="total" id="total" class="form-control" readonly>
  120.                 <span id="error_total" class="text-danger"></span>
  121.             </div>
  122.             <div class="form-group">
  123.                 <label>Bayar</label>
  124.                 <input type="text" name="bayar" id="bayar" class="form-control">
  125.                 <span id="error_bayar" class="text-danger"></span>
  126.             </div>
  127.             <div class="form-group">
  128.                 <input type="hidden" name="action" id="action" value="insert">
  129.                 <input type="hidden" name="hidden_id" id="hidden_id">
  130.                 <input type="submit" name="form_action" id="form_action" class="btn btn-info" value="Insert">
  131.             </div>
  132.         </form>
  133.     </div>
  134.  
  135.     <div id="action_alert" title="Action">
  136.  
  137.     </div>
  138.     <div id="delete_confirmation" title="Confirmation">
  139.         <p>Are you sure to delete this data?</p>
  140.     </div>
  141. </body>
  142.  
  143. </html>
  144.  
  145. <script>
  146. $(document).ready(function(){
  147.     $('#tanggal').datepicker({});
  148.     load_data();
  149.     function load_data(){
  150.         $.ajax({
  151.             url:"fetch.php",
  152.             method:"POST",
  153.             success:function(data){
  154.                 $('#user_data').html(data);
  155.             }
  156.         });
  157.     }
  158.  
  159.     $('#user_dialog').dialog({
  160.         autoOpen:false,
  161.         width:650
  162.     });
  163.  
  164.     $('#addRow').click(function(){
  165.         var i = $('input').size() + 1, element='<tr>';
  166.         element+='<td width="10px"><select name="idbarang[]" id="idbarang-'+i+' " >';
  167.         element+='<option value="">- Pilih Barang -</option>';
  168.         element+='<option value="<?php echo $idbarang;?>"><?php echo $kdbarang;?> - <?php echo $namabarang;?></option>';
  169.         element+='</select></td>';
  170.         element+='<td><input type="text" name="unit[]" id="unit-'+i+' " class="hitung" size="3px"></td>';
  171.         element+='<td><input type="text" name="hargasatuan[]" id="hargasatuan-'+i+' " class="hitung" size="10px"></td>';
  172.         element+='<td><input type="text" name="totalharga[]" id="totalharga-'+i+' " class="totalharga" size="10px" readonly></td>';
  173.         element+='<td><button type="button" id="addRow">+</button></td>';
  174.         element+='</tr>';
  175.         $('#rowTable').append(element);
  176.  
  177.         i++;
  178.         return false;
  179.     });
  180.  
  181. /*
  182.     $('#addRow').click(function(){
  183.         var tableID="rowTable";
  184.         var table=document.getElementById(tableID);
  185.         var rowCount=table.rows.length;
  186.         var row=table.insertRow(rowCount);
  187.         var i=$('input').size()+1,
  188.         element1="<tr>"+
  189.         "<td width='10px'><select name='idbarang[]' id='idbarang-' "+i+" >"+
  190.         "<option value=''>- Pilih Barang -</option>"+
  191.         "<option value='<?php echo $idbarang;?>'><?php echo $kdbarang;?> - <?php echo $namabarang;?></option>"+
  192.         "</select></td>"+
  193.         "<td><input type='text' name='unit[]' id='unit-' "+i+" size='3px'></td>"+
  194.         "<td><input type='text' name='hargasatuan[]' id='hargasatuan-' "+i+" size='10px'></td>"+
  195.         "<td><input type='text' name='totalharga[]' id='totalharga-' "+i+" size='10px'></td>"+
  196.         "<td><button type='button'id='addRow'>+</button></td>"+
  197.         "</tr>";
  198.         row.innerHTML=element1;
  199.         i++;
  200.         return false;
  201.     });
  202. */
  203.     $('.hitung').focus(function(){
  204.         var aydi=$(this).attr('id'), berhitung=aydi.split('-');
  205.         $(this).keydown(function(){
  206.             setTimeout(function(){
  207.                 var unit=($('#unit-'+berhitung[1]).val()!='' ? $('#unit-'+berhitung[1]).val():0), hargasatuan=($('#hargasatuan-'+berhitung[1]).val()!='' ? $('#hargasatuan-'+berhitung[1]).val():0), subtotal=parseInt(unit)*parseInt(hargasatuan);
  208.                 if(!isNaN(subtotal)){
  209.                     $('#totalharga-'+berhitung[1]).val(subtotal);
  210.                     var alltotal=0;
  211.                     $('.totalharga').each(function(){
  212.                         alltotal += parseFloat($(this).val());
  213.                     });
  214.                     $('#subtotal').val(alltotal);
  215.                     $('#ppn').val(alltotal*0.1);
  216.                     $('#total').val(alltotal+(alltotal*0.1));
  217.                 }
  218.             }, 50);
  219.         });
  220.     });
  221.  
  222.     $('#add').click(function(){
  223.         $('#user_dialog').attr('title','Add Data');
  224.         $('#action').val('insert');
  225.         $('#form_action').val('Insert');
  226.         $('#user_form')[0].reset();
  227.         $('#form_action').attr('disabled',false);
  228.         $('#user_dialog').dialog('open');
  229.     });
  230.  
  231.     $('#user_form').on('submit',function(event){
  232.         event.preventDefault();
  233.         var error_kdtransaksi='';
  234.         var error_tanggal='';
  235.         var error_namasupp='';
  236.         var error_total='';
  237.         var error_bayar='';
  238.  
  239.         if($('#kdtransaksi').val()==''){
  240.             error_kdtransaksi='Nomor Transaksi harap diisi...';
  241.             $('#error_kdtransaksi').text(error_kdtransaksi);
  242.             $('#kdtransaksi').css('border-color','#cc0000');
  243.         }else{
  244.             error_kdtransaksi='';
  245.             $('#error_kdtransaksi').text(error_kdtransaksi);
  246.             $('#kdtransaksi').css('border-color','');
  247.         }
  248.  
  249.         if($('#tanggal').val()==''){
  250.             error_tanggal='Tanggal harap diisi...';
  251.             $('#error_tanggal').text(error_tanggal);
  252.             $('#tanggal').css('border-color','#cc0000');
  253.         }else{
  254.             error_tanggal='';
  255.             $('#error_tanggal').text(error_tanggal);
  256.             $('#tanggal').css('border-color','');
  257.         }
  258.  
  259.         if($('#namasupp').val()==''){
  260.             error_namasupp="Supplier harap diisi...";
  261.             $('#error_namasupp').text(error_namasupp);
  262.             $('#namasupp').css('border-color','#cc0000');
  263.         }else{
  264.             error_namasupp='';
  265.             $('#error_namasupp').text(error_namasupp);
  266.             $('#namasupp').css('border-color','');
  267.         }
  268.  
  269.         if($('#total').val()==''){
  270.             error_total="Total harap diisi...";
  271.             $('#error_total').text(error_total);
  272.             $('#total').css('border-color','#cc0000');
  273.         }else{
  274.             error_total='';
  275.             $('#error_total').text(error_total);
  276.             $('#total').css('border-color','');
  277.         }
  278.  
  279.         if($('#bayar').val()==''){
  280.             error_bayar="Kolom Bayar tidak boleh kosong...";
  281.             $('#error_bayar').text(error_bayar);
  282.             $('#bayar').css('border-color','#cc0000');
  283.         }else{
  284.             error_bayar='';
  285.             $('#error_bayar').text(error_bayar);
  286.             $('#bayar').css('border-color','');
  287.         }
  288.         if(error_kdtransaksi!=''||error_tanggal!=''||error_namasupp!=''||error_total!=''||error_bayar!=''){
  289.             return false;
  290.         }else{
  291.             $('#form_action').attr('disabled','disabled');
  292.             var form_data=$(this).serialize();
  293.             $.ajax({
  294.                 url:"action.php",
  295.                 method:"POST",
  296.                 data:form_data,
  297.                 success:function(data)
  298.                 {
  299.                     $('#user_dialog').dialog('close');
  300.                     $('#action_alert').html(data);
  301.                     $('#action_alert').dialog('open');
  302.                     load_data();
  303.                     $('#form_action').attr('disabled', false);
  304.                 }
  305.             });
  306.         }
  307.     });
  308.     $('#action_alert').dialog({
  309.         autoOpen:false
  310.     });
  311.  
  312.     $(document).on('click','.edit',function(){
  313.         var id=$(this).attr('id');
  314.         var action='fetch_single';
  315.         $.ajax({
  316.             url:"action.php",
  317.             method:"POST",
  318.             data:{id:id,action:action},
  319.             dataType:"json",
  320.             success:function(data){
  321.                 $('#kdtransaksi').val(data.kdtransaksi);
  322.                 $('#tanggal').val(data.tanggal);
  323.                 $('#namasupp').val(data.namasupp);
  324.                 $('#total').val(data.total);
  325.                 $('#bayar').val(data.bayar);
  326.                 $('#user_dialog').attr('title','Edit Data');
  327.                 $('#action').val('update');
  328.                 $('#hidden_id').val(id);
  329.                 $('#form_action').val('Update');
  330.                 $('#user_dialog').dialog('open');
  331.             }
  332.         });
  333.     });
  334.  
  335.     $('#delete_confirmation').dialog({
  336.         autoOpen:false,
  337.         modal:true,
  338.         buttons:{
  339.             Ok : function(){
  340.                 var id = $(this).data('id');
  341.                 var action = 'delete';
  342.                 $.ajax({
  343.                     url:"action.php",
  344.                     method:"POST",
  345.                     data:{id:id, action:action},
  346.                     success:function(data)
  347.                     {
  348.                         $('#delete_confirmation').dialog('close');
  349.                         $('#action_alert').html(data);
  350.                         $('#action_alert').dialog('open');
  351.                         load_data();
  352.                     }
  353.                 });
  354.             },
  355.             Cancel : function(){
  356.                 $(this).dialog('close');
  357.             }
  358.         }  
  359.     });
  360.  
  361.     $(document).on('click','.delete',function(){
  362.         var id=$(this).attr('id');
  363.         $('#delete_confirmation').data('id',id).dialog('open');
  364.     });
  365. });
  366. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!