|
|
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"><head th:replace="~{fragments/modules/base/head :: head}"></head> <body> <!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]-->
<div class="wrapper"> <!-- header top menu Start --> <header th:replace="~{fragments/modules/base/header :: header}"></header> <!-- header top menu end -->
<div class="page-wrap"> <!--=============== Left Menu side Start ================--> <div th:replace="~{fragments/modules/base/menu :: menu}"></div> <!--=============== Left side End ================--> <div class="main-content"> <div class="container-fluid"> <div class="page-header"> <div class="row align-items-end"> <div class="col-lg-8"> <div class="page-header-title"> <i class="far fa-closed-captioning bg-blue"></i> <div class="d-inline"> <h5>PGR COMPLAINT Reopen Zone Wise</h5> <span>PGR COMPLAINT Reopen Zone Wise Reports list module</span> </div> </div> </div> <div class="col-lg-4"> <nav class="breadcrumb-container" aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"> <a href="/index"><i class="ik ik-home"></i></a> </li> <li class="breadcrumb-item">PGR Complaints</li> <li class="breadcrumb-item">User ID Wise Reports</li> <li class="breadcrumb-item active" aria-current="page">Reopen Zone Wise</li> </ol> </nav> </div> </div> </div> <hr> <div class="row"> <div class="col-md-12"> <div class="card"> <div class="card-block"> <form class="" action="" onsubmit="getReport()"> <div class="row">
<div class="col-md-6"> <label for="fromDate" class="">From Date</label> <input type="date" class="form-control" id="fromDate" name="sFrDate" th:value="${sFrDate}" data-date-format="dd/mm/yy" required> </div>
<div class="col-md-6"> <label for="toDate" class="">To Date</label> <input type="date" class="form-control" id="toDate" name="sToDate" th:value="${sToDate}" data-date-format="dd/mm/yy" required> </div> </div> <div class="col-md-12"> <label for="deptName">Select Department:</label> <select class="form-control text-center" name="DEPT_NAME" id="zone"> <option value="0">All Zone</option> <option value="NA-THIRUVOTTIYUR" th:selected="${DEPT_NAME=='NA-THIRUVOTTIYUR'}">NA-THIRUVOTTIYUR</option> <option value="NB-MANALI" th:selected="${DEPT_NAME=='NB-MANALI'}">NB-MANALI</option> <option value="NC-MADHAVARAM" th:selected="${DEPT_NAME=='NC-MADHAVARAM'}">NC-MADHAVARAM</option> <option value="ND-TONDIARPET" th:selected="${DEPT_NAME=='ND-TONDIARPET'}">ND-TONDIARPET</option> <option value="NE-ROYAPURAM" th:selected="${DEPT_NAME=='NE-ROYAPURAM'}">NE-ROYAPURAM</option> <option value="NF-THIRU-VI-KA NAGAR" th:selected="${DEPT_NAME=='NF-THIRU-VI-KA NAGAR'}">NF-THIRU-VI-KA NAGAR</option> <option value="NG-AMBATTUR" th:selected="${DEPT_NAME=='NG-AMBATTUR'}">NG-AMBATTUR</option> <option value="NH-ANNA NAGAR" th:selected="${DEPT_NAME=='NH-ANNA NAGAR'}">NH-ANNA NAGAR</option> <option value="NJ-TEYNAMPET" th:selected="${DEPT_NAME=='NJ-TEYNAMPET'}">NJ-TEYNAMPET</option> <option value="NK-KODAMBAKKAM" th:selected="${DEPT_NAME=='NK-KODAMBAKKAM'}">NK-KODAMBAKKAM</option> <option value="NL-VALASARAVAKKAM" th:selected="${DEPT_NAME=='NL-VALASARAVAKKAM'}">NL-VALASARAVAKKAM</option> <option value="NM-ALANDUR" th:selected="${DEPT_NAME=='NM-ALANDUR'}">NM-ALANDUR</option> <option value="NN-ADYAR" th:selected="${DEPT_NAME=='NN-ADYAR'}">NN-ADYAR</option> <option value="NP-PERUNGUDI" th:selected="${DEPT_NAME=='NP-PERUNGUDI'}">NP-PERUNGUDI</option> <option value="NQ-SHOZHINGANALLUR" th:selected="${DEPT_NAME=='NQ-SHOZHINGANALLUR'}">NQ-SHOZHINGANALLUR</option> <option value="S-Chief Engineer Office (SWD, BRR, SP)" th:selected="${DEPT_NAME=='S-Chief Engineer Office (SWD, BRR, SP)'}">S-Chief Engineer Office (SWD, BRR, SP)</option> <option value="SP-SPECIAL PROJECTS" th:selected="${DEPT_NAME=='SP-SPECIAL PROJECTS'}">SP-SPECIAL PROJECTS</option> </select> </div> <div class="col-md-6" style="display: flex; justify-content: space-between; align-items: center; margin-top:11px;"> <button type="submit" class=" btn btn-sm btn-primary btn-l">search</button> </div> </form> <br> <br> <div> <table id="assetDatatable" class="table table-striped table-bordered table-hover dataTable" role="grid" width="100%"> <thead class="thead-dark"> <tr role="row"> <th class="text-center no-sort" width="1%">S.No</th> <th class="text-center" width="10%">Department</th> <th class="text-center" width="10%">User Name</th> <th class="text-center" width="10%">Mobile Number</th> <th class="text-center" width="10%">Nos</th> </tr> </theadclass="thead-dark"> <tbody> <tr th:each="reopenzonewise, i : ${reopenzonewiselist}" class="zonewisereportlist"> <td th:text="${i.count}">0</td> <td class="text-center" th:text="${reopenzonewise.DEPT_NAME}"></td> <td class="text-center" th:text="${reopenzonewise.USER_NAME}"></td> <td th:text="${reopenzonewise.MOBILENO}"></td> <td><a th:href="@{'/pgr/reopenzonecomplaintlist/?Deptid=' + ${reopenzonewise.DEPTID} + '&PgrUserID=' + ${reopenzonewise.IDUSER} + '&nos=' + ${reopenzonewise.NOS}+ '&sFrDate=' + ${#strings.replace(sFrDate, '/', '%2F')} + '&sToDate=' + ${#strings.replace(sToDate, '/', '%2F')}}" target="_self" th:text="${reopenzonewise.NOS}" style="color: blue; text-decoration: underline;cursor:default;"> View details </a></td> </tr> <!--th:href="@{'/pgr/reopenzonecomplaintlist/?Deptid=' + ${reopenzonewise.DEPTID} + '&PgrUserID=' + ${reopenzonewise.IDUSER} + '&nos=' + ${reopenzonewise.NOS}}"
--> </tbody> <tfoot class="thead-dark"> <tr> <th class="text-center">S.No</th> <th class="text-center">Department</th> <th class="text-center">User Name</th> <th class="text-center">Mobile Number</th> <th class="text-center">Nos</th> </tr> </tfoot> </table> </div> </div> </div> </div> </div> </div> </div>
<footer th:replace="~{fragments/modules/base/footer :: footer}"></footer> </div> </div> <div th:replace="~{fragments/modules/base/app_module_menu_box :: div}"></div> <script th:replace="~{fragments/modules/base/script :: script}"></script> <script> $(document).ready(function() { // DataTables buttons configuration var buttons = [ { extend: 'pageLength', className: 'btn btn-warning' }, { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary', id: 'copyBtn' }, { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary', id: 'excelBtn' }, { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary', id: 'csvBtn' }, { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary', id: 'pdfBtn' }, // Additional button /* { text: '<i class="far fa-plus-square"></i> Add New Asset', className: 'btn btn-warning', action: function () { callAdd(); } } */ ]; $('#assetDatatable').DataTable( { dom: 'Bftip', columnDefs: [ { targets: 'no-sort', orderable: false } ], lengthMenu: [ [ 50, 100, 200, 500, -1 ], [ '50 rows', '100 rows', '200 rows','500 rows', 'Show all' ] ], scrollY: '50vh', fixedColumns: { left: 1, right: 1 }, buttons: [buttons], fixedHeader: true, autoWidth: true, responsive: true, searching: false, select: false, processing: false, } ); } ); function callAdd(){ $('#addForm').modal({ backdrop: 'static', keyboard: false }) $('#addForm').modal('show'); } </script> </body></html>
|
