API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 17th, 2014
59
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html
  3.        xmlns:th="http://www.thymeleaf.org"
  4.        xmlns:dt="http://github.com/dandelion/datatables">
  5. <head>
  6. </head>
  7. <body>
  8. <div class="well">
  9.     <form th:action="@{/pks}" th:object="${pksSearchForm}" method="get"
  10.          class="form-horizontal" role="form">
  11.  
  12.         <div class="row">
  13.             <div class="col-sm-5">
  14.                 <div class="form-group">
  15.                     <label class="col-sm-4 control-label" th:for="idSeqPelanggan">Nama mitra </label>
  16.                     <div class="col-sm-8">
  17.                         <select th:field="*{idMitra}" class="form-control">
  18.                             <option value="-1">--Semua Mitra--</option>
  19.                             <option th:each="mitra : ${listMitra}"
  20.                                    th:value="${mitra.idSeqPelanggan}"
  21.                                    th:text="${mitra.namaPelanggan}"/>
  22.                         </select>
  23.                     </div>
  24.  
  25.                 </div>
  26.                 <div class="form-group">
  27.  
  28.                     <label class="col-sm-4 control-label" th:for="nomorPks">Nomor PKS</label>
  29.  
  30.                     <div class="col-sm-8">
  31.                         <input type="text" class="form-control" th:field="*{nomorPks}" placeholder="Nomor PKS"/>
  32.                     </div>
  33.  
  34.                 </div>
  35.  
  36.                 <div class="form-group">
  37.  
  38.                     <label class="col-sm-4 control-label" th:for="idTipeProduk">Tipe produk</label>
  39.                     <div class="col-sm-8">
  40.                         <select th:field="*{idTipeProduk}" class="form-control">
  41.                             <option value="-1">--Semua Tipe Produk--</option>
  42.                             <option th:each="tipeProduk : ${listTipeProduk}"
  43.                                    th:value="${tipeProduk.idTipeProduk}"
  44.                                    th:text="${tipeProduk.namaTipeProduk}"/>
  45.                         </select>
  46.                     </div>
  47.                 </div>
  48.             </div>
  49.  
  50.             <div class="col-sm-7">
  51.                 <div class="form-group">
  52.                     <label class="col-sm-3 control-label" th:for="startTanggalAwalPks">Tanggal Awal</label>
  53.  
  54.                     <div class="col-sm-4">
  55.                         <div class='input-group date datepicker' data-date-format="DD-MM-YYYY">
  56.                             <input type="text" class="form-control" th:field="*{startTanggalAwalPks}"
  57.                                   placeholder="" name="startTanggalAwal" id="startTanggalAwal"/>
  58.                                     <span class="input-group-addon">
  59.                                         <span class="glyphicon glyphicon-calendar"></span>
  60.                                     </span>
  61.                         </div>
  62.                     </div>
  63.  
  64.                     <div class="col-sm-1 control-label">s.d.</div>
  65.  
  66.                     <div class="col-sm-4">
  67.                         <div class='input-group date datepicker' data-date-format="DD-MM-YYYY">
  68.                             <input type="text" class="form-control" th:field="*{endTanggalAwalPks}"
  69.                                   placeholder="" name="endTanggalAwal" id="endTanggalAwal"/>
  70.                                     <span class="input-group-addon">
  71.                                         <span class="glyphicon glyphicon-calendar"></span>
  72.                                     </span>
  73.                         </div>
  74.                     </div>
  75.                 </div>
  76.  
  77.                     <div class="form-group">
  78.                         <label class="col-sm-3 control-label" th:for="startTanggalAkhir">Tanggal Akhir</label>
  79.  
  80.                         <div class="col-sm-4">
  81.                             <div class='input-group date datepicker' data-date-format="DD-MM-YYYY">
  82.                                 <input type="text" class="form-control" th:field="*{startTanggalAkhirPks}"
  83.                                       placeholder="" name="startTanggalAkhir" id="startTanggalAkhir"/>
  84.                                     <span class="input-group-addon">
  85.                                         <span class="glyphicon glyphicon-calendar"></span>
  86.                                     </span>
  87.                             </div>
  88.                         </div>
  89.  
  90.                         <div class="col-sm-1 control-label">s.d.</div>
  91.  
  92.  
  93.                         <div class="col-sm-4">
  94.                             <div class='input-group date datepicker' data-date-format="DD-MM-YYYY">
  95.                                 <input type="text" class="form-control" th:field="*{endTanggalAkhirPks}"
  96.                                       placeholder="" name="endTanggalAkhir" id="endTanggalAkhir"/>
  97.                                     <span class="input-group-addon">
  98.                                         <span class="glyphicon glyphicon-calendar"></span>
  99.                                     </span>
  100.                             </div>
  101.                         </div>
  102.                     </div>
  103.  
  104.                     <div class="form-group">
  105.  
  106.                         <label class="col-sm-3 control-label" th:for="idModelTerminal">Tipe produk</label>
  107.                         <div class="col-sm-9">
  108.                             <select th:field="*{modelTerminal}" class="form-control">
  109.                                 <option value="-1">--Semua Tipe Produk--</option>
  110.                                 <option value="1">--Belom Diisi--</option>
  111.                                 <!--                                <option th:each="tipeProduk : ${listTipeProduk}"
  112.                                                                        th:value="${tipeProduk.idTipeProduk}"
  113.                                                                        th:text="${tipeProduk.namaTipeProduk}"/>-->
  114.                             </select>
  115.                         </div>
  116.  
  117.                     </div>
  118.  
  119.                     <div class="col-sm-16">
  120.                         <button type="submit" class="btn btn-primary pull-right">Cari</button>
  121.                     </div>
  122.                 </div>
  123.             </div>
  124.     </form>
  125. </div>
  126.  
  127. <div class="well">
  128.     <legend>Hasil Pencarian</legend>
  129.  
  130.     <table id="pksTable" dt:table="true" dt:url="@{/pks/listPks.json}"
  131.           dt:pipelining="true" dt:serverparams="'getFilterParams'" dt:paginationtype="bootstrap_full_numbers"
  132.           class="table table-striped table-hover table-bordered">
  133.  
  134.         <thead>
  135.         <tr>
  136.             <th dt:property="'namaMitra'" style="text-align:center;">Nama Mitra</th>
  137.             <th dt:property="'nomorPks'" style="text-align:center;">Nomor PKS</th>
  138.             <th dt:property="'tanggalAwalPks'" style="text-align:center;">Tanggal Awal PKS</th>
  139.             <th dt:property="'tanggalAkhirPks'" style="text-align:center;">Tanggal Akhir PKS</th>
  140.             <th dt:property="'tipeProduk'" style="text-align:center;">Tipe Produk</th>
  141.             <th dt:property="'modelTerminal'" style="text-align:center;">Model Terminalk</th>
  142.             <th dt:property="'jumlahTerminalDisepakati'" style="text-align:center;">Jumlah Terminal Disepakati</th>
  143.             <th dt:property="'jumlahSO'" style="text-align:center;">Jumlah SO</th>
  144.             <th dt:property="'jumlahTerminalTerealisasi'" style="text-align:center;">Jumlah Terminal Terealisasi</th>
  145.             <th dt:renderFunction="'operationRender'" dt:sortable="false" style="text-align:center;">Operation</th>
  146.         </tr>
  147.         </thead>
  148.     </table>
  149. </div>
  150. </body>
  151. </html>
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!