|
|
@ -49,6 +49,11 @@ |
|
|
.img-thumbnail { |
|
|
.img-thumbnail { |
|
|
border-radius: 8px; |
|
|
border-radius: 8px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#complaintModal label { |
|
|
|
|
|
font-size: 17px; |
|
|
|
|
|
font-weight: 600; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
|
|
|
|
|
<body> |
|
|
<body> |
|
|
@ -72,7 +77,7 @@ |
|
|
<div class="page-header-title"> |
|
|
<div class="page-header-title"> |
|
|
<i class="far fa-calendar-plus bg-blue"></i> |
|
|
<i class="far fa-calendar-plus bg-blue"></i> |
|
|
<div class="d-inline"> |
|
|
<div class="d-inline"> |
|
|
<h5>Reports</h5> |
|
|
|
|
|
|
|
|
<h5>Tree Pruning Reports</h5> |
|
|
<span>Green Committee</span> |
|
|
<span>Green Committee</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -83,7 +88,7 @@ |
|
|
<li class="breadcrumb-item"><a href="/gcc/index"><i class="ik ik-home"></i></a> |
|
|
<li class="breadcrumb-item"><a href="/gcc/index"><i class="ik ik-home"></i></a> |
|
|
</li> |
|
|
</li> |
|
|
<li class="breadcrumb-item" aria-current="page">Green Committee</li> |
|
|
<li class="breadcrumb-item" aria-current="page">Green Committee</li> |
|
|
<li class="breadcrumb-item active" aria-current="page">Reports</li> |
|
|
|
|
|
|
|
|
<li class="breadcrumb-item active" aria-current="page">Tree Pruning Reports</li> |
|
|
</ol> |
|
|
</ol> |
|
|
</nav> |
|
|
</nav> |
|
|
</div> |
|
|
</div> |
|
|
@ -203,248 +208,252 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- Complaint Details Modal --> |
|
|
|
|
|
<div class="modal fade" id="complaintModal" tabindex="-1"> |
|
|
|
|
|
<div class="modal-dialog modal-xl modal-dialog-scrollable"> |
|
|
|
|
|
<div class="modal-content"> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Header --> |
|
|
|
|
|
<div class="modal-header bg-dark text-white"> |
|
|
|
|
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
<h4 class="mb-0"> |
|
|
|
|
|
Complaint Details - |
|
|
|
|
|
<span id="complaintNo"></span> |
|
|
|
|
|
</h4> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<span id="complaintStatus" class="badge badge-warning ml-3" |
|
|
|
|
|
style="font-size:14px;height:28px;line-height:20px;"> |
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
|
|
|
|
<button type="button" class="close text-white" data-dismiss="modal"> |
|
|
|
|
|
× |
|
|
|
|
|
</button> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- Complaint Details Modal --> |
|
|
|
|
|
<div class="modal fade" id="complaintModal" tabindex="-1"> |
|
|
|
|
|
<div class="modal-dialog modal-xl modal-dialog-scrollable"> |
|
|
|
|
|
<div class="modal-content"> |
|
|
|
|
|
|
|
|
<div class="modal-body"> |
|
|
|
|
|
|
|
|
<!-- Header --> |
|
|
|
|
|
<div class="modal-header bg-dark text-white"> |
|
|
|
|
|
|
|
|
<!-- ================= COMPLAINT ================= --> |
|
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
<h4 class="mb-0"> |
|
|
|
|
|
Complaint Details - |
|
|
|
|
|
<span id="complaintNo"></span> |
|
|
|
|
|
</h4> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<h6 class="section-title">COMPLAINT</h6> |
|
|
|
|
|
<hr> |
|
|
|
|
|
|
|
|
<span id="complaintStatus" class="badge badge-warning ml-3" |
|
|
|
|
|
style="font-size:14px;height:28px;line-height:20px;"> |
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
|
|
|
<button type="button" class="close text-white" data-dismiss="modal"> |
|
|
|
|
|
× |
|
|
|
|
|
</button> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Complaint Type</label> |
|
|
|
|
|
<p id="complaintType"></p> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Mode</label> |
|
|
|
|
|
<p id="mode"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="modal-body"> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Department</label> |
|
|
|
|
|
<p id="department"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- ================= COMPLAINT ================= --> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>SLA</label> |
|
|
|
|
|
<p id="sla"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<h6 class="section-title">COMPLAINT</h6> |
|
|
|
|
|
<hr> |
|
|
|
|
|
|
|
|
<div class="col-md-12"> |
|
|
|
|
|
<label>Remarks</label> |
|
|
|
|
|
<p id="remarks"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- ================= CUSTOMER ================= --> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Complaint Type</label> |
|
|
|
|
|
<p id="complaintType"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<h6 class="section-title mt-4">CUSTOMER</h6> |
|
|
|
|
|
<hr> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Mode</label> |
|
|
|
|
|
<p id="mode"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Department</label> |
|
|
|
|
|
<p id="department"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Name</label> |
|
|
|
|
|
<p id="personName"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>SLA</label> |
|
|
|
|
|
<p id="sla"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Mobile</label> |
|
|
|
|
|
<p id="mobile"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-12"> |
|
|
|
|
|
<label>Remarks</label> |
|
|
|
|
|
<p id="remarks"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- ================= LOCATION ================= --> |
|
|
|
|
|
|
|
|
<!-- ================= CUSTOMER ================= --> |
|
|
|
|
|
|
|
|
<h6 class="section-title mt-4">LOCATION</h6> |
|
|
|
|
|
<hr> |
|
|
|
|
|
|
|
|
<h6 class="section-title mt-4">CUSTOMER</h6> |
|
|
|
|
|
<hr> |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Zone</label> |
|
|
|
|
|
<p id="zone"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Name</label> |
|
|
|
|
|
<p id="personName"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Division / Ward</label> |
|
|
|
|
|
<p id="ward"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Mobile</label> |
|
|
|
|
|
<p id="mobile"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Area</label> |
|
|
|
|
|
<p id="area"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Street</label> |
|
|
|
|
|
<p id="street"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- ================= LOCATION ================= --> |
|
|
|
|
|
|
|
|
<div class="col-md-12"> |
|
|
|
|
|
<label>Landmark</label> |
|
|
|
|
|
<p id="landmark"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<h6 class="section-title mt-4">LOCATION</h6> |
|
|
|
|
|
<hr> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
|
|
|
<!-- ================= OFFICIAL ================= --> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Zone</label> |
|
|
|
|
|
<p id="zone"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<h6 class="section-title mt-4">OFFICIAL</h6> |
|
|
|
|
|
<hr> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Division / Ward</label> |
|
|
|
|
|
<p id="ward"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Area</label> |
|
|
|
|
|
<p id="area"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Name</label> |
|
|
|
|
|
<p id="officialName"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Street</label> |
|
|
|
|
|
<p id="street"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Mobile</label> |
|
|
|
|
|
<p id="officialMobile"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-12"> |
|
|
|
|
|
<label>Landmark</label> |
|
|
|
|
|
<p id="landmark"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-12"> |
|
|
|
|
|
<label>Response</label> |
|
|
|
|
|
<p id="officialResponse"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- ================= OFFICIAL ================= --> |
|
|
|
|
|
|
|
|
<!-- ================= TIMELINE ================= --> |
|
|
|
|
|
|
|
|
<h6 class="section-title mt-4">OFFICIAL</h6> |
|
|
|
|
|
<hr> |
|
|
|
|
|
|
|
|
<h6 class="section-title mt-4">TIMELINE</h6> |
|
|
|
|
|
<hr> |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Name</label> |
|
|
|
|
|
<p id="officialName"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Opened</label> |
|
|
|
|
|
<p id="openedDate"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Mobile</label> |
|
|
|
|
|
<p id="officialMobile"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Closed</label> |
|
|
|
|
|
<p id="closedDate"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-12"> |
|
|
|
|
|
<label>Response</label> |
|
|
|
|
|
<p id="officialResponse"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Reopen Date</label> |
|
|
|
|
|
<p id="reopenDate"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Final Closed</label> |
|
|
|
|
|
<p id="finalClosedDate"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- ================= TIMELINE ================= --> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<h6 class="section-title mt-4">TIMELINE</h6> |
|
|
|
|
|
<hr> |
|
|
|
|
|
|
|
|
<!-- ================= IMAGES ================= --> |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
|
|
|
<h6 class="section-title mt-4">IMAGES</h6> |
|
|
|
|
|
<hr> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Opened</label> |
|
|
|
|
|
<p id="openedDate"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Closed</label> |
|
|
|
|
|
<p id="closedDate"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-6 text-center"> |
|
|
|
|
|
<label>Before (Citizen)</label> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Reopen Date</label> |
|
|
|
|
|
<p id="reopenDate"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<img id="citizenImg" class="img-thumbnail" |
|
|
|
|
|
style="width:100%;height:220px;object-fit:cover;display:none;"> |
|
|
|
|
|
|
|
|
<div class="col-md-6"> |
|
|
|
|
|
<label>Final Closed</label> |
|
|
|
|
|
<p id="finalClosedDate"></p> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="citizenNoImage" class="border p-5 mt-2 text-muted"> |
|
|
|
|
|
No Image Available |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-6 text-center"> |
|
|
|
|
|
<label>After (Official)</label> |
|
|
|
|
|
|
|
|
<!-- ================= IMAGES ================= --> |
|
|
|
|
|
|
|
|
|
|
|
<h6 class="section-title mt-4">IMAGES</h6> |
|
|
|
|
|
<hr> |
|
|
|
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
|
|
|
|
|
|
<div class="col-md-6 text-center"> |
|
|
|
|
|
<label><b style="font-size:18px;">Before Image</b> </label> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <img id="citizenImg" class="img-thumbnail" |
|
|
|
|
|
style="width:100%;height:220px;object-fit:cover;display:none;">--> |
|
|
|
|
|
<img id="citizenImg" class="img-thumbnail preview-img" |
|
|
|
|
|
style="width:100%; height:auto; display:none; cursor:pointer;"> |
|
|
|
|
|
|
|
|
|
|
|
<div id="citizenNoImage" class="border p-5 mt-2 text-muted"> |
|
|
|
|
|
No Image Available |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<img id="officialImg" class="img-thumbnail" |
|
|
|
|
|
style="width:100%;height:220px;object-fit:cover;display:none;"> |
|
|
|
|
|
|
|
|
<div class="col-md-6 text-center"> |
|
|
|
|
|
<label><b style="font-size:18px;">After Image</b></label> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <img id="officialImg" class="img-thumbnail" |
|
|
|
|
|
style="width:100%;height:220px;object-fit:cover;display:none;">--> |
|
|
|
|
|
<img id="officialImg" class="img-thumbnail preview-img" |
|
|
|
|
|
style="width:100%; height:auto; display:none; cursor:pointer;"> |
|
|
|
|
|
|
|
|
|
|
|
<div id="officialNoImage" class="border p-5 mt-2 text-muted"> |
|
|
|
|
|
No Image Available |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="officialNoImage" class="border p-5 mt-2 text-muted"> |
|
|
|
|
|
No Image Available |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="modal fade" id="imageModal" tabindex="-1"> |
|
|
|
|
|
<div class="modal-dialog modal-dialog-centered modal-lg"> |
|
|
|
|
|
<div class="modal-content"> |
|
|
|
|
|
|
|
|
<div class="modal fade" id="imageModal" tabindex="-1"> |
|
|
|
|
|
<div class="modal-dialog modal-dialog-centered modal-lg"> |
|
|
|
|
|
<div class="modal-content"> |
|
|
|
|
|
|
|
|
<div class="modal-header"> |
|
|
|
|
|
<h5 class="modal-title">Image Preview</h5> |
|
|
|
|
|
|
|
|
<div class="modal-header"> |
|
|
|
|
|
<h5 class="modal-title">Image Preview</h5> |
|
|
|
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal"> |
|
|
|
|
|
× |
|
|
|
|
|
</button> |
|
|
|
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal"> |
|
|
|
|
|
× |
|
|
|
|
|
</button> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="modal-body text-center"> |
|
|
|
|
|
|
|
|
<div class="modal-body text-center"> |
|
|
|
|
|
|
|
|
<img id="modalImage" src="" class="img-fluid" style="max-height:80vh;"> |
|
|
|
|
|
|
|
|
<img id="modalImage" src="" class="img-fluid" style="max-height:80vh;"> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="pageLoader" |
|
|
|
|
|
style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 9999; text-align: center;"> |
|
|
|
|
|
<div style="position: relative; top: 50%; transform: translateY(-50%);"> |
|
|
|
|
|
<div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;"> |
|
|
|
|
|
<span class="sr-only">Loading...</span> |
|
|
|
|
|
|
|
|
<div id="pageLoader" |
|
|
|
|
|
style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 9999; text-align: center;"> |
|
|
|
|
|
<div style="position: relative; top: 50%; transform: translateY(-50%);"> |
|
|
|
|
|
<div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;"> |
|
|
|
|
|
<span class="sr-only">Loading...</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- Add the 'Please wait' text below the spinner --> |
|
|
|
|
|
<p style="margin-top: 1rem; font-size: 1.2rem; color: #007bff;">Please wait...</p> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- Add the 'Please wait' text below the spinner --> |
|
|
|
|
|
<p style="margin-top: 1rem; font-size: 1.2rem; color: #007bff;">Please wait...</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<footer th:replace="~{fragments/modules/base/footer :: footer}"></footer> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<footer th:replace="~{fragments/modules/base/footer :: footer}"></footer> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
@ -699,6 +708,7 @@ |
|
|
$("#citizenImg") |
|
|
$("#citizenImg") |
|
|
.attr("src", data.userimages[0].Comp_Image) |
|
|
.attr("src", data.userimages[0].Comp_Image) |
|
|
.addClass("preview-img") |
|
|
.addClass("preview-img") |
|
|
|
|
|
|
|
|
.css("cursor", "pointer") |
|
|
.css("cursor", "pointer") |
|
|
.show(); |
|
|
.show(); |
|
|
|
|
|
|
|
|
@ -710,13 +720,54 @@ |
|
|
$("#citizenNoImage").show(); |
|
|
$("#citizenNoImage").show(); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
if (data.empimages && |
|
|
|
|
|
data.empimages.length > 0 && |
|
|
|
|
|
data.empimages[0].Comp_Image && |
|
|
|
|
|
data.empimages[0].Comp_Image !== "null") { |
|
|
|
|
|
|
|
|
/* if (data.empimages && |
|
|
|
|
|
data.empimages.length > 0 && |
|
|
|
|
|
data.empimages[0].Comp_Image && |
|
|
|
|
|
data.empimages[0].Comp_Image !== "null") { |
|
|
|
|
|
|
|
|
|
|
|
$("#officialImg") |
|
|
|
|
|
.attr("src", data.empimages[0].Comp_Image) |
|
|
|
|
|
.addClass("preview-img") |
|
|
|
|
|
.css("cursor", "pointer") |
|
|
|
|
|
.show(); |
|
|
|
|
|
|
|
|
|
|
|
$("#officialNoImage").hide(); |
|
|
|
|
|
|
|
|
|
|
|
} else { |
|
|
|
|
|
|
|
|
|
|
|
$("#officialImg").hide(); |
|
|
|
|
|
$("#officialNoImage").show(); |
|
|
|
|
|
}*/ |
|
|
|
|
|
let officerImage = null; |
|
|
|
|
|
let latestDate = null; |
|
|
|
|
|
|
|
|
|
|
|
if (data.Comments && data.Comments.length > 0) { |
|
|
|
|
|
|
|
|
|
|
|
data.Comments.forEach(function (comment) { |
|
|
|
|
|
|
|
|
|
|
|
// Only Park users |
|
|
|
|
|
if (comment.user && |
|
|
|
|
|
comment.user.startsWith("Park") && |
|
|
|
|
|
comment.userimages && |
|
|
|
|
|
comment.userimages.length > 0 && |
|
|
|
|
|
comment.userimages[0].Comp_Image && |
|
|
|
|
|
comment.userimages[0].Comp_Image !== "null") { |
|
|
|
|
|
|
|
|
|
|
|
let currentDate = new Date(comment.comment_date); |
|
|
|
|
|
|
|
|
|
|
|
if (latestDate == null || currentDate > latestDate) { |
|
|
|
|
|
latestDate = currentDate; |
|
|
|
|
|
officerImage = comment.userimages[0].Comp_Image; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (officerImage) { |
|
|
|
|
|
|
|
|
$("#officialImg") |
|
|
$("#officialImg") |
|
|
.attr("src", data.empimages[0].Comp_Image) |
|
|
|
|
|
|
|
|
.attr("src", officerImage) |
|
|
.addClass("preview-img") |
|
|
.addClass("preview-img") |
|
|
.css("cursor", "pointer") |
|
|
.css("cursor", "pointer") |
|
|
.show(); |
|
|
.show(); |
|
|
@ -804,15 +855,57 @@ |
|
|
{ data: "Address" }, |
|
|
{ data: "Address" }, |
|
|
{ data: "Complaint Mode" }, |
|
|
{ data: "Complaint Mode" }, |
|
|
{ data: "Complaint Opened Date" }, |
|
|
{ data: "Complaint Opened Date" }, |
|
|
|
|
|
/* { |
|
|
|
|
|
data: null, |
|
|
|
|
|
render: function (data, type, row) { |
|
|
|
|
|
|
|
|
|
|
|
let status = (row["Current Status"] || "").trim().toLowerCase(); |
|
|
|
|
|
|
|
|
|
|
|
let badgeClass = "badge-secondary"; |
|
|
|
|
|
|
|
|
|
|
|
if (status === "closed") { |
|
|
|
|
|
badgeClass = "badge-success"; |
|
|
|
|
|
} else if (status === "processing" || status === "redressed") { |
|
|
|
|
|
badgeClass = "badge-warning"; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
return ` |
|
|
|
|
|
<span class="badge ${badgeClass}"> |
|
|
|
|
|
${row["Current Status"]} |
|
|
|
|
|
</span> |
|
|
|
|
|
<br> |
|
|
|
|
|
<small>${row["complaintcurrentstatus"] || "-"}</small> |
|
|
|
|
|
`; |
|
|
|
|
|
} |
|
|
|
|
|
},*/ |
|
|
{ |
|
|
{ |
|
|
data: "Current Status", |
|
|
|
|
|
render: function (data) { |
|
|
|
|
|
if (data === "Completed") { |
|
|
|
|
|
return '<span class="badge badge-success">Completed</span>'; |
|
|
|
|
|
|
|
|
data: null, |
|
|
|
|
|
render: function (data, type, row) { |
|
|
|
|
|
console.log(row["Current Status"]); |
|
|
|
|
|
|
|
|
|
|
|
let badge = ""; |
|
|
|
|
|
|
|
|
|
|
|
if (row["Current Status"] === "Completed" || row["Current Status"] === "Closed") { |
|
|
|
|
|
badge = '<span class="badge badge-success">Completed</span>'; |
|
|
|
|
|
} else { |
|
|
|
|
|
badge = '<span class="badge badge-warning">Processing</span>'; |
|
|
} |
|
|
} |
|
|
return '<span class="badge badge-warning">Processing</span>'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return badge + |
|
|
|
|
|
'<br><small>' + |
|
|
|
|
|
(row["complaintcurrentstatus"] || "-") + |
|
|
|
|
|
'</small>'; |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
/* { |
|
|
|
|
|
data: "Current Status", |
|
|
|
|
|
render: function (data) { |
|
|
|
|
|
if (data === "Completed") { |
|
|
|
|
|
return '<span class="badge badge-success">Completed</span>'; |
|
|
|
|
|
} |
|
|
|
|
|
return '<span class="badge badge-warning">Processing</span>'; |
|
|
|
|
|
} |
|
|
|
|
|
},*/ |
|
|
{ |
|
|
{ |
|
|
data: null, |
|
|
data: null, |
|
|
className: "text-center", |
|
|
className: "text-center", |
|
|
|