|
|
<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><meta charset="UTF-8"><head th:replace="~{fragments/modules/base/head :: head}"></head><body>
<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="fa fa-list-alt bg-blue"></i> <div class="d-inline"> <h5>PGR COMPLAINT QA/QC</h5> <span>PGR COMPLAINT QA/QC 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">QA/QC Reports</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"> <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"> <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 class="col-md-3" style="display: flex; justify-content: space-between; align-items: center; margin-top: 25px;"> <button type="submit" style="width: 100%; height: auto;" class=" btn btn-sm btn-primary btn-l">search</button> </div> </div> </form> <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%">Complaint Number</th> <th class="text-center" width="10%">Department</th> <th class="text-center" width="10%">Complaint Type Name</th> <th class="text-center" width="10%">Complaint Date</th> <th class="text-center" width="10%">Time</th> <th class="text-center" width="10%">Complaint Details</th> <th class="text-center" width="10%">Complaint Name</th> <th class="text-center" width="10%">Complaint Mobile Number</th> <th class="text-center" width="10%">Official Name</th> <th class="text-center" width="10%">Official Mobile Number</th> <th class="text-center" width="10%">Completion Date</th> <th class="text-center" width="10%">Status</th> </tr> </theadclass="thead-dark"> <tbody> <tr th:each="qaqc, i : ${qaqclist}" class="qaqcreportlist"> <td th:text="${i.count}">0</td> <td class="text-center" th:text="${qaqc.COMPLAINTNUMBER }"></td> <td class="text-center" th:text="${qaqc.DEPT_NAME }"></td> <td class="text-center" th:text="${qaqc.COMPLAINTTYPENAME}"></td> <td th:text="${qaqc.COMPLAINTDATE}"></td> <td th:text="${qaqc.COMPLAINTTIME}"></td> <td th:text="${qaqc.COMPLAINTDETAILS}"></td> <td th:text="${qaqc.COMPLAINANTFIRSTNAME}"></td> <td th:text="${qaqc.COMPLAINANTMOBILENUMBER}"></td> <td th:text="${qaqc.USER_NAME}"></td> <td th:text="${qaqc.MOBILE_NUMBER}"></td> <td th:text="${qaqc.COMPLAINTCOMPLETIONDATE}"></td> <td th:text="${qaqc.STATUS}"></td> </tr> </tbody> <tfoot class="thead-dark"> <tr> <th class="text-center">S.No</th> <th class="text-center">Complaint Number</th> <th class="text-center">Department</th> <th class="text-center">Complaint Type Name</th> <th class="text-center">Complaint Date</th> <th class="text-center">Time</th> <th class="text-center">Complaint Details</th> <th class="text-center">Complaint Name</th> <th class="text-center">Complaint Mobile Number</th> <th class="text-center">Official Name</th> <th class="text-center">Official Mobile Number</th> <th class="text-center">Completion Date</th> <th class="text-center">Status</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'); } function getReport(){ alert("Wait for response to load data...") let sFrDate = document.getElementById("fromdate").value; let sToDate = document.getElementById("todate").value; window.location.href='/qaqc?sFrDate='+sFrDate+'&sToDate='+sToDate; } </script></body></html>
|
