SHARE
TWEET

tiket_dipesan_tampil.php

a guest Sep 17th, 2019 90 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?php
  2. $this->load->view('_partials/header');
  3. ?>
  4. <link rel="stylesheet" href="<?php echo base_url('assets/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css') ?>">
  5. <!--tambahkan custom css disini-->
  6. <?php
  7. $this->load->view('_partials/topbar');
  8. $this->load->view('_partials/sidebar');
  9. ?>
  10. <!-- Content Header (Page header) -->
  11. <style>
  12.             .dataTables_wrapper {
  13.                 min-height: 500px
  14.             }
  15.             .dataTables_processing {
  16.                 position: absolute;
  17.                 top: 50%;
  18.                 left: 50%;
  19.                 width: 100%;
  20.                 margin-left: -50%;
  21.                 margin-top: -25px;
  22.                 padding-top: 20px;
  23.                 text-align: center;
  24.                 font-size: 1.2em;
  25.                 color:grey;
  26.             }
  27.         </style>
  28.     </head>
  29. <section class="content-header">
  30.     <h1>
  31.     Tiket Dipesan
  32.     </h1>
  33. </section>
  34. <!-- Main content -->
  35. <section class="content">
  36.     <!-- SELECT2 EXAMPLE -->
  37.     <div class="box box-solid">
  38.         <form role="form" action="?m=train-book" method="post">
  39.             <div class="box-body">
  40.                 <div class="row">
  41.                     <div class="col-md-4">
  42.                         <div class="form-group">
  43.                             <label>
  44.                                 Agen
  45.                             </label>
  46.                             <select class="form-control input-sm select2" name="deposit_client_id" autofocus="">
  47.                                 <option selected="selected" value="2">PT. GRAHATOUR INDONESIA</option>
  48.                                 <option value="3">PT. KARYA SOLUSI BINTANG</option>
  49.                                 <option value="4">CV. CITRAWEB NUSA INFOMEDIA</option>
  50.                             </select>
  51.                         </div>
  52.                         <!-- /.form-group -->
  53.                     </div>
  54.                     <div class="col-md-3">
  55.                         <div class="form-group">
  56.                             <label>
  57.                                 Tanggal
  58.                             </label>
  59.                             <input class="form-control input-sm" name="record_trans_datetime_range" placeholder="Tanggal" type="text" id="daterange" value="" />
  60.                         </div>
  61.                         <!-- /.form-group -->
  62.                     </div>
  63.                     <div class="col-md-2">
  64.                         <div class="form-group">
  65.                             <label>
  66.                                 Kode Cetak
  67.                             </label>
  68.                             <input class="form-control input-sm" name="record_trans_record_code" placeholder="Kode Cetak" type="text" value="">
  69.                         </div>
  70.                         <!-- /.form-group -->
  71.                     </div>
  72.                     <div class="col-md-1">
  73.                         <div class="form-group">
  74.                             <div style="margin-bottom: 1.8em;">
  75.                             </div>
  76.                             <button class="btn btn-info btn-sm" type="submit" name="search">
  77.                             <i class="fa fa-search"></i> C a r i
  78.                             </button>
  79.                         </div>
  80.                         <!-- /.form-group -->
  81.                     </div>
  82.                     <!-- /.col -->
  83.                 </div>
  84.                 <!-- /.row -->
  85.             </div>
  86.             <!-- /.box-body -->
  87.         </form>
  88.     </div>
  89.     <!-- /.box -->
  90.     <div class="row">
  91.         <div class="col-md-12">
  92.             <div class="box">
  93.                 <div class="box-header">
  94.                     <h3 class="box-title">Data Transaksi</h3>
  95.                 </div>
  96.                 <!-- /.box-header -->
  97.                 <div class="box-body table-responsive">
  98.                     <table id="table" class="display" cellspacing="0" width="100%">
  99.                         <thead>
  100.                             <tr>
  101.                                 <th>#</th>
  102.                                 <th>Tgl Pesan</th>
  103.                                 <th>Tgl Berlaku</th>
  104.                                 <th>Agen</th>
  105.                                 <th>Data Cetak</th>
  106.                                 <th>Harga (Rp). </th>
  107.                                 <th>NTA (Rp). </th>
  108.                                 <th>Agen (Rp). </th>
  109.                                 <th>Margin (Rp). </th>
  110.                             </tr>
  111.                         </thead>
  112.                         <tbody>
  113.                         </tbody>
  114.                        
  115.                         <tfoot>
  116.                         <tr>
  117.                             <th>#</th>
  118.                                 <th>Tgl Pesan</th>
  119.                                 <th>Tgl Berlaku</th>
  120.                                 <th>Agen</th>
  121.                                 <th>Data Cetak</th>
  122.                                 <th>Harga (Rp). </th>
  123.                                 <th>NTA (Rp). </th>
  124.                                 <th>Agen (Rp). </th>
  125.                                 <th>Margin (Rp). </th>
  126.                         </tr>
  127.                         </tfoot>
  128.                     </table>
  129.                     <!-- /.table -->
  130.                 </div>
  131.                 <!-- /.box-body -->
  132.             </div>
  133.             <!-- /.box -->
  134.         </div>
  135.         <!-- /.col -->
  136.     </div>
  137.     <!-- /.row -->
  138. </section>
  139. <!-- /.content -->
  140. <!-- /.content -->
  141. <!-- /.content -->
  142. <?php
  143. $this->load->view('_partials/js');
  144. ?>
  145. <!--tambahkan custom js disini-->
  146. <?php
  147. $this->load->view('_partials/footer');
  148. ?>
  149. <script src="<?php echo base_url('assets/jquery/jquery-2.2.3.min.js')?>"></script>
  150. <script src="<?php echo base_url('assets/datatables/js/jquery.dataTables.min.js')?>"></script>
  151.  
  152.  
  153. <script type="text/javascript">
  154.     var table;
  155.     $(document).ready(function() {
  156.  
  157.         //datatables
  158.         table = $('#table').DataTable({
  159.  
  160.             "processing": true,
  161.             "serverSide": true,
  162.             "order": [],
  163.              
  164.             "ajax": {
  165.                 "url": "<?php echo site_url('tiket_dipesan/get_data_user')?>",
  166.                 "type": "POST"
  167.             },
  168.  
  169.              
  170.             "columnDefs": [
  171.             {
  172.                 "targets": [ 0 ],
  173.                 "orderable": false,
  174.             },
  175.             ],
  176.  
  177.         });
  178.  
  179.     });
  180.  
  181. </script>
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