Advertisement
yusufmukharom

v_login

Mar 28th, 2020
332
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 12.98 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  
  6.     <meta charset="utf-8">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.  
  10.  
  11.     <title>Transaksi Penjualan</title>
  12.  
  13.     <!-- Bootstrap Core CSS -->
  14.     <link href="<?php echo base_url().'assets/css/bootstrap.min.css'?>" rel="stylesheet">
  15.     <link href="<?php echo base_url().'assets/css/style.css'?>" rel="stylesheet">
  16.     <link href="<?php echo base_url().'assets/css/font-awesome.css'?>" rel="stylesheet">
  17.     <!-- Custom CSS -->
  18.     <link href="<?php echo base_url().'assets/css/4-col-portfolio.css'?>" rel="stylesheet">
  19.     <link href="<?php echo base_url().'assets/css/dataTables.bootstrap.min.css'?>" rel="stylesheet">
  20.     <link href="<?php echo base_url().'assets/css/jquery.dataTables.min.css'?>" rel="stylesheet">
  21.     <link href="<?php echo base_url().'assets/dist/css/bootstrap-select.css'?>" rel="stylesheet">
  22.     <link rel="stylesheet" type="text/css" href="<?php echo base_url().'assets/css/bootstrap-datetimepicker.min.css'?>">
  23. </head>
  24.  
  25. <body>
  26.  
  27.     <!-- Navigation -->
  28.    <?php
  29.        $this->load->view('admin/menu');
  30.    ?>
  31.  
  32.     <!-- Page Content -->
  33.     <div class="container">
  34.  
  35.         <!-- Page Heading -->
  36.         <div class="row">
  37.             <div class="col-lg-12">
  38.             <center><?php echo $this->session->flashdata('msg');?></center>
  39.                 <h1 class="page-header">Transaksi
  40.                     <small>Penjualan (Eceran)</small>
  41.                     <a href="#" data-toggle="modal" data-target="#largeModal" class="pull-right"><small>Cari Produk!</small></a>
  42.                 </h1>
  43.             </div>
  44.         </div>
  45.         <!-- /.row -->
  46.         <!-- Projects Row -->
  47.         <div class="row">
  48.             <div class="col-lg-12">
  49.             <form action="<?php echo base_url().'admin/penjualan/add_to_cart'?>" method="post">
  50.             <table>
  51.                 <tr>
  52.                     <th>Kode Barang</th>
  53.                 </tr>
  54.                 <tr>
  55.                     <th><input type="text" name="kode_brg" id="kode_brg" class="form-control input-sm"></th>                    
  56.                 </tr>
  57.                     <div id="detail_barang" style="position:absolute;">
  58.                     </div>
  59.             </table>
  60.              </form>
  61.             <table class="table table-bordered table-condensed" style="font-size:11px;margin-top:10px;">
  62.                 <thead>
  63.                     <tr>
  64.                         <th>Kode Barang</th>
  65.                         <th>Nama Barang</th>
  66.                         <th style="text-align:center;">Satuan</th>
  67.                         <th style="text-align:center;">Harga(Rp)</th>
  68.                         <th style="text-align:center;">Diskon(Rp)</th>
  69.                         <th style="text-align:center;">Qty</th>
  70.                         <th style="text-align:center;">Sub Total</th>
  71.                         <th style="width:100px;text-align:center;">Aksi</th>
  72.                     </tr>
  73.                 </thead>
  74.                 <tbody>
  75.                     <?php $i = 1; ?>
  76.                     <?php foreach ($this->cart->contents() as $items): ?>
  77.                     <?php echo form_hidden($i.'[rowid]', $items['rowid']); ?>
  78.                     <tr>
  79.                          <td><?=$items['id'];?></td>
  80.                          <td><?=$items['name'];?></td>
  81.                          <td style="text-align:center;"><?=$items['satuan'];?></td>
  82.                          <td style="text-align:right;"><?php echo number_format($items['amount']);?></td>
  83.                          <td style="text-align:right;"><?php echo number_format($items['disc']);?></td>
  84.                          <td style="text-align:center;"><?php echo number_format($items['qty']);?></td>
  85.                          <td style="text-align:right;"><?php echo number_format($items['subtotal']);?></td>
  86.                        
  87.                          <td style="text-align:center;"><a href="<?php echo base_url().'admin/penjualan/remove/'.$items['rowid'];?>" class="btn btn-warning btn-xs"><span class="fa fa-close"></span> Batal</a></td>
  88.                     </tr>
  89.                    
  90.                     <?php $i++; ?>
  91.                     <?php endforeach; ?>
  92.                 </tbody>
  93.             </table>
  94.             <form action="<?php echo base_url().'admin/penjualan/simpan_penjualan'?>" method="post">
  95.             <table>
  96.                 <tr>
  97.                     <td style="width:760px;" rowspan="2"><button type="submit" class="btn btn-info btn-lg"> Simpan</button></td>
  98.                     <th style="width:140px;">Total Belanja(Rp)</th>
  99.                     <th style="text-align:right;width:140px;"><input type="text" name="total2" value="<?php echo number_format($this->cart->total());?>" class="form-control input-sm" style="text-align:right;margin-bottom:5px;" readonly></th>
  100.                     <input type="hidden" id="total" name="total" value="<?php echo $this->cart->total();?>" class="form-control input-sm" style="text-align:right;margin-bottom:5px;" readonly>
  101.                 </tr>
  102.                 <tr>
  103.                     <th>Tunai(Rp)</th>
  104.                     <th style="text-align:right;"><input type="text" id="jml_uang" name="jml_uang" class="jml_uang form-control input-sm" style="text-align:right;margin-bottom:5px;" required></th>
  105.                     <input type="hidden" id="jml_uang2" name="jml_uang2" class="form-control input-sm" style="text-align:right;margin-bottom:5px;" required>
  106.                 </tr>
  107.                 <tr>
  108.                     <td></td>
  109.                     <th>Kembalian(Rp)</th>
  110.                     <th style="text-align:right;"><input type="text" id="kembalian" name="kembalian" class="form-control input-sm" style="text-align:right;margin-bottom:5px;" required></th>
  111.                 </tr>
  112.  
  113.             </table>
  114.             </form>
  115.             <hr/>
  116.         </div>
  117.         <!-- /.row -->
  118.         <!-- ============ MODAL ADD =============== -->
  119.         <div class="modal fade" id="largeModal" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
  120.             <div class="modal-dialog modal-lg">
  121.             <div class="modal-content">
  122.             <div class="modal-header">
  123.                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  124.                 <h3 class="modal-title" id="myModalLabel">Data Barang</h3>
  125.             </div>
  126.                 <div class="modal-body" style="overflow:scroll;height:500px;">
  127.  
  128.                   <table class="table table-bordered table-condensed" style="font-size:11px;" id="mydata">
  129.                     <thead>
  130.                         <tr>
  131.                             <th style="text-align:center;width:40px;">No</th>
  132.                             <th style="width:120px;">Kode Barang</th>
  133.                             <th style="width:240px;">Nama Barang</th>
  134.                             <th>Satuan</th>
  135.                             <th style="width:100px;">Harga (Eceran)</th>
  136.                             <th>Stok</th>
  137.                             <th style="width:100px;text-align:center;">Aksi</th>
  138.                         </tr>
  139.                     </thead>
  140.                     <tbody>
  141.                     <?php
  142.                        $no=0;
  143.                        foreach ($data->result_array() as $a):
  144.                             $no++;
  145.                             $id=$a['barang_id'];
  146.                             $nm=$a['barang_nama'];
  147.                             $satuan=$a['barang_satuan'];
  148.                             $harpok=$a['barang_harpok'];
  149.                             $harjul=$a['barang_harjul'];
  150.                             $harjul_grosir=$a['barang_harjul_grosir'];
  151.                             $stok=$a['barang_stok'];
  152.                             $min_stok=$a['barang_min_stok'];
  153.                             $kat_id=$a['barang_kategori_id'];
  154.                             $kat_nama=$a['kategori_nama'];
  155.                     ?>
  156.                         <tr>
  157.                             <td style="text-align:center;"><?php echo $no;?></td>
  158.                             <td><?php echo $id;?></td>
  159.                             <td><?php echo $nm;?></td>
  160.                             <td style="text-align:center;"><?php echo $satuan;?></td>
  161.                             <td style="text-align:right;"><?php echo 'Rp '.number_format($harjul);?></td>
  162.                             <td style="text-align:center;"><?php echo $stok;?></td>
  163.                             <td style="text-align:center;">
  164.                             <form action="<?php echo base_url().'admin/penjualan/add_to_cart'?>" method="post">
  165.                             <input type="hidden" name="kode_brg" value="<?php echo $id?>">
  166.                             <input type="hidden" name="nabar" value="<?php echo $nm;?>">
  167.                             <input type="hidden" name="satuan" value="<?php echo $satuan;?>">
  168.                             <input type="hidden" name="stok" value="<?php echo $stok;?>">
  169.                             <input type="hidden" name="harjul" value="<?php echo number_format($harjul);?>">
  170.                             <input type="hidden" name="diskon" value="0">
  171.                             <input type="hidden" name="qty" value="1" required>
  172.                                 <button type="submit" class="btn btn-xs btn-info" title="Pilih"><span class="fa fa-edit"></span> Pilih</button>
  173.                             </form>
  174.                             </td>
  175.                         </tr>
  176.                     <?php endforeach;?>
  177.                     </tbody>
  178.                 </table>          
  179.  
  180.                 </div>
  181.  
  182.                 <div class="modal-footer">
  183.                     <button class="btn" data-dismiss="modal" aria-hidden="true">Tutup</button>
  184.                    
  185.                 </div>
  186.             </div>
  187.             </div>
  188.         </div>
  189.  
  190.        
  191.  
  192.         <!-- ============ MODAL HAPUS =============== -->
  193.        
  194.  
  195.         <!--END MODAL-->
  196.  
  197.         <hr>
  198.  
  199.  
  200.     </div>
  201.     <!-- /.container -->
  202.  
  203.     <!-- jQuery -->
  204.     <script src="<?php echo base_url().'assets/js/jquery.js'?>"></script>
  205.  
  206.     <!-- Bootstrap Core JavaScript -->
  207.     <script src="<?php echo base_url().'assets/dist/js/bootstrap-select.min.js'?>"></script>
  208.     <script src="<?php echo base_url().'assets/js/bootstrap.min.js'?>"></script>
  209.     <script src="<?php echo base_url().'assets/js/dataTables.bootstrap.min.js'?>"></script>
  210.     <script src="<?php echo base_url().'assets/js/jquery.dataTables.min.js'?>"></script>
  211.     <script src="<?php echo base_url().'assets/js/jquery.price_format.min.js'?>"></script>
  212.     <script src="<?php echo base_url().'assets/js/moment.js'?>"></script>
  213.     <script src="<?php echo base_url().'assets/js/bootstrap-datetimepicker.min.js'?>"></script>
  214.     <script type="text/javascript">
  215.         $(function(){
  216.             $('#jml_uang').on("input",function(){
  217.                 var total=$('#total').val();
  218.                 var jumuang=$('#jml_uang').val();
  219.                 var hsl=jumuang.replace(/[^\d]/g,"");
  220.                 $('#jml_uang2').val(hsl);
  221.                 $('#kembalian').val(hsl-total);
  222.             })
  223.            
  224.         });
  225.     </script>
  226.     <script type="text/javascript">
  227.         $(document).ready(function() {
  228.             $('#mydata').DataTable();
  229.         } );
  230.     </script>
  231.     <script type="text/javascript">
  232.         $(function(){
  233.             $('.jml_uang').priceFormat({
  234.                     prefix: '',
  235.                     //centsSeparator: '',
  236.                     centsLimit: 0,
  237.                     thousandsSeparator: ','
  238.             });
  239.             $('#jml_uang2').priceFormat({
  240.                     prefix: '',
  241.                     //centsSeparator: '',
  242.                     centsLimit: 0,
  243.                     thousandsSeparator: ''
  244.             });
  245.             $('#kembalian').priceFormat({
  246.                     prefix: '',
  247.                     //centsSeparator: '',
  248.                     centsLimit: 0,
  249.                     thousandsSeparator: ','
  250.             });
  251.             $('.harjul').priceFormat({
  252.                     prefix: '',
  253.                     //centsSeparator: '',
  254.                     centsLimit: 0,
  255.                     thousandsSeparator: ','
  256.             });
  257.         });
  258.     </script>
  259.     <script type="text/javascript">
  260.         $(document).ready(function(){
  261.             //Ajax kabupaten/kota insert
  262.             $("#kode_brg").focus();
  263.             $("#kode_brg").on("input",function(){
  264.                 var kobar = {kode_brg:$(this).val()};
  265.                    $.ajax({
  266.                type: "POST",
  267.                url : "<?php echo base_url().'admin/penjualan/get_barang';?>",
  268.                data: kobar,
  269.                success: function(msg){
  270.                $('#detail_barang').html(msg);
  271.                }
  272.             });
  273.             });
  274.  
  275.             $("#kode_brg").keypress(function(e){
  276.                 if(e.which==13){
  277.                     $("#jumlah").focus();
  278.                 }
  279.             });
  280.         });
  281.     </script>
  282.    
  283.    
  284. </body>
  285.  
  286. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement