balaji
/
GCC_Officer_Portal
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
This portal only for GCC Officers. Based on there roles and Group ID they can view there module`s Like PGR, QR Public Asset Feedback, Makkalai Thedi Mayor,etc...
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 Commits
2 Branches
0 Tags
289 MiB
Tree: 896d4a20d3
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '896d4a20d3'
${ noResults }
GCC_Officer_Portal/target/classes/templates/modules/callcenterqaqc/qaqcgrievancedashboard.html

1049 lines
46 KiB
Raw Normal View History

New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. <!DOCTYPE html>
  2. <html lang="en" dir="">
  3. <html xmlns:th="http://www.thymeleaf.org">
  4. <head th:replace="~{fragments/modules/base/head :: head}"></head>
  5. <style>
  6. .boxcard {
  7. height: 100px;
  8. border-radius: 20px;
  9. }
  10. .boxcard1 {
  11. height: 200px;
  12. border-radius: 20px;
  13. box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;
  14. }
  16. .required{
  17. color: red;
  18. }
  19. /* Mobile screens - targeting devices with a max width of 767px */
  20. @media (max-width: 767px)
  21. {
  22. #qaqcRequestForm label{
  23. margin-top: 10px;
  24. }
  26. }
  28. .card-box {
  29. border-radius: 20px;
  30. box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;
  31. }
  33. .bg-grey-inline-text {
  34. padding:2px 2px;
  35. background-color: #e6e6e6;
  36. border-radius: 4px;
  37. }
  39. #closedCard {
  40. transition: transform 0.2s ease; /* Smooth scaling transition */
  41. cursor: pointer; /* Default cursor change */
  42. }
  44. #closedCard:hover {
  45. transform: scale(1.05); /* Slightly scale up on hover */
  46. cursor: pointer; /* Change cursor to hand symbol */
  47. }
  49. #inProgressCard {
  50. transition: transform 0.2s ease; /* Smooth scaling transition */
  51. cursor: pointer; /* Default cursor change */
  52. }
  54. #inProgressCard:hover {
  55. transform: scale(1.05); /* Slightly scale up on hover */
  56. cursor: pointer; /* Change cursor to hand symbol */
  57. }
  59. #redressedCard {
  60. transition: transform 0.2s ease; /* Smooth scaling transition */
  61. cursor: pointer; /* Default cursor change */
  62. }
  64. #redressedCard:hover {
  65. transform: scale(1.05); /* Slightly scale up on hover */
  66. cursor: pointer; /* Change cursor to hand symbol */
  67. }
  69. #reopenedCard {
  70. transition: transform 0.2s ease; /* Smooth scaling transition */
  71. cursor: pointer; /* Default cursor change */
  72. }
  74. #reopenedCard:hover {
  75. transform: scale(1.05); /* Slightly scale up on hover */
  76. cursor: pointer; /* Change cursor to hand symbol */
  77. }
  79. #withdrawCard{
  80. transition: transform 0.2s ease; /* Smooth scaling transition */
  81. cursor: pointer; /* Default cursor change */
  82. }
  83. #withdrawCard:hover {
  84. transform: scale(1.05); /* Slightly scale up on hover */
  85. cursor: pointer; /* Change cursor to hand symbol */
  86. }
  87. #closedCard {
  88. transition: transform 0.2s ease; /* Smooth scaling transition */
  89. cursor: pointer; /* Default cursor change */
  90. }
  92. #closedCard:hover {
  93. transform: scale(1.05); /* Slightly scale up on hover */
  94. cursor: pointer; /* Change cursor to hand symbol */
  95. }
  97. </style>
  98. <body>
  100. <!--[if lt IE 8]>
  101. <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>
  102. <![endif]-->
  104. <div class="wrapper">
  105. <!-- header top menu Start -->
  106. <header th:replace="~{fragments/modules/base/header :: header}"></header>
  107. <!-- header top menu end -->
  109. <div class="page-wrap">
  110. <!--=============== Left Menu side Start ================-->
  111. <div th:replace="~{fragments/modules/base/menu :: menu}"></div>
  112. <!--=============== Left side End ================-->
  113. <div class="main-content">
  114. <div class="container-fluid">
  115. <div class="page-header mb-2">
  116. <div class="row align-items-end">
  117. <div class="col-lg-8">
  118. <div class="page-header-title">
  119. <i class="fas fa-tachometer-alt bg-blue"></i>
  120. <div class="d-inline">
  121. <h5>Dashboard QAQC</h5>
  122. <span>1913 QAQC Dashboard</span>
  123. </div>
  124. </div>
  125. </div>
  126. <div class="col-lg-4">
  127. <nav class="breadcrumb-container" aria-label="breadcrumb">
  128. <ol class="breadcrumb">
  129. <li class="breadcrumb-item"><a href="index"><i
  130. class="ik ik-home"></i></a></li>
  131. <li class="breadcrumb-item" aria-current="page">1913 QAQC</li>
  132. <li class="breadcrumb-item" aria-current="page">Admin QAQC</li>
  133. <li class="breadcrumb-item active" aria-current="page">Grievance Dashboard</li>
  134. </ol>
  135. </nav>
  136. </div>
  137. </div>
  138. </div>
  139. <!-- <h4 class="h4 text-right text-mute" style="font-size: 12px;">
  140. Auto refresh in <font id="refresh-countdown">00</font> seconds
  141. </h4> -->
  143. <div class="card mt-4">
  144. <div class="card-header">
  145. <h3>
  146. <img alt="No image" src="/gcc/assets/images/donut-chart.png"
  147. style="height: 23px; width: 23px;" class="mr-2"><b>Overall Grievance
  148. Dashboard</b>
  149. </h3>
  150. </div>
  151. <div class="card-body">
  152. <div class="row">
  153. <div class="col-sm-2 mb-2">
  154. <label for="startDate" style="font-size: medium; margin-bottom: 0px;">From Date:</label>
  155. <input type="date" id="startDate" class="form-control" onclick="this.showPicker()">
  156. </div>
  157. <div class="col-sm-2 mb-2">
  158. <label for="endDate" style="font-size: medium; margin-bottom: 0px;">To Date:</label>
  159. <input type="date" id="endDate" class="form-control" onclick="this.showPicker()">
  160. </div>
  162. <div class="col-sm-2 mb-2">
  163. <label for="regiondropdown" style="font-size: medium; margin-bottom: 0px;">Region:</label>
  164. <select id="regiondropdown" class="form-control">
  165. <option value="">Select</option>
  166. <option value="North Region">North Region</option>
  167. <option value="Central Region">Central Region</option>
  168. <option value="South Region">South Region</option>
  170. </select>
  171. </div>
  173. <div class="col-sm-2 mb-2">
  174. <label for="dropdown4" style="font-size: medium; margin-bottom: 0px;">Group:</label>
  175. <select id="dropdown4" class="form-control">
  176. <option value="">Select</option>
  177. <!-- <option value="">general</option> -->
  178. <!-- Add options here -->
  179. </select>
  180. </div>
  183. <div class="col-sm-2 mb-2">
  184. <label for="dropdown1" style="font-size: medium; margin-bottom: 0px;">Type:</label>
  185. <select id="dropdown1" class="form-control">
  186. <option value="">Select</option>
  187. <!-- <option value="Cleanliness in Parks">Cleanliness in Parks</option> -->
  189. </select>
  190. </div>
  192. <div class="col-sm-2 mb-2">
  193. <label for="dropdown3" style="font-size: medium; margin-bottom: 0px;">Mode:</label>
  194. <select id="dropdown3" class="form-control">
  195. <option value="">Select</option>
  196. <!-- <option value="">INTERNET</option> -->
  198. </select>
  199. </div>
  201. <div class="col-sm-2 mb-2">
  202. <label for="dropdown2" style="font-size: medium; margin-bottom: 0px;">zone:</label>
  203. <select id="dropdown2" class="form-control">
  204. <option value="">Select</option>
  207. </select>
  208. </div>
  210. </div>
  214. <div class="row mt-4">
  215. <div class="col-12 d-flex justify-content-center">
  216. <button type="submit" id="searchButton"
  217. class="btn btn-primary mx-2">Filter</button>
  219. <button class="btn btn-danger mx-2" onclick="resetDate()"
  220. name="reset" type="reset">Reset</button>
  221. </div>
  222. </div>
  224. </div>
  227. <div class="col-12">
  228. <div class="row mt-3">
  229. <!-- First Part: 2 cards vertically -->
  230. <div class="col-lg-4 col-md-4 col-sm-12">
  231. <div class="card card-box" id="inProgressCard">
  232. <p class="text-facebook mb-20 text-center mt-4" id="inProgressname" style="font-size: medium;"><i class="fas fa-spinner text-center" ></i>&nbsp;<b>In-progress</b></p>
  233. <h3 class="text-twitter fw-700 ml-5 text-center" id="inProgressCount"></h3>
  234. </div>
  237. <div class="card card-box" id="redressedCard">
  238. <p class="text-facebook mb-20 text-center mt-4"id="redressedname" style="font-size: medium;"><i class="fas fa-check-circle text-center" style=" color: green;"></i>&nbsp;<b>Action Taken Level 1</b></p>
  239. <h3 class="text-twitter fw-700 ml-5 text-center" id="redressedCount"></h3>
  240. </div>
  242. </div>
  244. <!-- Second Part: 1 card, height equal to both cards in the first part -->
  245. <div class="col-lg-4 col-md-4 col-sm-12 mt-3">
  247. <div class="card boxcard1">
  248. <div class="card-body">
  249. <p class="text-facebook mb-20 text-center mt-4" style="font-size: medium;"><i class="fas fa-clipboard-list text-center"></i>&nbsp;<b>Total Complaints</b></p>
  250. <h3 class="text-twitter fw-700 ml-5 text-center" id="totalComplaints"></h3>
  251. </div>
  252. </div>
  255. </div>
  257. <!-- Third Part: 2 cards vertically -->
  258. <div class="col-lg-4 col-md-4 col-sm-12">
  260. <div class="card card-box" id="reopenedCard">
  261. <p class="text-facebook mb-20 text-center mt-4" id="Reopenname" style="font-size: medium;"><i class="fas fa-exclamation-circle text-center" style=" color: orange;"></i>&nbsp;<b>Reopened</b></p>
  262. <h3 class="text-twitter fw-700 ml-5 text-center" id="reopenedCount"></h3>
  263. </div>
  266. <div class="card card-box" id="closedCard">
  267. <p class="text-facebook mb-20 text-center mt-4" id="Closename" style="font-size: medium;"><i class="fas fa-check-circle text-center" style=" color: green;"></i>&nbsp;<b>Action Taken Level 2</b></p>
  268. <h3 class="text-twitter fw-700 ml-5 text-center" id="closedCount"></h3>
  269. </div>
  271. </div>
  273. <div class="col-12 d-flex justify-content-center">
  274. <div class="col-lg-4 col-md-4 col-sm-12 ">
  276. <div class="card card-box" id="withdrawCard">
  277. <p class="text-facebook mb-20 text-center mt-4" id="withdrawname" style="font-size: medium;"><i class="fa fa-envelope text-center" style=" color: orange;"></i>&nbsp;<b>Withdraw</b></p>
  278. <h3 class="text-twitter fw-700 ml-5 text-center" id="withdrawCount"></h3>
  279. </div>
  280. </div>
  281. </div>
  283. </div>
  285. </div>
  289. <!-- agent wise yesterday performance counts card-->
  290. <div class="card-body">
  291. <div class="page-header-title" >
  292. <h5 style="margin: 0;font-weight: bold;">Yesterday Event - Agent Performance Dashboard</h5><hr>
  293. </div>
  294. <div class="row mt-2">
  295. <div class="col-xl-3 col-md-6 col-sm-12">
  296. <div class="card card-box">
  297. <p class="text-facebook mb-20 text-center mt-4"><b>Agent Assigned</b></p>
  298. <h3 class="text-twitter fw-700 ml-5 text-center" th:text="${previousday[0].TotalAgents}"></h3>
  299. </div>
  300. </div>
  301. <div class="col-xl-3 col-md-6 col-sm-12">
  302. <div class="card card-box">
  303. <p class="text-facebook mb-20 text-center mt-4"><b>Assigned Calls</b></p>
  304. <h3 class="text-twitter fw-700 ml-5 text-center" th:text="${previousday[0].TotalAssigned != null ? previousday[0].TotalAssigned : 0}"></h3>
  305. </div>
  306. </div>
  308. <div class="col-xl-3 col-md-6 col-sm-12">
  309. <div class="card card-box">
  310. <p class="text-facebook mb-20 text-center mt-4"><b>Finished</b></p>
  311. <h3 class="text-twitter fw-700 ml-5 text-center" th:text="${previousday[0].TotalCompleted != null ? previousday[0].TotalCompleted : 0}"></h3>
  312. </div>
  313. </div>
  314. <div class="col-xl-3 col-md-6 col-sm-12">
  315. <div class="card card-box">
  316. <p class="text-facebook mb-20 text-center mt-4"><b>Pending Calls</b></p>
  317. <h3 class="text-twitter fw-700 ml-5 text-center" th:text="${previousday[0].TotalPending != null ? previousday[0].TotalPending : 0}"></h3>
  318. </div>
  319. </div>
  320. </div>
  323. </div>
  325. <div class="col-md-16">
  327. <div class="card-body">
  328. <div class="page-header-title" >
  329. <h5 style="margin: 0;font-weight: bold;">Yesterday Event - Agents Wise Breakup</h5><hr>
  330. </div>
  331. <table id="YesterdayQaqctable" class="table table-striped table-bordered table-hover dataTable" role="grid">
  332. <thead class="thead-dark">
  333. <tr role="row">
  334. <th rowspan="2" class="text-center">S.No</th>
  335. <th rowspan="2" class="text-center">Agent</th>
  336. <th colspan="4" class="text-center">Performance</th>
  337. <th colspan="4" class="text-center">Call Results</th>
  339. </tr>
  340. <tr role="row">
  341. <th class="text-center">Assigned Calls</th>
  342. <th class="text-center">Finished</th>
  343. <th class="text-center">Pending Calls</th>
  344. <th class="text-center">Completion (%)</th>
  345. <th class="text-center">Completed</th>
  346. <th class="text-center">ReOpen</th>
  347. <th class="text-center">Followup</th>
  348. <th class="text-center">Others</th>
  349. </tr>
  350. </thead>
  351. <tbody>
  352. <!-- Loop through the agentcount data -->
  353. <tr th:each="row, iterStat : ${agentcount}">
  354. <td class="text-center" th:text="${iterStat.index + 1}"></td>
  355. <td class="text-center" th:text="${row.agent_name}"></td>
  356. <td class="text-center" th:text="${row.Assigned}"></td>
  357. <td class="text-center" th:text="${row.TotalCompleted}"></td>
  358. <td class="text-center" th:text="${row.Pending}"></td>
  359. <td class="text-center" th:text="${row.CompletionPercentage + '%'}"></td> <td class="text-center" th:text="${row.Completed_count}"></td>
  360. <td class="text-center" th:text="${row.Reopened_count}"></td>
  361. <td class="text-center" th:text="${row.Followup_count}"></td>
  362. <td class="text-center" th:text="${row.Other_count}"></td>
  363. </tr>
  364. </tbody>
  365. </table>
  366. </div>
  367. </div>
  370. </div>
  371. </div>
  372. </div>
  374. <footer th:replace="~{fragments/modules/base/footer :: footer}"></footer>
  375. </div>
  376. </div>
  378. <!-- Details Modal -->
  379. <div class="modal fade" id="detailsModal" tabindex="-1" role="dialog" aria-labelledby="detailsModalLabel" aria-hidden="true">
  380. <div class="modal-dialog modal-xl" role="document">
  381. <div class="modal-content">
  382. <div class="modal-header">
  383. <h5 class="modal-title" id="detailsModalLabel">Complaint Details</h5>
  384. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  385. <span aria-hidden="true">&times;</span>
  386. </button>
  387. </div>
  388. <div class="modal-body">
  389. <table id="detailsTable" class="table table-striped table-bordered table-hover dataTable" role="grid">
  390. <thead class="thead-dark">
  391. <tr role="row">
  393. <th class="text-center no-sort">S.No</th>
  394. <th class="text-center no-sort">Complaint Number</th>
  395. <th class="text-center">Complaint Type</th>
  396. <th class="text-center">Complaint Group</th>
  397. <th class="text-center">Mode</th>
  398. <th class="text-center">Department</th>
  399. <th class="text-center">Zone</th>
  400. <th class="text-center">Ward</th>
  401. <th class="text-center no-sort">Public Name</th>
  402. <th class="text-center no-sort">Address</th>
  403. <th class="text-center">Public Mobile no</th>
  404. <th class="text-center">Assign To</th>
  405. <th class="text-center">Official Contact Number</th>
  406. <th class="text-center">Current Status</th>
  407. <th class="text-center">Complaint Opened Date</th>
  408. <th class="text-center">Complaint Redressed Date</th>
  409. <th class="text-center">Complaint Closed Date</th>
  410. <th class="text-center">Complaint Reopen Date</th>
  411. <th class="text-center">Complaint Completed Date</th>
  412. </tr>
  413. </thead>
  414. <tbody>
  416. </tbody>
  417. </table>
  418. </div>
  419. </div>
  420. </div>
  421. </div>
  425. <div th:replace="~{fragments/modules/base/app_module_menu_box :: div}"></div>
  427. <script th:replace="~{fragments/modules/base/script :: script}"></script>
  428. <script src="node_modules/tempusdominus-bootstrap-4/build/js/tempusdominus-bootstrap-4.min.js"></script>
  429. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  431. <script type="text/javascript">
  432. $(document).ready(function() {
  436. var table = $('#YesterdayQaqctable').DataTable({
  437. dom: 'Bftip',
  438. columnDefs: [
  439. { targets: 'no-sort', orderable: false }
  440. ],
  441. lengthMenu: [
  442. [50, 100, 200, 500, -1],
  443. ['50 rows', '100 rows', '200 rows', 'Show all']
  444. ],
  445. scrollY: '50vh',
  446. fixedColumns: {
  447. left: 1,
  448. right: 1
  449. },
  450. buttons: [
  451. {
  452. extend: 'pageLength',
  453. className: 'btn btn-warning'
  454. },
  455. {
  456. title: 'Data export',
  457. extend: 'copyHtml5',
  458. text: 'Copy',
  459. className: 'btn btn-secondary',
  460. id: 'copyBtn'
  461. },
  462. {
  463. extend: 'excelHtml5',
  464. text: 'Excel',
  465. className: 'btn btn-secondary',
  466. id: 'excelBtn'
  467. },
  468. {
  469. extend: 'csvHtml5',
  470. text: 'CSV',
  471. className: 'btn btn-secondary',
  472. id: 'csvBtn'
  473. },
  474. {
  475. extend: 'pdfHtml5',
  476. text: 'PDF',
  477. className: 'btn btn-secondary',
  478. id: 'pdfBtn'
  479. }
  480. ],
  481. fixedHeader: true,
  482. autoWidth: true,
  483. responsive: true,
  484. searching: false,
  485. select: false,
  486. processing: false
  487. });
  491. // 🟢 Function to Fetch Data & Open Modal
  492. function openDetailsModal(pzone, columnType,pfromDate,ptodate,ptype,pmode,pgroup) {
  493. console.log("Fetching details for:", { pzone, columnType,pfromDate,ptodate,ptype,pmode,pgroup });
  495. // Show loading message in modal
  496. $('#detailsTable tbody').html(`<tr><td colspan="19" class="text-center text-danger">Loading...</td></tr>`);
  499. // Destroy any existing DataTable instance to avoid reinitialization issues
  500. if ($.fn.DataTable.isDataTable("#detailsTable")) {
  501. $('#detailsTable').DataTable().destroy();
  502. }
  504. // Clear table before fetching new data
  505. $('#detailsTable tbody').empty();
  507. const params = new URLSearchParams({
  508. startDate: pfromDate,
  509. endDate: ptodate,
  510. status: columnType,
  511. group: pgroup,
  512. type: ptype,
  513. mode: pmode,
  514. zone: pzone
  515. });
  516. $.ajax({
  517. type: "GET",
  518. url: `/gcc/api/callcenterqaqc/getfilterreport?${params.toString()}`, // Append query string to URL
  519. contentType: "application/json",
  520. success: function (response) {
  521. console.log("API Response:", response);
  523. if (response.status === "success") {
  524. console.log("Details Array:", response.details);
  525. // Ensure details is an array and has at least one entry
  526. if (Array.isArray(response.details) && response.details.length > 0) {
  527. let table = $('#detailsTable').DataTable({
  528. destroy: true,
  529. searching: true,
  530. autoWidth: true,
  531. paging: true,
  532. info: true,
  533. data: response.details,
  534. columns: [
  535. {
  536. data: null,
  537. render: (data, type, row, meta) => meta.row + 1,
  538. className: 'text-center'
  539. },
  540. { data: 'Complaint Number', defaultContent: '-', className: 'text-center' },
  541. { data: 'Complaint Type', defaultContent: '-', className: 'text-center' },
  542. { data: 'Complaint Group', defaultContent: '-', className: 'text-center' },
  543. { data: 'Complaint Mode', defaultContent: '-', className: 'text-center' },
  544. { data: 'Department', defaultContent: '-', className: 'text-center' },
  545. { data: 'Zone', defaultContent: '-', className: 'text-center' },
  546. { data: 'Ward', defaultContent: '-', className: 'text-center' },
  547. { data: 'Complaint Person Name', defaultContent: '-', className: 'text-center' },
  548. { data: 'Address', defaultContent: '-', className: 'text-center' },
  549. { data: 'Complaint Person Number', defaultContent: '-', className: 'text-center' },
  550. { data: 'Assign To', defaultContent: '-', className: 'text-center' },
  551. { data: 'Official Contact Number', defaultContent: '-', className: 'text-center',render: function (data, type, row) {
  552. return (data === null || data === "null") ? '-' : data;
  553. } },
  554. { data: 'Current Status', defaultContent: '-', className: 'text-center' },
  555. { data: 'Complaint Opened Date', defaultContent: '-', className: 'text-center' },
  556. { data: 'Complaint Redressed Date', defaultContent: '-', className: 'text-center',render: function (data, type, row) {
  557. return (data === null || data === "null") ? '-' : data;
  558. } },
  559. { data: 'Complaint Closed Date', defaultContent: '-', className: 'text-center',render: function (data, type, row) {
  560. return (data === null || data === "null") ? '-' : data;
  561. } },
  562. { data: 'Complaint Reopen Date', defaultContent: '-', className: 'text-center',render: function (data, type, row) {
  563. return (data === null || data === "null") ? '-' : data;
  564. } },
  565. { data: 'Complaint Completed Date', defaultContent: '-', className: 'text-center',render: function (data, type, row) {
  566. return (data === null || data === "null") ? '-' : data;
  567. } }
  569. ],
  570. dom: 'Bfrtip',
  571. buttons: [
  572. {
  573. extend: 'pageLength',
  574. className: 'btn btn-warning'
  575. },
  576. {
  577. title: 'Data export',
  578. extend: 'copyHtml5',
  579. text: 'Copy',
  580. className: 'btn btn-secondary',
  581. id: 'copyBtn'
  582. },
  583. {
  584. extend: 'excelHtml5',
  585. text: 'Excel',
  586. className: 'btn btn-secondary',
  587. id: 'excelBtn'
  588. },
  589. {
  590. extend: 'csvHtml5',
  591. text: 'CSV',
  592. className: 'btn btn-secondary',
  593. id: 'csvBtn'
  594. },
  595. {
  596. extend: 'pdfHtml5',
  597. text: 'PDF',
  598. className: 'btn btn-secondary',
  599. id: 'pdfBtn'
  600. }
  601. ],
  602. columnDefs: [
  603. { targets: 'no-sort', orderable: false }
  604. ],
  605. lengthMenu: [
  606. [50, 100, 200, 500, -1],
  607. ['50 rows', '100 rows', '200 rows', 'Show all']
  608. ],
  609. scrollY: '50vh',
  610. scrollX: true,
  611. responsive: false,
  612. searching: true
  613. });
  614. }
  616. $('#detailsModal').modal('show');
  618. }
  619. else if (response.status === "nodata") {
  621. Swal.fire({
  622. icon: 'warning',
  623. title: 'No Data',
  624. text: 'No data available for the selected criteria.'
  625. });
  626. }
  627. else if (response.status === "error") {
  628. $
  629. Swal.fire({
  630. icon: 'error',
  631. title: 'Error',
  632. text: response.message || 'Something went wrong!'
  633. });
  634. }
  635. else {
  637. Swal.fire({
  638. icon: 'error',
  639. title: 'Error',
  640. text: response.message || 'Something went wrong!'
  641. });
  642. }
  643. },
  645. error: function (error) {
  646. $('#pageLoader').hide();
  647. Swal.fire({
  648. icon: 'error',
  649. title: 'Error',
  650. text: response.message || 'Something went wrong!'
  651. });
  652. }
  653. });
  655. }
  657. // Get today's date
  658. const today = new Date();
  659. const year = today.getFullYear();
  660. const month = String(today.getMonth() + 1).padStart(2, '0'); // Months are 0-indexed
  661. const day = String(today.getDate()).padStart(2, '0');
  663. // Calculate the first day of the current month
  664. const startOfMonth = `${year}-${month}-01`; // yyyy-MM-dd format
  665. const todayFormatted = `${year}-${month}-${day}`; // yyyy-MM-dd format
  667. const startDateField = document.getElementById('startDate');
  668. const endDateField = document.getElementById('endDate');
  670. // Event listener for To Date
  671. endDateField.addEventListener('change', function () {
  672. if (endDateField.value) {
  673. startDateField.max = endDateField.value; // Set max value for From Date
  674. } else {
  675. startDateField.removeAttribute('max'); // Remove max if To Date is cleared
  676. }
  678. // Validate From Date against updated To Date
  679. if (startDateField.value && new Date(startDateField.value) > new Date(endDateField.value)) {
  680. startDateField.value = ''; // Clear invalid From Date
  681. alert("From Date cannot be after To Date.");
  682. }
  683. });
  685. // Event listener for From Date
  686. startDateField.addEventListener('change', function () {
  687. if (startDateField.value) {
  688. endDateField.min = startDateField.value; // Set min value for To Date
  689. } else {
  690. endDateField.removeAttribute('min'); // Remove min if From Date is cleared
  691. }
  693. // Validate To Date against updated From Date
  694. if (endDateField.value && new Date(endDateField.value) < new Date(startDateField.value)) {
  695. endDateField.value = ''; // Clear invalid To Date
  696. alert("To Date cannot be before From Date.");
  697. }
  698. });
  700. // Set the default date values in the input fields
  701. if (startDateField && endDateField) {
  702. startDateField.value = startOfMonth; // yyyy-MM-dd format required for input[type="date"]
  703. endDateField.value = todayFormatted; // yyyy-MM-dd format required for input[type="date"]
  704. } else {
  705. console.error("Start date or end date input field not found!");
  706. }
  708. // Call the search logic directly to load default data on page load
  710. loadDashboardData(formatDateForAPI(startOfMonth), formatDateForAPI(todayFormatted));
  712. });
  714. // Helper function to convert yyyy-MM-dd to dd-MM-yyyy for API calls
  715. function formatDateForAPI(dateStr) {
  716. const [year, month, day] = dateStr.split('-');
  717. return `${day}-${month}-${year}`; // Convert to dd-MM-yyyy
  718. }
  721. function loadDashboardData(startDate, endDate) {
  722. // Show loading indicators
  723. call_loading('totalComplaints', 'start');
  724. call_loading('inProgressCount', 'start');
  725. call_loading('redressedCount', 'start');
  726. call_loading('reopenedCount', 'start');
  727. call_loading('closedCount', 'start');
  728. call_loading('withdrawCount', 'start');
  730. // Get dropdown values
  731. const startDateValue = document.getElementById('startDate').value;
  732. const endDateValue = document.getElementById('endDate').value;
  733. const dropdown1 = document.getElementById('dropdown1').value;
  734. const dropdown2 = document.getElementById('dropdown2').value;
  735. const dropdown3 = document.getElementById('dropdown3').value;
  736. const dropdown4 = document.getElementById('dropdown4').value;
  737. const regiondropdown=document.getElementById('regiondropdown').value;
  740. // Make API call to get dashboard data
  742. fetch(`/gcc/api/callcenterqaqc/dashboard?startDate=${startDate}&endDate=${endDate}&dropdown1=${dropdown1}&dropdown2=${dropdown2}&dropdown3=${dropdown3}&dropdown4=${dropdown4}&regiondropdown=${regiondropdown}`)
  743. .then(response => response.json())
  744. .then(data => {
  745. console.log(data);
  747. // Store data in sessionStorage
  748. sessionStorage.setItem('closename', 'closed');
  749. sessionStorage.setItem('closedcount', data["Closed"] || "0");
  750. sessionStorage.setItem('reopenname', 'reopened');
  751. sessionStorage.setItem('reopenedcount', data["Reopened"] || "0");
  752. sessionStorage.setItem('inProgressName', 'processing');
  753. sessionStorage.setItem('inProgressCount', data["In Progress"] || "0");
  754. sessionStorage.setItem('redressedName', 'redressed');
  755. sessionStorage.setItem('redressedCount', data["Redressed"] || "0");
  756. sessionStorage.setItem('withdrawname', 'withdraw');
  757. sessionStorage.setItem('withdrawCount', data["Withdraw"] || "0");
  758. sessionStorage.setItem('startDate', startDateValue);
  759. sessionStorage.setItem('endDate', endDateValue);
  761. sessionStorage.setItem('type', dropdown1);
  762. sessionStorage.setItem('zone', dropdown2);
  763. sessionStorage.setItem('mode', dropdown3);
  764. sessionStorage.setItem('group', dropdown4);
  765. sessionStorage.setItem('region', regiondropdown);
  767. sessionStorage.setItem('redirected', 'true'); // Set flag for redirection
  769. // Function to handle redirection based on count
  770. function handleCardClick(count, cardType, url) {
  771. if (parseInt(count) === 0) {
  772. Swal.fire({
  773. icon: 'info',
  774. title: 'No Data',
  775. text: `No ${cardType} records available.`,
  776. });
  777. } else {
  778. sessionStorage.setItem('cardType', cardType); // Set card type
  779. window.location.href = url;
  780. }
  781. }
  783. // Attach click events to each card
  784. document.getElementById('closedCard').addEventListener('click', function () {
  785. handleCardClick(sessionStorage.getItem('closedcount'), 'Closed', '/gcc/callcenterqaqc/admin/qaqcassigntaskagents');
  786. });
  788. document.getElementById('reopenedCard').addEventListener('click', function () {
  789. handleCardClick(sessionStorage.getItem('reopenedcount'), 'Reopened', '/gcc/callcenterqaqc/admin/qaqcassigntaskagents');
  790. });
  792. document.getElementById('inProgressCard').addEventListener('click', function () {
  793. handleCardClick(sessionStorage.getItem('inProgressCount'), 'In Progress', '/gcc/callcenterqaqc/admin/qaqcassigntaskagents');
  794. });
  796. document.getElementById('redressedCard').addEventListener('click', function () {
  797. handleCardClick(sessionStorage.getItem('redressedCount'), 'Redressed', '/gcc/callcenterqaqc/admin/qaqcassigntaskagents');
  798. });
  800. document.getElementById('withdrawCard').addEventListener('click', function () {
  801. handleCardClick(sessionStorage.getItem('withdrawCount'), 'withdraw', '/gcc/callcenterqaqc/admin/qaqcassigntaskagents');
  802. });
  804. // Update UI with fetched data
  805. document.getElementById('totalComplaints').textContent = data["Total Complaints"] || "0";
  806. document.getElementById('inProgressCount').textContent = data["In Progress"] || "0";
  807. document.getElementById('redressedCount').textContent = data["Redressed"] || "0";
  808. document.getElementById('reopenedCount').textContent = data["Reopened"] || "0";
  809. document.getElementById('closedCount').textContent = data["Closed"] || "0";
  810. document.getElementById('withdrawCount').textContent = data["Withdraw"] || "0";
  814. // Stop loading indicators
  815. call_loading('totalComplaints', 'stop');
  816. call_loading('inProgressCount', 'stop');
  817. call_loading('redressedCount', 'stop');
  818. call_loading('reopenedCount', 'stop');
  819. call_loading('closedCount', 'stop');
  820. call_loading('withdrawCount', 'stop');
  822. })
  823. .catch(error => {
  824. console.error('Error:', error);
  825. });
  826. }
  828. //Event listener for the search button to reload data based on selected filters
  829. document.getElementById('searchButton').addEventListener('click', function () {
  830. // Get values from input fields
  831. const startDateValue = document.getElementById('startDate').value; // yyyy-MM-dd format
  832. const endDateValue = document.getElementById('endDate').value; // yyyy-MM-dd format
  834. const table = $("#PendingDatatable").DataTable();
  835. // Function to format date as dd-MM-yyyy
  836. const formatDate = (dateStr) => {
  837. const [year, month, day] = dateStr.split('-'); // Split yyyy-MM-dd
  838. return `${day}-${month}-${year}`; // Rearrange to dd-MM-yyyy
  839. };
  841. // Convert to dd-MM-yyyy format
  842. const formattedStartDate = formatDate(startDateValue);
  843. const formattedEndDate = formatDate(endDateValue);
  845. // Validate dates
  846. const startDate = new Date(startDateValue); // Use original yyyy-MM-dd for comparison
  847. const endDate = new Date(endDateValue);
  849. if (startDate && endDate && startDate > endDate) {
  850. alert("Start Date should be earlier than End Date.");
  851. return;
  852. }
  854. // Call dashboard data loading logic with formatted date values
  855. loadDashboardData(formattedStartDate, formattedEndDate);
  856. });
  858. //api for complainttypes,group,zone,ward
  860. /* document.addEventListener("DOMContentLoaded", function () {
  861. const complaintTypeDropdown = document.getElementById('dropdown1');
  862. const complaintGroupDropdown = document.getElementById('dropdown4');
  863. const complaintModeDropdown = document.getElementById('dropdown3');
  864. const complaintZoneDropdown = document.getElementById('dropdown2');
  866. const regionName = document.getElementById('regiondropdown');
  868. // Load Complaint Groups
  869. fetch('/gcc/api/callcenterqaqc/getComplaintGroup')
  870. .then(response => response.json())
  871. .then(data => {
  872. // Clear existing options
  873. complaintGroupDropdown.innerHTML = `<option value="">Select</option>`;
  875. // Add options from the API response
  876. data.forEach(complaintGroupName => {
  877. complaintGroupDropdown.innerHTML += `<option value="${complaintGroupName}">${complaintGroupName}</option>`;
  878. });
  879. })
  880. .catch(error => {
  881. console.error('Error fetching complaint groups:', error);
  882. });
  884. // Event Listener for Complaint Group Change
  885. complaintGroupDropdown.addEventListener('change', function () {
  886. const selectedGroup = complaintGroupDropdown.value;
  888. if (selectedGroup) {
  889. // Fetch Complaint Types based on selected group
  890. fetch(`/gcc/api/callcenterqaqc/getComplaintTypesByGroup?group=${encodeURIComponent(selectedGroup)}`)
  891. .then(response => response.json())
  892. .then(data => {
  893. // Clear existing options
  894. complaintTypeDropdown.innerHTML = `<option value="">Select</option>`;
  896. // Add options from the API response
  897. data.forEach(complaintTypeName => {
  898. complaintTypeDropdown.innerHTML += `<option value="${complaintTypeName}">${complaintTypeName}</option>`;
  899. });
  900. })
  901. .catch(error => {
  902. console.error('Error fetching complaint types:', error);
  903. });
  904. } else {
  905. // Clear complaint type dropdown if no group is selected
  906. complaintTypeDropdown.innerHTML = `<option value="">Select</option>`;
  907. }
  908. });
  911. // Load all Modes
  912. fetch('/gcc/api/callcenterqaqc/getModes')
  913. .then(response => response.json())
  914. .then(data => {
  915. // Clear existing options
  916. complaintModeDropdown.innerHTML = `<option value="">Select</option>`;
  918. // Add options from the API response
  919. data.forEach(complaintMode => {
  920. complaintModeDropdown.innerHTML += `<option value="${complaintMode}">${complaintMode}</option>`;
  921. });
  922. })
  923. .catch(error => {
  924. console.error('Error fetching complaint groups:', error);
  925. });
  928. // Load all zones
  929. fetch('/gcc/api/callcenterqaqc/getZones')
  930. .then(response => response.json())
  931. .then(data => {
  932. // Clear existing options
  933. complaintZoneDropdown.innerHTML = `<option value="">Select</option>`;
  935. // Add options from the API response
  936. data.forEach(complaintZone => {
  937. complaintZoneDropdown.innerHTML += `<option value="${complaintZone}">${complaintZone}</option>`;
  938. });
  939. })
  940. .catch(error => {
  941. console.error('Error fetching complaint groups:', error);
  942. });
  944. }); */
  946. document.addEventListener("DOMContentLoaded", function () {
  947. const complaintTypeDropdown = document.getElementById('dropdown1');
  948. const complaintGroupDropdown = document.getElementById('dropdown4');
  949. const complaintModeDropdown = document.getElementById('dropdown3');
  950. const complaintZoneDropdown = document.getElementById('dropdown2');
  951. const regionDropdown = document.getElementById('regiondropdown');
  953. let allZones = []; // Store all zones globally
  955. // Load Complaint Groups
  956. fetch('/gcc/api/callcenterqaqc/getComplaintGroup')
  957. .then(response => response.json())
  958. .then(data => {
  959. complaintGroupDropdown.innerHTML = `<option value="">Select</option>`;
  960. data.forEach(complaintGroupName => {
  961. complaintGroupDropdown.innerHTML += `<option value="${complaintGroupName}">${complaintGroupName}</option>`;
  962. });
  963. })
  964. .catch(error => console.error('Error fetching complaint groups:', error));
  966. // Event Listener for Complaint Group Change
  967. complaintGroupDropdown.addEventListener('change', function () {
  968. const selectedGroup = complaintGroupDropdown.value;
  969. if (selectedGroup) {
  970. fetch(`/gcc/api/callcenterqaqc/getComplaintTypesByGroup?group=${encodeURIComponent(selectedGroup)}`)
  971. .then(response => response.json())
  972. .then(data => {
  973. complaintTypeDropdown.innerHTML = `<option value="">Select</option>`;
  974. data.forEach(complaintTypeName => {
  975. complaintTypeDropdown.innerHTML += `<option value="${complaintTypeName}">${complaintTypeName}</option>`;
  976. });
  977. })
  978. .catch(error => console.error('Error fetching complaint types:', error));
  979. } else {
  980. complaintTypeDropdown.innerHTML = `<option value="">Select</option>`;
  981. }
  982. });
  984. // Load all Modes
  985. fetch('/gcc/api/callcenterqaqc/getModes')
  986. .then(response => response.json())
  987. .then(data => {
  988. complaintModeDropdown.innerHTML = `<option value="">Select</option>`;
  989. data.forEach(complaintMode => {
  990. complaintModeDropdown.innerHTML += `<option value="${complaintMode}">${complaintMode}</option>`;
  991. });
  992. })
  993. .catch(error => console.error('Error fetching complaint modes:', error));
  995. // Load all zones and store them globally
  996. fetch('/gcc/api/callcenterqaqc/getZones')
  997. .then(response => response.json())
  998. .then(data => {
  999. allZones = data; // Store zones globally
  1000. updateZoneDropdown(); // Populate zones initially
  1001. })
  1002. .catch(error => console.error('Error fetching complaint zones:', error));
  1004. // Event Listener for Region Dropdown Change
  1005. regionDropdown.addEventListener('change', updateZoneDropdown);
  1007. // Function to update Zone Dropdown based on Region selection
  1008. function updateZoneDropdown() {
  1009. const selectedRegion = regionDropdown.value;
  1010. complaintZoneDropdown.innerHTML = `<option value="">Select</option>`;
  1012. let filteredZones = [];
  1014. if (selectedRegion === "North Region") {
  1015. filteredZones = allZones.filter(zone => zone >= "N01" && zone <= "N05");
  1016. } else if (selectedRegion === "Central Region") {
  1017. filteredZones = allZones.filter(zone => zone >= "N06" && zone <= "N10");
  1018. } else if (selectedRegion === "South Region") {
  1019. filteredZones = allZones.filter(zone => zone >= "N11" && zone <= "N15");
  1020. } else {
  1021. // Show all if no region is selected
  1022. filteredZones = allZones;
  1023. }
  1025. filteredZones.forEach(zone => {
  1026. complaintZoneDropdown.innerHTML += `<option value="${zone}">${zone}</option>`;
  1027. });
  1028. }
  1029. });
  1034. //Function to reset date fields
  1035. function resetDate() {
  1037. window.location.href = "/gcc/callcenterqaqc/admin/qaqcgrievancedashboard";
  1039. }
  1041. </script>
  1043. <script type="text/javascript">
  1045. </script>
  1049. </body>
  1050. </html>