SHARE
TWEET

Untitled

Adiatma Sep 16th, 2019 18 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2. <head>
  3.   <title>PDF</title>
  4.    
  5.     <link rel="stylesheet" href="<?php echo base_url('assets/jquery-ui/jquery-ui.min.css'); ?>" /> <!-- Load file css jquery-ui -->
  6.     <script src="<?php echo base_url('assets/jquery.min.js'); ?>"></script> <!-- Load file jquery -->
  7. </head>
  8. <body>
  9.     <h2>Data Transaksi</h2><hr>
  10.     <form method="get" action="">
  11.         <label>Filter Berdasarkan</label><br>
  12.         <select name="filter" id="filter">
  13.             <option value="">Pilih</option>
  14.             <option value="1">Per Tanggal</option>
  15.             <option value="2">Per Bulan</option>
  16.             <option value="3">Per Tahun</option>
  17.         </select>
  18.         <br /><br />
  19.         <div id="form-tanggal">
  20.             <label>Tanggal</label><br>
  21.             <input type="text" name="tanggal" class="input-tanggal" />
  22.             <br /><br />
  23.         </div>
  24.         <div id="form-bulan">
  25.             <label>Bulan</label><br>
  26.             <select name="bulan">
  27.                 <option value="">Pilih</option>
  28.                 <option value="1">Januari</option>
  29.                 <option value="2">Februari</option>
  30.                 <option value="3">Maret</option>
  31.                 <option value="4">April</option>
  32.                 <option value="5">Mei</option>
  33.                 <option value="6">Juni</option>
  34.                 <option value="7">Juli</option>
  35.                 <option value="8">Agustus</option>
  36.                 <option value="9">September</option>
  37.                 <option value="10">Oktober</option>
  38.                 <option value="11">November</option>
  39.                 <option value="12">Desember</option>
  40.             </select>
  41.             <br /><br />
  42.         </div>
  43.         <div id="form-tahun">
  44.             <label>Tahun</label><br>
  45.             <select name="tahun">
  46.                 <option value="">Pilih</option>
  47.                 <?php
  48.                 foreach($option_tahun as $data){ // Ambil data tahun dari model yang dikirim dari controller
  49.                     echo '<option value="'.$data->tahun.'">'.$data->tahun.'</option>';
  50.                 }
  51.                 ?>
  52.             </select>
  53.             <br /><br />
  54.         </div>
  55.         <button type="submit">Tampilkan</button>
  56.         <a href="<?php echo base_url(); ?>">Reset Filter</a>
  57.     </form>
  58.     <hr />
  59.    
  60.     <b><?php echo $ket; ?></b><br /><br />
  61.     <a href="<?php echo $url_cetak; ?>">CETAK PDF</a><br /><br />
  62.     <table border="1" cellpadding="8">
  63.     <tr>
  64.         <th>Tanggal</th>
  65.         <th>Kode Transaksi</th>
  66.         <th>Barang</th>
  67.         <th>Jumlah</th>
  68.         <th>Total Harga</th>
  69.     </tr>
  70.     <?php
  71.     if( ! empty($transaksi)){
  72.       $no = 1;
  73.       foreach($transaksi as $data){
  74.             $tgl = date('d-m-Y', strtotime($data->tgl));
  75.            
  76.         echo "<tr>";
  77.         echo "<td>".$tgl."</td>";
  78.         echo "<td>".$data->kode."</td>";
  79.         echo "<td>".$data->barang."</td>";
  80.         echo "<td>".$data->jumlah."</td>";
  81.         echo "<td>".$data->total_harga."</td>";
  82.         echo "</tr>";
  83.         $no++;
  84.       }
  85.     }
  86.     ?>
  87.    
  88.     <script src="<?php echo base_url('assets/jquery-ui/jquery-ui.min.js'); ?>"></script> <!-- Load file plugin js jquery-ui -->
  89.     <script>
  90.     $(document).ready(function(){ // Ketika halaman selesai di load
  91.         $('.input-tanggal').datepicker({
  92.             dateFormat: 'yy-mm-dd' // Set format tanggalnya jadi yyyy-mm-dd
  93.         });
  94.         $('#form-tanggal, #form-bulan, #form-tahun').hide(); // Sebagai default kita sembunyikan form filter tanggal, bulan & tahunnya
  95.         $('#filter').change(function(){ // Ketika user memilih filter
  96.             if($(this).val() == '1'){ // Jika filter nya 1 (per tanggal)
  97.                 $('#form-bulan, #form-tahun').hide(); // Sembunyikan form bulan dan tahun
  98.                 $('#form-tanggal').show(); // Tampilkan form tanggal
  99.             }else if($(this).val() == '2'){ // Jika filter nya 2 (per bulan)
  100.                 $('#form-tanggal').hide(); // Sembunyikan form tanggal
  101.                 $('#form-bulan, #form-tahun').show(); // Tampilkan form bulan dan tahun
  102.             }else{ // Jika filternya 3 (per tahun)
  103.                 $('#form-tanggal, #form-bulan').hide(); // Sembunyikan form tanggal dan bulan
  104.                 $('#form-tahun').show(); // Tampilkan form tahun
  105.             }
  106.             $('#form-tanggal input, #form-bulan select, #form-tahun select').val(''); // Clear data pada textbox tanggal, combobox bulan & tahun
  107.         })
  108.     })
  109.     </script>
  110. </table>
  111. </body>
  112. </html>
RAW Paste Data
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
Top