1 changed files with 0 additions and 421 deletions
@ -1,421 +0,0 @@ |
|||
<!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> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue