Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html
- xmlns:th="http://www.thymeleaf.org"
- xmlns:dt="http://github.com/dandelion/datatables">
- <head>
- </head>
- <body>
- <div class="well">
- <form th:action="@{/pks}" th:object="${pksSearchForm}" method="get"
- class="form-horizontal" role="form">
- <div class="row">
- <div class="col-sm-5">
- <div class="form-group">
- <label class="col-sm-4 control-label" th:for="idSeqPelanggan">Nama mitra </label>
- <div class="col-sm-8">
- <select th:field="*{idMitra}" class="form-control">
- <option value="-1">--Semua Mitra--</option>
- <option th:each="mitra : ${listMitra}"
- th:value="${mitra.idSeqPelanggan}"
- th:text="${mitra.namaPelanggan}"/>
- </select>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-4 control-label" th:for="nomorPks">Nomor PKS</label>
- <div class="col-sm-8">
- <input type="text" class="form-control" th:field="*{nomorPks}" placeholder="Nomor PKS"/>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-4 control-label" th:for="idTipeProduk">Tipe produk</label>
- <div class="col-sm-8">
- <select th:field="*{idTipeProduk}" class="form-control">
- <option value="-1">--Semua Tipe Produk--</option>
- <option th:each="tipeProduk : ${listTipeProduk}"
- th:value="${tipeProduk.idTipeProduk}"
- th:text="${tipeProduk.namaTipeProduk}"/>
- </select>
- </div>
- </div>
- </div>
- <div class="col-sm-7">
- <div class="form-group">
- <label class="col-sm-3 control-label" th:for="startTanggalAwalPks">Tanggal Awal</label>
- <div class="col-sm-4">
- <div class='input-group date datepicker' data-date-format="DD-MM-YYYY">
- <input type="text" class="form-control" th:field="*{startTanggalAwalPks}"
- placeholder="" name="startTanggalAwal" id="startTanggalAwal"/>
- <span class="input-group-addon">
- <span class="glyphicon glyphicon-calendar"></span>
- </span>
- </div>
- </div>
- <div class="col-sm-1 control-label">s.d.</div>
- <div class="col-sm-4">
- <div class='input-group date datepicker' data-date-format="DD-MM-YYYY">
- <input type="text" class="form-control" th:field="*{endTanggalAwalPks}"
- placeholder="" name="endTanggalAwal" id="endTanggalAwal"/>
- <span class="input-group-addon">
- <span class="glyphicon glyphicon-calendar"></span>
- </span>
- </div>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label" th:for="startTanggalAkhir">Tanggal Akhir</label>
- <div class="col-sm-4">
- <div class='input-group date datepicker' data-date-format="DD-MM-YYYY">
- <input type="text" class="form-control" th:field="*{startTanggalAkhirPks}"
- placeholder="" name="startTanggalAkhir" id="startTanggalAkhir"/>
- <span class="input-group-addon">
- <span class="glyphicon glyphicon-calendar"></span>
- </span>
- </div>
- </div>
- <div class="col-sm-1 control-label">s.d.</div>
- <div class="col-sm-4">
- <div class='input-group date datepicker' data-date-format="DD-MM-YYYY">
- <input type="text" class="form-control" th:field="*{endTanggalAkhirPks}"
- placeholder="" name="endTanggalAkhir" id="endTanggalAkhir"/>
- <span class="input-group-addon">
- <span class="glyphicon glyphicon-calendar"></span>
- </span>
- </div>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label" th:for="idModelTerminal">Tipe produk</label>
- <div class="col-sm-9">
- <select th:field="*{modelTerminal}" class="form-control">
- <option value="-1">--Semua Tipe Produk--</option>
- <option value="1">--Belom Diisi--</option>
- <!-- <option th:each="tipeProduk : ${listTipeProduk}"
- th:value="${tipeProduk.idTipeProduk}"
- th:text="${tipeProduk.namaTipeProduk}"/>-->
- </select>
- </div>
- </div>
- <div class="col-sm-16">
- <button type="submit" class="btn btn-primary pull-right">Cari</button>
- </div>
- </div>
- </div>
- </form>
- </div>
- <div class="well">
- <legend>Hasil Pencarian</legend>
- <table id="pksTable" dt:table="true" dt:url="@{/pks/listPks.json}"
- dt:pipelining="true" dt:serverparams="'getFilterParams'" dt:paginationtype="bootstrap_full_numbers"
- class="table table-striped table-hover table-bordered">
- <thead>
- <tr>
- <th dt:property="'namaMitra'" style="text-align:center;">Nama Mitra</th>
- <th dt:property="'nomorPks'" style="text-align:center;">Nomor PKS</th>
- <th dt:property="'tanggalAwalPks'" style="text-align:center;">Tanggal Awal PKS</th>
- <th dt:property="'tanggalAkhirPks'" style="text-align:center;">Tanggal Akhir PKS</th>
- <th dt:property="'tipeProduk'" style="text-align:center;">Tipe Produk</th>
- <th dt:property="'modelTerminal'" style="text-align:center;">Model Terminalk</th>
- <th dt:property="'jumlahTerminalDisepakati'" style="text-align:center;">Jumlah Terminal Disepakati</th>
- <th dt:property="'jumlahSO'" style="text-align:center;">Jumlah SO</th>
- <th dt:property="'jumlahTerminalTerealisasi'" style="text-align:center;">Jumlah Terminal Terealisasi</th>
- <th dt:renderFunction="'operationRender'" dt:sortable="false" style="text-align:center;">Operation</th>
- </tr>
- </thead>
- </table>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement