|
|
<!DOCTYPE html><html lang="en" dir=""><html 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="fa fa-columns bg-blue"></i> <div class="d-inline"> <h5>PGR COMPLAINT Mobile AGE ANALYSIS</h5> <span>PGR COMPLAINT Mobile AGE ANALYSIS 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">Mobile AGE ANALYSIS</li> </ol> </nav> </div> </div> </div> <hr> <div class="row"> <div class="col-md-12"> <div class="card"> <div class="card-block"> <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="mobageanwise, i : ${mobileageanalysislist}" class="mobileageanalysislist"> <td th:text="${i.count}">0</td> <td class="text-center" th:text="${mobageanwise.DEPT_NAME}"></td> <td class="text-center" th:text="${mobageanwise.USER_NAME}"></td> <td class="text-center" th:text="${mobageanwise.MOBILENO}"></td> <td><a th:href="@{'/pgr/mobileageanalysiscomplaintlist/?Deptid=' + ${mobageanwise.DEPTID} + '&PgrUserID=' + ${mobageanwise.IDUSER} + '&nos=' + ${mobageanwise.NOS}}" target="_self" th:text="${mobageanwise.NOS}" style="color: blue; text-decoration: underline;cursor:default;"> View details </a></td> </tr> </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 class="modal fade" id="addForm" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalCenterLabel">Master Category Form</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <div class="modal-body"> <div class="form-group row"> <label for="catName" class="col-sm-12 col-form-label">Asset Category Name</label> <div class="col-sm-12"> <input type="text" class="form-control" name="catName" id="catName" placeholder="Category Name" required> </div> </div> <div class="form-group row"> <label for="isActive" class="col-sm-12 col-form-label">IsActive</label> <div class="col-sm-12"> <select class="form-control" id="isActive" name="isActive" > <option value=1>Yes</option> <option value=0>No</option> </select> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> <div class="modal fade" id="addForm2" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <form action="#" th:action="@{/saveCategory}" method="post"> <div class="block block-rounded block-themed block-transparent mb-0"> <div class="block-header bg-primary-dark"> <h3 class="block-title">Master Category Form</h3> <div class="block-options"> <button type="button" class="btn-block-option" data-bs-dismiss="modal" aria-label="Close"> <i class="fa fa-fw fa-times"></i> </button> </div> </div> <div class="block-content"> <div class="form-group row"> <label for="exampleInputUsername2" class="col-sm-3 col-form-label">Username</label> <div class="col-sm-9"> <input type="text" class="form-control" id="exampleInputUsername2" placeholder="Username"> </div> </div> <div class="form-group row"> <label for="exampleInputEmail2" class="col-sm-3 col-form-label">Email</label> <div class="col-sm-9"> <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Email"> </div> </div> <div class="row"> <div class="mb-3"> <label for="catName">Asset Category Name</label> <input type="text" class="form-control" name="catName" id="catName" placeholder="Category Name" required> <!--<small id="emailHelp" class="form-text text-muted">Set of assets grouped under this unique category</small>--> </div> <div class="mb-3"> <label class="form-check-label">IsActive</label> <select class="form-select" id="isActive" name="isActive" > <option value=1>Yes</option> <option value=0>No</option> </select> </div>
</div><!--end row--> </div><!--end modal-body--> </div> <div class="block-content block-content-full text-end bg-body"> <button type="button" class="btn btn-de-secondary btn-sm" data-bs-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary btn-sm">Save</button> </div><!--end modal-footer--> </form> </div><!--end modal-content--> </div><!--end modal-dialog--> </div><!--end modal--> <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>
|
