|
|
<!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-6"> <div class="page-header-title"> <i class="fa fa-users bg-blue"></i> <div class="d-inline"> <h5>User Group List</h5> <span>GCC Application Configuration</span> </div> </div> </div> <div class="col-lg-6"> <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">Admin </li> <li class="breadcrumb-item active" aria-current="page">User Group List</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 class="table-bordered"> <th class="text-center no-sort">S.No</th> <th class="text-center">Petition No.</th> <th class="text-center">Name</th> <th class="text-center">Mobile</th> <th class="text-center">Address</th> <th class="text-center">Postal code</th> <th class="text-center">Type of complaint</th> <th class="text-center" width="10%">Status</th> <th class="text-center" width="10%">Action</th> </tr> </thead> <tbody> <tr th:each="petition, i : ${petitionlist}" class="${petitionlist}"> <td th:utext="${i.count}">0</td> <td th:utext="${petition.petitionNumber}"></td> <td th:utext="${petition.petitionerName}" class="text-center"></td> <td th:text="${petition.petitionerMobile}"></td> <td th:utext="${petition.petitionerAddress}"></td> <td th:utext="${petition.petitionerPincode}"></td> <td th:text="${petition.PetitionerComplaint_txt}"></td> <td style="text-transform: capitalize;" class="text-center"><a href="#" th:onclick="return call_view_petition([[${petition.petitionNumber}]]);" th:utext="${petition.status}" class="text-warning"></a></td> <td class="text-center"> <a th:href="@{#}" th:onclick="return callViewFiles( [[${petition.petitionId}]],[[${petition.petitionNumber}]] );" data-toggle="tooltip" data-animation="true" data-placement="top" title="View Files" data-original-title="View Files"><i class="ik ik-file-text text-green" style="font-size: 18px;"></i></a> <a th:href="@{/petition-ack/{petitionNumber}(petitionNumber=${petition.petitionNumber})}" data-toggle="tooltip" data-animation="true" data-placement="top" title="View ACK" data-original-title="View ACK"> <i class="far fa-thumbs-up" style="font-size: 18px;"></i> </a> </td> </tr> </tbody> <tfoot class="thead-dark"> <tr> <th class="text-center no-sort">S.No</th> <th class="text-center">Petition No.</th> <th class="text-center">Name</th> <th class="text-center">Mobile</th> <th class="text-center">Address</th> <th class="text-center">Postal code</th> <th class="text-center">Type of complaint</th> <th class="text-center" width="10%">Status</th> <th class="text-center" width="10%">Action</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/mtm/modal-box :: div}"></div> <div th:replace="~{fragments/modules/base/app_module_menu_box :: div}"></div> <script th:replace="~{fragments/modules/base/script :: script}"></script> <script th:replace="~{fragments/modules/mtm/script :: script}"></script> <script th:inline="javascript"> //var qrAssetFeedbackApiUrl = "[[${qrAssetFeedbackApiUrl}]]"; $(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', title: 'Petition List' }, { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary', id: 'csvBtn', title: 'Petition List' }, { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary', id: 'pdfBtn', title: 'Petition List' } ]; $('#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], responsive: true, searching: false, select: false, processing: false, } ); } ); </script> </body></html>
|
