Adiatma

Untitled

Sep 16th, 2019
53
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