|
|
<!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-6"> <div class="page-header-title"> <i class="fas fa-receipt 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-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">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%">Complaint No</th> <th class="text-center" width="10%">Department</th> <th class="text-center" width="10%">Complaint Type</th> <th class="text-center" width="10%">Complaint Date</th> <th class="text-center" width="10%">Complaint Details</th> <th class="text-center" width="10%">Person Name</th> <th class="text-center" width="10%">User Name</th> </tr> </theadclass="thead-dark"> <tbody> <tr th:each="mobageancomplaint, i : ${mobileageanalysiscomplaintlist}" class="mobileageanalysiscomplaintreportlists"> <td th:text="${i.count}">0</td> <td><a href="#" th:onclick="return callview([[${mobageancomplaint.COMPLAINTID}]]);" th:text="${mobageancomplaint.COMPLAINTNUMBER}" data-bs-toggle="tooltip" data-bs-animation="true" data-bs-placement="top" title="View complaint details" style="color: blue; text-decoration: underline;cursor:default;"><i class="far fa-bookmark" style="font-size: 18px; "></i></a></td> <td class="text-center" th:text="${mobageancomplaint.DEPT_NAME}"></td> <td class="text-center" th:text="${mobageancomplaint.COMPLAINTTITLE}"></td> <td th:text="${mobageancomplaint.COMPLAINTDATE}"></td> <td th:text="${mobageancomplaint.COMPLAINTDETAILS}"></td> <td th:text="${mobageancomplaint.COMPLAINANTFIRSTNAME}"></td> <td class="text-center" th:text="${mobageancomplaint.USER_NAME}"></td> </tr> </tbody> <tfoot class="thead-dark"> <tr> <th class="text-center">S.No</th> <th class="text-center">Complaint No</th> <th class="text-center">Department</th> <th class="text-center">Complaint Type</th> <th class="text-center">Complaint Date</th> <th class="text-center">Complaint Details</th> <th class="text-center">Person Name</th> <th class="text-center">User Name</th> </tr> </tfoot> </table> </div> </div> </div> </div> </div> </div> </div> ---------------------------------------------------------- <div class="modal fade" id="infoForm" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-xl modal-dialog-scrollable" role="document">
<div class="modal-content"> <div class="modal-header"> <h3 class="modal-title" id="exampleModalCenterLabel">Complaint Details</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <div class="modal-body"> <!-- <div id="modelbodyhtml">
<center>Loading...</center> </div> --> <div class="form-group row"> <label class="col-sm-12 col-form-label" for="comno">Complaint No:</label> <input type="text" class="form-control text-center" name="comno" id="comno" disabled /> </div> <div class="form-group row"> <label class="col-sm-12 col-form-label" for="dep">Department:</label> <input type="text" class="form-control text-center" name="dep" id="dep" disabled /> </div> <div class="form-group row"> <label class="col-sm-12 col-form-label" for="comtyp">Complaint Type:</label> <input type="text" class="form-control text-center" name="comtyp" id="comtyp" disabled /> </div> <div class="form-group row"> <label class="col-sm-12 col-form-label" for="comdat">Complaint Date</label> <input type="text" class="form-control text-center" name="comdat" id="comdat" disabled /> </div> <div class="form-group row"> <label class="col-sm-12 col-form-label" for="perna">Person Name:</label> <input type="text" class="form-control text-center" name="perna" id="perna" disabled /> </div>
<div class="form-group row"> <label class="col-sm-12 col-form-label" for="addr">Address:</label> <input type="text" class="form-control text-center" name="addr" id="addr" disabled /> </div> <div class="form-group row"> <label class="col-sm-12 col-form-label" for="pinco">Pin-code:</label> <input type="text" class="form-control text-center" name="pinco" id="pinco" disabled /> </div> <div class="form-group row"> <label class="col-sm-12 col-form-label" for="mobno">Mobile Number:</label> <input type="text" class="form-control text-center" name="mobno" id="mobno" disabled /> </div> <div class="form-group row"> <label class="col-sm-12 col-form-label" for="email">Email</label> <input type="text" class="form-control text-center" name="email" id="email" disabled /> </div> <div class="form-group row"> <label class="col-sm-12 col-form-label" for="comptit">Complaint Title:</label> <input type="text" class="form-control text-center" name="comptit" id=comptit disabled /> </div> <div class="form-group row"> <label class="col-sm-12 col-form-label" for="compldet">Complaint Details:</label><!-- <textarea type="text" class="form-control text-center" name="compldet" id="compldet" disabled />
--> <textarea class="form-control " name="compldet" id="compldet" disabled ></textarea> </div> <div class="form-group row"> <label class="col-sm-12 col-form-label" for="comlo">Complaint Location:</label> <textarea class="form-control " name="comlo" id="comlo" disabled ></textarea> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> <!-- </form> --> </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> function callview(COMPLAINTNUMBER){ alert(COMPLAINTNUMBER); $.ajax({ type: "GET", url: '/pgr/mobileageanalysiscomplaintdetail', data: { 'complaintno': COMPLAINTNUMBER }, success: function (data) { showcomplaintInfo(data); } }); return false; }
function showcomplaintInfo(mobileageanalysiscomplaint){ $('#infoForm').modal({ backdrop: 'static', keyboard: false }); console.log(mobileageanalysiscomplaint[0]["COMPLAINTTITLE"]); $("#comptit").val(mobileageanalysiscomplaint[0]["COMPLAINTTITLE"]); $("#email").val(mobileageanalysiscomplaint[0]["COMPLAINANTEMAIL"]); $("#comno").val(mobileageanalysiscomplaint[0]["COMPLAINTNUMBER"]); $("#dep").val(mobileageanalysiscomplaint[0]["DEPT_NAME"]); $("#comdat").val(mobileageanalysiscomplaint[0]["COMPLAINTDATE"]); $("#perna").val(mobileageanalysiscomplaint[0]["COMPLAINANTFIRSTNAME"]); $("#addr").val(mobileageanalysiscomplaint[0]["COMPLAINANTADDRESS"]); $("#mobno").val(mobileageanalysiscomplaint[0]["MOBILENUMBER"]); $("#pinco").val(mobileageanalysiscomplaint[0]["PINCODE"]); $("#compldet").val(mobileageanalysiscomplaint[0]["COMPLAINTDETAILS"]); $("#comlo").val(mobileageanalysiscomplaint[0]["COMPLAINTLOCATION"]); //$("#testmail").html(zonecomplaint[0]["COMPLAINANTEMAIL"]); //testmail /* document.getElementById("sno").value =zonecomplaint.i.count; document.getElementById("comno").value =zonecomplaint.COMPLAINTNUMBER; document.getElementById("dep").value =zonecomplaint.DEPT_NAME; document.getElementById("comtyp").value =zonecomplaint.COMPLAINTTITLE; document.getElementById("comdat").value =zonecomplaint.COMPLAINTDATE; document.getElementById("perna").value =zonecomplaint.COMPLAINANTFIRSTNAME; document.getElementById("addr").value =zonecomplaint.COMPLAINANTADDRESS; document.getElementById("pinco").value =zonecomplaint.PINCODE; document.getElementById("mobno").value =zonecomplaint.MOBILENUMBER; document.getElementById("comptit").value =zonecomplaint.COMPLAINANTEMAIL; document.getElementById("compldet").value =zonecomplaint.COMPLAINTDETAILS; document.getElementById("comlo").value =zonecomplaint.COMPLAINTLOCATION; */
$('#infoForm').modal('show'); return false; } $(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', title:'ZoneWise' }, // 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>
|
