@ -2,11 +2,7 @@
< 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]-->
< body >
< div class = "wrapper" >
<!-- header top menu Start -->
< header th:replace = "~{fragments/modules/base/header :: header}" > < / header >
@ -32,12 +28,12 @@
< 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" > < 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" > AGE ANALYSIS< / li >
< li class = "breadcrumb-item active" aria-current = "page" > AGE
ANALYSIS< / li >
< / ol >
< / nav >
< / div >
@ -54,79 +50,56 @@
< form class = "" action = "" onsubmit = "getReport()" >
< div class = "row" >
< div class = "col-md-6" >
< 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 class = "col-md-3" >
< 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-md-6 " >
< div class = "col-md-3 " >
< 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 >
type="date" class="form-control" id="toDate" name="sToDate"
th:value="${sToDate}" data-date-format="dd/mm/yy" required>
< / div >
< div class = "col-md-12" >
< label for = "deptName" > Select Department:< / label > < select
class="form-control text-center" name="DEPT_NAME" id="zone">
< option value = "0" > All Zone< / option >
< option value = "NA-THIRUVOTTIYUR"
th:selected="${DEPT_NAME=='NA-THIRUVOTTIYUR'}">NA-THIRUVOTTIYUR< / option >
< option value = "NB-MANALI"
th:selected="${DEPT_NAME=='NB-MANALI'}">NB-MANALI< / option >
< option value = "NC-MADHAVARAM"
th:selected="${DEPT_NAME=='NC-MADHAVARAM'}">NC-MADHAVARAM< / option >
< option value = "ND-TONDIARPET"
th:selected="${DEPT_NAME=='ND-TONDIARPET'}">ND-TONDIARPET< / option >
< option value = "NE-ROYAPURAM"
th:selected="${DEPT_NAME=='NE-ROYAPURAM'}">NE-ROYAPURAM< / option >
< option value = "NF-THIRU-VI-KA NAGAR"
th:selected="${DEPT_NAME=='NF-THIRU-VI-KA NAGAR'}">NF-THIRU-VI-KA
NAGAR< / option >
< option value = "NG-AMBATTUR"
th:selected="${DEPT_NAME=='NG-AMBATTUR'}">NG-AMBATTUR< / option >
< option value = "NH-ANNA NAGAR"
th:selected="${DEPT_NAME=='NH-ANNA NAGAR'}">NH-ANNA
NAGAR< / option >
< option value = "NJ-TEYNAMPET"
th:selected="${DEPT_NAME=='NJ-TEYNAMPET'}">NJ-TEYNAMPET< / option >
< option value = "NK-KODAMBAKKAM"
th:selected="${DEPT_NAME=='NK-KODAMBAKKAM'}">NK-KODAMBAKKAM< / option >
< option value = "NL-VALASARAVAKKAM"
th:selected="${DEPT_NAME=='NL-VALASARAVAKKAM'}">NL-VALASARAVAKKAM< / option >
< option value = "NM-ALANDUR"
th:selected="${DEPT_NAME=='NM-ALANDUR'}">NM-ALANDUR< / option >
< option value = "NN-ADYAR" th:selected = "${DEPT_NAME=='NN-ADYAR'}" > NN-ADYAR< / option >
< option value = "NP-PERUNGUDI"
th:selected="${DEPT_NAME=='NP-PERUNGUDI'}">NP-PERUNGUDI< / option >
< option value = "NQ-SHOZHINGANALLUR"
th:selected="${DEPT_NAME=='NQ-SHOZHINGANALLUR'}">NQ-SHOZHINGANALLUR< / option >
< option value = "S-Chief Engineer Office (SWD, BRR, SP)"
th:selected="${DEPT_NAME=='S-Chief Engineer Office (SWD, BRR, SP)'}">S-Chief
Engineer Office (SWD, BRR, SP)< / option >
< option value = "SP-SPECIAL PROJECTS"
th:selected="${DEPT_NAME=='SP-SPECIAL PROJECTS'}">SP-SPECIAL
PROJECTS< / option >
< div class = "col-md-3" >
< label for = "DepartmentDropdown" > Select Department:< / label > < select
class="form-control" name="DEPT_NAME" id="zone">
< option value = '0' th:selected = "${DEPT_NAME == 0}" > ----
All ----< / option >
< option th:each = "complaintdepartment : ${complaintdept}"
th:value="${complaintdepartment.name}"
th:text="${complaintdepartment.name}"
th:selected="${DEPT_NAME == complaintdepartment.name}">< / option >
< / select >
<!-- <div style="display: flex; justify - content: space - between; align - items: center; margin - top:11px;">
< button type = "submit" class = "btn btn-sm btn-primary" > Submit< / button >
< / div > -->
< / div >
< div class = "col-md-6" style = "display: flex; justify-content: space-between; align-items: center; margin-top:11px;" >
< button type = "submit" class = " btn btn-sm btn-primary btn-l" > search< / button >
< / div >
< / form >
< br >
< br >
< div class = "col-md-3"
style="display: flex; justify-content: space-between; align-items: center; margin-top: 25px;">
< button type = "submit" style = "height: auto; width: 100%;"
class="btn btn-primary">Search< / button >
< / div >
< / div >
< / form >
< br > < br >
< div >
< table id = "assetDatatable" class = "table table-striped table-bordered table-hover dataTable" role = "grid" width = "100%" >
< 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 >
@ -137,16 +110,17 @@
< / tr >
< /theadclass="thead-dark">
< tbody >
< tr th:each = "ageanwise, i : ${ageanalysislist}" class = "ageanalysisreportlist" >
< tr th:each = "ageanwise, i : ${ageanalysislist}"
class="ageanalysisreportlist">
< td th:text = "${i.count}" > 0< / td >
< td class = "text-center" th:text = "${ageanwise.DEPT_NAME}" > < / td >
< td class = "text-center" th:text = "${ageanwise.USER_NAME}" > < / td >
< td class = "text-center" th:text = "${ageanwise.MOBILENO}" > < / td >
< td > < a
< td style = "text-align: center;" > < a
th:href="@{'/pgr/ageanalysiscomplaintslist/?Deptid=' + ${ageanwise.DEPTID} + '& PgrUserID=' + ${ageanwise.IDUSER} + '& nos=' + ${ageanwise.NOS}+ '& sFrDate=' + ${#strings.replace(sFrDate, '/', '%2F')} + '& sToDate=' + ${#strings.replace(sToDate, '/', '%2F')}}"
target="_self " th:text="${ageanwise.NOS}"
style="color: blue; text-decoration: underline;cursor:default;"> View
details < / a > < / td >
target="_blank " th:text="${ageanwise.NOS}"
style="color: blue; text-decoration: underline; cursor: default;">
View details < / a > < / td >
< / tr >
< / tbody >
< tfoot class = "thead-dark" >
@ -179,6 +153,24 @@
< script th:replace = "~{fragments/modules/base/script :: script}" > < / script >
< script >
$(document).ready(function () {
$.ajax({
url: '/pgr/useridwisereport/ageanalysis', // Change this URL to your endpoint
type: 'GET',
success: function (data) {
var dropdown = $('#DepartmentDropdown')
$.each(data, function (index, complaintdepartment) {
dropdown.append($('< option > < / option > ').attr('value', complaintdepartment.id).text(complaintdepartment.name));
});
},
error: function () {
alert('Error loading departments.');
}
});
});
$(document).ready(function() {
// DataTables buttons configuration
@ -254,5 +246,5 @@
$('#addForm').modal('show');
}
< / script >
< / body >
< / body >
< / html >
