yoganandhank
/
Pensioner_Project
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
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.
11 Commits
1 Branch
0 Tags
971 KiB
Tree: ffaee0eb46
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'ffaee0eb46'
${ noResults }
Pensioner_Project/frontend/pensioner/department/reports.html

1410 lines
61 KiB
Raw Normal View History

First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first commit
2 years ago
First Commit
2 years ago
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
First Commit
2 years ago
​
​
updated files
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
​
updated files
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
updated files
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
First Commit
2 years ago
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
First Commit
2 years ago
​
​
​
updated files
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
First Commit
2 years ago
​
​
updated files
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
First Commit
2 years ago
​
​
updated files
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
First Commit
2 years ago
​
updated files
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
First Commit
2 years ago
​
updated files
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first commit
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
first commit
2 years ago
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
updated files
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
First Commit
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. .required{
  7. color: red;
  8. }
  9. #modalBody h4 {
  10. font-weight: bold;
  11. margin-top: 15px;
  12. margin-bottom: 10px;
  13. }
  15. #modalBody p {
  16. margin: 5px 0;
  17. }
  19. #modalBody hr {
  20. margin: 15px 0;
  21. }
  22. .comment {
  23. margin-bottom: 20px;
  24. }
  26. .comment p {
  27. margin: 0;
  28. }
  30. hr {
  31. border: 1px solid #ccc;
  32. margin-top: 20px;
  33. margin-bottom: 20px;
  34. }
  36. h5 {
  38. font-size: bold;
  39. }
  41. /* Limit the height of the dropdown menu and make it scrollable */
  45. .col-4 {
  46. font-weight: bold;
  47. text-align: right;
  48. }
  50. .col-8 {
  51. padding-left: 20px;
  52. }
  54. .comment {
  55. padding: 10px 0;
  56. }
  58. .comment .text-muted {
  59. font-size: 0.9em;
  60. color: #6c757d;
  61. }
  63. .comment hr {
  64. border-top: 1px solid #ccc;
  65. }
  67. .comment .btn-link {
  68. font-size: 0.9em;
  69. text-decoration: underline;
  70. color: #007bff;
  71. }
  72. /* Make the modal body scrollable */
  73. #detailsModal .modal-body {
  74. max-height: 70vh; /* Limit the height to 70% of the viewport */
  75. overflow-y: auto; /* Enable vertical scrolling */
  76. }
  78. .card-box {
  79. border-radius: 20px;
  80. box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;
  81. }
  83. #followupCard {
  84. transition: transform 0.2s ease; /* Smooth scaling transition */
  85. cursor: pointer; /* Default cursor change */
  86. }
  88. #followupCard:hover {
  89. transform: scale(1.05); /* Slightly scale up on hover */
  90. cursor: pointer; /* Change cursor to hand symbol */
  91. }
  93. #returnretrieddetailsModal .modal-body{
  95. max-height:80vh;
  96. overflow-y:auto;
  97. }
  98. #returnretrieddreportetailsModals .modal-body{
  99. max-height:80vh;
  100. overflow-y:auto;
  101. }
  103. /* Ensure consistent table borders */
  104. .table {
  105. border-collapse: collapse !important;
  106. }
  108. .table thead th {
  109. background-color: #343a40; /* Dark header background */
  110. color: #ffffff; /* White text */
  111. text-align: center;
  112. }
  114. .table-bordered td, .table-bordered th {
  115. border: 1px solid #dee2e6 !important; /* Ensure borders are visible */
  116. }
  118. /* Ensure proper column width */
  119. #SecondFollowupDatatables, #FollowupDatatable, #reportFollowupDatatables {
  120. table-layout: fixed;
  121. width: 100%;
  122. }
  124. #SecondFollowupDatatables th,
  125. #FollowupDatatable th,
  126. #reportFollowupDatatables th {
  127. white-space: nowrap;
  128. overflow: hidden;
  129. text-overflow: ellipsis;
  130. }
  132. /* Add padding for better readability */
  133. td, th {
  134. padding: 10px;
  135. text-align: center;
  136. }
  138. .col-md-3 label{
  139. padding-top: 2%;
  140. }
  143. </style>
  145. <body>
  146. <!--[if lt IE 8]>
  147. <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>
  148. <![endif]-->
  150. <div class="wrapper">
  151. <!-- header top menu Start -->
  152. <header th:replace="~{fragments/modules/base/header :: header}"></header>
  153. <!-- header top menu end -->
  155. <div class="page-wrap">
  156. <!--=============== Left Menu side Start ================-->
  157. <div th:replace="~{fragments/modules/base/menu :: menu}"></div>
  158. <!--=============== Left side End ================-->
  159. <div class="main-content">
  160. <div class="container-fluid">
  161. <div class="page-header mb-2">
  162. <div class="row align-items-end">
  163. <div class="col-lg-8">
  164. <div class="page-header-title">
  165. <i class="fa fa-list-alt bg-blue"></i>
  166. <div class="d-inline">
  167. <h5>Report</h5>
  168. <span>Department Entries</span>
  169. </div>
  170. </div>
  171. </div>
  172. <div class="col-lg-4">
  173. <nav class="breadcrumb-container" aria-label="breadcrumb">
  174. <ol class="breadcrumb">
  175. <li class="breadcrumb-item"><a href="/gcc/index"><i class="ik ik-home"></i></a></li>
  176. <li class="breadcrumb-item" aria-current="page">Department Entries</li>
  177. <li class="breadcrumb-item" aria-current="page">Reports</li>
  179. </ol>
  180. </nav>
  181. </div>
  182. </div>
  183. </div>
  185. <div class="row mt-4">
  187. <div class="col-md-12">
  188. <div class="card">
  189. <div class="card-block">
  190. <h5 style="font-weight:bold;">Department-Report</h5>
  192. <h5 style="font-weight:bold;"> <span th:text="${deptname}" id="deptname"></span>&nbsp;</h5><span th:text="${filecategory}" id="filecategory" style="display:none"></span>
  193. <h5 style="font-weight:bold;"><span th:text="${deptId}" id="deptId" style="display:none"></span> </h5>
  194. <div class="row mb-4">
  196. <!-- Input Fields for Year Selection -->
  198. <!-- Start Year Dropdown as Button Dropdown -->
  199. <!-- Start Year Dropdown as Button Dropdown -->
  200. <div class="col-md-3">
  201. <label for="startdate" class="form-label fw-bold">Start Date<span class="text-danger">*</span></label>
  202. <input type="date" id="startdate" class="form-control" onclick="this.showPicker()" >
  203. </div>
  204. <div class="col-md-3">
  205. <label for="enddate" class="form-label fw-bold">End Date<span class="text-danger">*</span></label>
  206. <input type="date" id="enddate" class="form-control" onclick="this.showPicker()" >
  207. </div>
  210. <div class="col-md-3">
  211. <label for="typeofreport" class="form-label fw-bold">Type of Report<span class="text-danger">*</span></label>
  212. <select id="typeofreport" class="form-control" style="width: 100%;" required>
  213. <option value="" selected>-- Select Option --</option>
  214. <option value="Abstract">Abstract</option>
  215. <option value="Detailed">Detailed</option>
  216. </select>
  217. </div>
  219. <!-- Type of Category (Initially Hidden) -->
  220. <!-- <div class="col-md-3" id="categoryDiv" style="display: none;">
  221. <label for="typeofcategory" class="form-label fw-bold">Type of Category<span class="text-danger">*</span></label>
  222. <select id="typeofcategory" class="form-control" style="width: 100%;">
  223. <option value="" selected>-- Select Category --</option>
  224. <option value="1">Retirement</option>
  225. <option value="2">Family Pension</option>
  226. <option value="3">Pendency</option>
  227. <option value="4">GIS</option>
  228. <option value="5">Provisional Retirement</option>
  229. <option value="6">Contributory Pension Scheme</option>
  230. </select>
  231. </div> -->
  233. <div class="col-md-3" id="categoryDiv" style="display: none;">
  234. <label for="typeofcategory" class="form-label fw-bold">Type of Category<span class="text-danger">*</span></label>
  235. <select id="typeofcategory" class="form-control" style="width: 100%;">
  236. <option value="" selected>-- Select Category --</option>
  237. </select>
  238. </div>
  241. <div class="col-md-3" id="statusDiv" style="display: none;">
  242. <label for="statusDropdown" class="form-label fw-bold">File Status</label>
  243. <select id="statusDropdown" class="form-control" style="width: 100%;">
  244. <option value="" selected>-- Select Status --</option>
  245. <option value="[1,3]">Audit Pending</option>
  246. <option value="[2,5,6,9]">Department Pending</option>
  247. <option value="[4,7,8,10]">Pension Pending</option>
  248. <option value="[11]">File Completed</option>
  249. <option value="[12]">File Closed</option>
  250. </select>
  251. </div>
  255. <div class="col-md-4 mt-20">
  256. <button id="searchButton" class="btn btn-primary mt-2 mx-2">Search</button>
  257. <button id="resetButton" class="btn btn-secondary mt-2">Reset</button>
  259. </div>
  260. </div>
  263. <div class="page-header-title"></div>
  264. <div style= display:none id="audittable">
  265. <!-- <div style="visibility: hidden; height: 0; overflow: hidden;" id="audittable"> -->
  266. <table id="FileCategoryTable" class="table table-striped table-bordered dataTable">
  267. <thead class="thead-dark">
  268. <tr>
  269. <th class="text-center">S.No</th>
  270. <th class="text-center">File Category</th>
  271. <th class="text-center">Department Pending</th>
  272. <th class="text-center">Audit Pending</th>
  273. <th class="text-center">Pension Pending</th>
  274. <th class="text-center">Completed</th>
  275. <th class="text-center">Total count</th>
  276. </tr>
  277. </thead>
  278. <tbody id="fileCategoryTableBody" style="text-align:center;">
  279. <!-- Data will be inserted dynamically -->
  280. </tbody>
  281. </table>
  283. </div>
  286. <div style= display:none id="cpstable">
  287. <table id="FileDetailsTable" class="table table-striped table-bordered dataTable">
  288. <thead class="thead-dark">
  289. <tr>
  290. <th class="text-center">S.No</th>
  291. <th class="text-center">Employee Code</th>
  292. <th class="text-center">Name</th>
  293. <th class="text-center">Designation</th>
  294. <th class="text-center">Type of Retirement</th>
  295. <th class="text-center">Date of Retirement</th>
  296. <th class="text-center">Pending Duration</th>
  297. <th class="text-center">File Status</th>
  298. <th class="text-center">File category</th>
  299. <th class="text-center">File Moved Date</th>
  300. <th class="text-center">Comments/Remarks</th>
  301. </tr>
  302. </thead>
  303. <tbody id="fileDetailsTableBody" style="text-align:center;">
  304. <!-- Data will be inserted dynamically -->
  305. </tbody>
  306. </table>
  308. </div>
  311. <!-- retirement datatable -->
  312. <div style= display:none id="retiretable">
  313. <table id="FileRetirementTable" class="table table-striped table-bordered dataTable">
  314. <thead class="thead-dark">
  315. <tr>
  316. <th class="text-center">S.No</th>
  317. <th class="text-center">Employee Code</th>
  318. <th class="text-center">Name</th>
  319. <th class="text-center">Designation</th>
  320. <th class="text-center">Type of Retirement</th>
  321. <th class="text-center">Date of Retirement</th>
  322. <th class="text-center">File Status</th>
  323. <th class="text-center">File Category</th>
  324. <th class="text-center">File Moved Date</th>
  325. <th class="text-center">Comments/Remarks</th>
  326. </tr>
  327. </thead>
  328. <tbody id="fileRetireTableBody" style="text-align:center;">
  329. <!-- Data will be inserted dynamically -->
  330. </tbody>
  331. </table>
  333. </div>
  336. <!-- Family pension datatable -->
  338. <div style= display:none id="familypensiontable">
  339. <table id="FileFamilyPensionTable" class="table table-striped table-bordered dataTable">
  340. <thead class="thead-dark">
  341. <tr>
  342. <th class="text-center">S.No</th>
  343. <th class="text-center">Employee Code</th>
  344. <th class="text-center">Name</th>
  345. <th class="text-center">Designation</th>
  346. <th class="text-center">Service Death Date</th>
  347. <th class="text-center">Relationship Type</th>
  348. <th class="text-center">Pending Duration</th>
  349. <th class="text-center">File Status</th>
  350. <th class="text-center">File Category</th>
  351. <th class="text-center">File Moved Date</th>
  352. <th class="text-center">Comments/Remarks</th>
  353. </tr>
  354. </thead>
  355. <tbody id="fileFamilyTableBody" style="text-align:center;">
  356. <!-- Data will be inserted dynamically -->
  357. </tbody>
  358. </table>
  360. </div>
  362. <!-- Pendency datatable -->
  364. <div style= display:none id="pendencytable">
  365. <table id="FilePendencyTable" class="table table-striped table-bordered dataTable">
  366. <thead class="thead-dark">
  367. <tr>
  368. <th class="text-center">S.No</th>
  369. <th class="text-center">Employee Code</th>
  370. <th class="text-center">Name</th>
  371. <th class="text-center">Designation</th>
  372. <th class="text-center">Type of Retirement</th>
  373. <th class="text-center">Date of Retirement</th>
  374. <th class="text-center">Pending Duration</th>
  375. <th class="text-center">File Status</th>
  376. <th class="text-center">File Category</th>
  377. <th class="text-center">File Moved Date</th>
  378. <th class="text-center">Comments/Remarks</th>
  379. </tr>
  380. </thead>
  381. <tbody id="filePendencyTableBody" style="text-align:center;">
  382. <!-- Data will be inserted dynamically -->
  383. </tbody>
  384. </table>
  386. </div>
  388. <!-- Gis datatable -->
  390. <div style= display:none id="gistable">
  391. <table id="FileGisTable" class="table table-striped table-bordered dataTable">
  392. <thead class="thead-dark">
  393. <tr>
  394. <th class="text-center">S.No</th>
  395. <th class="text-center">Employee Code</th>
  396. <th class="text-center">Name</th>
  397. <th class="text-center">Designation</th>
  398. <th class="text-center">Service Death Date</th>
  399. <th class="text-center">Sanctioned Amount</th>
  400. <th class="text-center">File Status</th>
  401. <th class="text-center">File category</th>
  402. <th class="text-center">File Moved Date</th>
  403. <th class="text-center">Comments/Remarks</th>
  404. </tr>
  405. </thead>
  406. <tbody id="fileGisTableBody" style="text-align:center;">
  407. <!-- Data will be inserted dynamically -->
  408. </tbody>
  409. </table>
  411. </div>
  413. <!-- provisonal datatable -->
  416. <div style= display:none id="provisionaltable">
  417. <table id="FileProvisionalTable" class="table table-striped table-bordered dataTable">
  418. <thead class="thead-dark">
  419. <tr>
  420. <th class="text-center">S.No</th>
  421. <th class="text-center">Employee Code</th>
  422. <th class="text-center">Name</th>
  423. <th class="text-center">Designation</th>
  424. <th class="text-center">Type of Retirement</th>
  425. <th class="text-center">Date of Retirement</th>
  426. <th class="text-center">File Status</th>
  427. <th class="text-center">File category</th>
  428. <th class="text-center">File Moved Date</th>
  429. <th class="text-center">Comments/Remarks</th>
  430. </tr>
  431. </thead>
  432. <tbody id="fileProvisionalTableBody" style="text-align:center;">
  433. <!-- Data will be inserted dynamically -->
  434. </tbody>
  435. </table>
  437. </div>
  439. </div>
  440. </div>
  441. </div>
  442. </div>
  443. </div>
  444. </div>
  447. <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;">
  448. <div style="position: relative; top: 50%; transform: translateY(-50%);">
  449. <div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;">
  450. <span class="sr-only">Loading...</span>
  451. </div>
  452. <!-- Add the 'Please wait' text below the spinner -->
  453. <p style="margin-top: 1rem; font-size: 1.2rem; color: #007bff;">Please wait...</p>
  454. </div>
  455. </div>
  458. <footer th:replace="~{fragments/modules/base/footer :: footer}"></footer>
  459. </div>
  460. </div>
  463. <!-- Modal Box -->
  466. <div th:replace="~{fragments/modules/base/app_module_menu_box :: div}"></div>
  468. <script th:replace="~{fragments/modules/base/script :: script}"></script>
  469. <script src="node_modules/tempusdominus-bootstrap-4/build/js/tempusdominus-bootstrap-4.min.js"></script>
  470. <!-- Bootstrap 5 JS -->
  471. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
  473. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  476. <script>
  478. $(document).ready(function () {
  479. function loadFileCategories() {
  480. $.ajax({
  481. url: "/gcc/api/report/getFileCategories", // Ensure this is the correct endpoint
  482. type: "GET",
  483. dataType: "json",
  484. success: function (response) {
  485. console.log("File Categories Loaded:", response); // Debugging
  487. if (response.length === 0) {
  488. console.warn("No categories found!");
  489. return;
  490. }
  492. let $categoryDropdown = $("#typeofcategory");
  493. // $categoryDropdown.empty().append('<option value="">-- Select Category --</option>');
  495. response.forEach(category => {
  496. $categoryDropdown.append(`<option value="${category.id}">${category.file_name}</option>`);
  497. });
  498. },
  499. error: function (xhr, status, error) {
  500. console.error("Error fetching categories:", xhr.responseText);
  501. Swal.fire({
  502. icon: "error",
  503. title: "Error Fetching Data",
  504. text: "Failed to load categories. Please try again later.",
  505. });
  506. }
  507. });
  508. }
  510. // Call function to load categories when the page is ready
  511. loadFileCategories();
  513. $('#resetButton').on('click', function () {
  514. window.location.href = "/gcc/department/reports";
  515. });
  516. });
  520. $(document).ready(function () {
  521. // Initialize DataTables
  523. // count datatable
  525. let fileCategoryTable = $("#FileCategoryTable").DataTable({
  526. dom: 'Bftip',
  527. columnDefs: [{ targets: 'no-sort', orderable: false }],
  528. lengthMenu: [
  529. [50, 100, 200, 500, -1],
  530. ['50 rows', '100 rows', '200 rows', 'Show all']
  531. ],
  532. scrollY: '50vh',
  533. fixedColumns: { left: 1, right: 1 },
  534. buttons: [
  535. { extend: 'pageLength', className: 'btn btn-warning ' }, // GIS-style
  536. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' }, // GIS-style
  537. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' }, // GIS-style
  538. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' }, // GIS-style
  539. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' } // GIS-style
  540. ],
  541. fixedHeader: false,
  542. autoWidth: true,
  543. responsive: true,
  544. searching: true,
  545. select: false,
  546. processing: false,
  547. data: [], // Start with an empty table
  548. columns: [
  549. { title: "S.No", data: "index", className: "text-center" },
  550. { title: "File Category", data: "file_name", className: "text-center" },
  551. { title: "Department Pending", data: "department_pending", className: "text-center" },
  552. { title: "Audit Pending", data: "audit_pending", className: "text-center" },
  553. { title: "Pension Pending", data: "pension_pending", className: "text-center" },
  554. { title: "Completed", data: "completed", className: "text-center" },
  555. { title: "Total Count", data: "total_count", className: "text-center" }
  556. ]
  557. });
  560. //cps datatable
  562. let fileDetailsTable = $("#FileDetailsTable").DataTable({
  563. dom: 'Bftip',
  564. columnDefs: [{ targets: 'no-sort', orderable: false }],
  565. lengthMenu: [
  566. [50, 100, 200, 500, -1],
  567. ['50 rows', '100 rows', '200 rows', 'Show all']
  568. ],
  569. scrollY: '50vh',
  570. fixedColumns: { left: 1, right: 1 },
  571. buttons: [
  572. { extend: 'pageLength', className: 'btn btn-warning ' }, // GIS-style
  573. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' }, // GIS-style
  574. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' }, // GIS-style
  575. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' }, // GIS-style
  576. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' } // GIS-style
  577. ],
  578. fixedHeader: false,
  579. autoWidth: true,
  580. responsive: true,
  581. searching: true,
  582. select: false,
  583. processing: false,
  584. data: [],
  585. columns: [
  587. { title: "S.No", data: "index", className: "text-center" },
  588. { title: "Employee Code", data: "emp_no", className: "text-center" },
  589. { title: "Name", data: "emp_name", className: "text-center" },
  590. { title: "Designation", data: "designation", className: "text-center" },
  591. { title: "Type of Retirement", data: "type_of_retirement", className: "text-center" },
  592. {
  593. title: "Date of Retirement",
  594. data: "retirement_date",
  595. className: "text-center",
  596. render: function(data, type, row) {
  597. if (data) {
  598. let date = new Date(data);
  599. let day = String(date.getDate()).padStart(2, '0');
  600. let month = String(date.getMonth() + 1).padStart(2, '0');
  601. let year = date.getFullYear();
  602. return `${day}-${month}-${year}`;
  603. }
  604. return "";
  605. }
  606. },
  607. { title: "Pending Duration", data: "reason_for_pending", className: "text-center" },
  608. { title: "File Status", data: "fst", className: "text-center" },
  609. { title: "File Category", data: "file_category_name", className: "text-center" },
  610. {
  611. title: "File Moved Date",
  612. data: "created_date",
  613. className: "text-center",
  614. render: function(data, type, row) {
  615. if (data) {
  616. let date = new Date(data);
  617. let day = String(date.getDate()).padStart(2, '0');
  618. let month = String(date.getMonth() + 1).padStart(2, '0');
  619. let year = date.getFullYear();
  620. return `${day}-${month}-${year}`;
  621. }
  622. return "";
  623. }
  624. },
  625. { title: "Comments/Remarks", data: "remarks", className: "text-center" },
  627. ]
  628. });
  630. // retirement datatable
  632. /* let fileRetireTable = $("#FileRetirementTable").DataTable({
  633. dom: 'Bftip',
  634. columnDefs: [{ targets: 'no-sort', orderable: false }],
  635. lengthMenu: [
  636. [50, 100, 200, 500, -1],
  637. ['50 rows', '100 rows', '200 rows', 'Show all']
  638. ],
  639. scrollY: '50vh',
  640. fixedColumns: { left: 1, right: 1 },
  641. buttons: [
  642. { extend: 'pageLength', className: 'btn btn-warning ' }, // GIS-style
  643. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' }, // GIS-style
  644. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' }, // GIS-style
  645. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' }, // GIS-style
  646. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' } // GIS-style
  647. ],
  648. fixedHeader: false,
  649. autoWidth: true,
  650. responsive: true,
  651. searching: true,
  652. select: false,
  653. processing: false,
  654. data: [],
  655. columns: [
  657. { title: "S.No", data: "index", className: "text-center" },
  658. { title: "Employee Code", data: "emp_no", className: "text-center" },
  659. { title: "Name", data: "emp_name", className: "text-center" },
  660. { title: "Designation", data: "designation", className: "text-center" },
  661. { title: "Type of Retirement", data: "type_of_retirement", className: "text-center" },
  662. { title: "Date of Retirement", data: "retirement_date", className: "text-center" },
  663. { title: "File Status", data: "fst", className: "text-center" },
  664. { title: "File Category", data: "file_category_name", className: "text-center" },
  665. { title: "File Moved Date", data: "file_moved_date", className: "text-center" },
  666. {
  667. title: "File Moved Date",
  668. data: "file_moved_date",
  669. className: "text-center",
  670. render: function(data, type, row) {
  671. if (data) {
  672. let date = new Date(data);
  673. let day = String(date.getDate()).padStart(2, '0');
  674. let month = String(date.getMonth() + 1).padStart(2, '0');
  675. let year = date.getFullYear();
  676. return `${day}-${month}-${year}`;
  677. }
  678. return "";
  679. }
  680. },
  682. { title: "Comments/Remarks", data: "remarks", className: "text-center" },
  684. ]
  685. }); */
  689. let fileRetireTable = $("#FileRetirementTable").DataTable({
  690. dom: 'Bftip',
  691. columnDefs: [{ targets: 'no-sort', orderable: false }],
  692. lengthMenu: [
  693. [50, 100, 200, 500, -1],
  694. ['50 rows', '100 rows', '200 rows', 'Show all']
  695. ],
  696. scrollY: '50vh',
  697. fixedColumns: { left: 1, right: 1 },
  698. buttons: [
  699. { extend: 'pageLength', className: 'btn btn-warning ' },
  700. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' },
  701. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' },
  702. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' },
  703. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' }
  704. ],
  705. fixedHeader: false,
  706. autoWidth: true,
  707. responsive: true,
  708. searching: true,
  709. select: false,
  710. processing: false,
  711. data: [],
  712. columns: [
  713. { title: "S.No", data: "index", className: "text-center" },
  714. { title: "Employee Code", data: "emp_no", className: "text-center" },
  715. { title: "Name", data: "emp_name", className: "text-center" },
  716. { title: "Designation", data: "designation", className: "text-center" },
  717. { title: "Type of Retirement", data: "type_of_retirement", className: "text-center" },
  718. {
  719. title: "Date of Retirement",
  720. data: "retirement_date",
  721. className: "text-center",
  722. render: function(data, type, row) {
  723. if (data) {
  724. let date = new Date(data);
  725. let day = String(date.getDate()).padStart(2, '0');
  726. let month = String(date.getMonth() + 1).padStart(2, '0');
  727. let year = date.getFullYear();
  728. return `${day}-${month}-${year}`;
  729. }
  730. return "";
  731. }
  733. },
  734. { title: "File Status", data: "fst", className: "text-center" },
  735. { title: "File Category", data: "file_category_name", className: "text-center" },
  736. {
  737. title: "File Moved Date",
  738. data: "file_moved_date",
  739. className: "text-center",
  740. render: function(data, type, row) {
  741. if (data) {
  742. let date = new Date(data);
  743. let day = String(date.getDate()).padStart(2, '0');
  744. let month = String(date.getMonth() + 1).padStart(2, '0');
  745. let year = date.getFullYear();
  746. return `${day}-${month}-${year}`;
  747. }
  748. return "";
  749. }
  750. },
  751. { title: "Comments/Remarks", data: "remarks", className: "text-center" },
  752. ]
  753. });
  756. // family pension datatable
  758. let fileFamilyPensionTable = $("#FileFamilyPensionTable").DataTable({
  759. dom: 'Bftip',
  760. columnDefs: [{ targets: 'no-sort', orderable: false }],
  761. lengthMenu: [
  762. [50, 100, 200, 500, -1],
  763. ['50 rows', '100 rows', '200 rows', 'Show all']
  764. ],
  765. scrollY: '50vh',
  766. fixedColumns: { left: 1, right: 1 },
  767. buttons: [
  768. { extend: 'pageLength', className: 'btn btn-warning ' }, // GIS-style
  769. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' }, // GIS-style
  770. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' }, // GIS-style
  771. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' }, // GIS-style
  772. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' } // GIS-style
  773. ],
  774. fixedHeader: false,
  775. autoWidth: true,
  776. responsive: true,
  777. searching: true,
  778. select: false,
  779. processing: false,
  780. data: [],
  781. columns: [
  783. { title: "S.No", data: "index", className: "text-center" },
  784. { title: "Employee Code", data: "emp_no", className: "text-center" },
  785. { title: "Name", data: "emp_name", className: "text-center" },
  786. { title: "Designation", data: "designation", className: "text-center" },
  787. {
  788. title: "Service Death Date",
  789. data: "service_death",
  790. className: "text-center",
  791. render: function(data, type, row) {
  792. if (data) {
  793. let date = new Date(data);
  794. let day = String(date.getDate()).padStart(2, '0');
  795. let month = String(date.getMonth() + 1).padStart(2, '0');
  796. let year = date.getFullYear();
  797. return `${day}-${month}-${year}`;
  798. }
  799. return "";
  800. }
  801. },
  802. { title: "Relationship Type", data: "relationship_deceased", className: "text-center" },
  803. { title: "Pending Duration", data: "reason_for_pending", className: "text-center" },
  804. { title: "File Status", data: "fst", className: "text-center" },
  805. { title: "File Category", data: "file_category_name", className: "text-center" },
  806. {
  807. title: "File Moved Date",
  808. data: "file_moved_date",
  809. className: "text-center",
  810. render: function(data, type, row) {
  811. if (data) {
  812. let date = new Date(data);
  813. let day = String(date.getDate()).padStart(2, '0');
  814. let month = String(date.getMonth() + 1).padStart(2, '0');
  815. let year = date.getFullYear();
  816. return `${day}-${month}-${year}`;
  817. }
  818. return "";
  819. }
  820. },
  821. { title: "Comments/Remarks", data: "remarks", className: "text-center" },
  823. ]
  824. });
  826. // pendency datatable
  828. let filePendencyTable = $("#FilePendencyTable").DataTable({
  829. dom: 'Bftip',
  830. columnDefs: [{ targets: 'no-sort', orderable: false }],
  831. lengthMenu: [
  832. [50, 100, 200, 500, -1],
  833. ['50 rows', '100 rows', '200 rows', 'Show all']
  834. ],
  835. scrollY: '50vh',
  836. fixedColumns: { left: 1, right: 1 },
  837. buttons: [
  838. { extend: 'pageLength', className: 'btn btn-warning ' }, // GIS-style
  839. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' }, // GIS-style
  840. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' }, // GIS-style
  841. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' }, // GIS-style
  842. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' } // GIS-style
  843. ],
  844. fixedHeader: false,
  845. autoWidth: true,
  846. responsive: true,
  847. searching: true,
  848. select: false,
  849. processing: false,
  850. data: [],
  851. columns: [
  853. { title: "S.No", data: "index", className: "text-center" },
  854. { title: "Employee Code", data: "emp_no", className: "text-center" },
  855. { title: "Name", data: "emp_name", className: "text-center" },
  856. { title: "Designation", data: "designation", className: "text-center" },
  857. { title: "Type of Retirement", data: "type_of_retirement", className: "text-center" },
  858. {
  859. title: "Date of Retirement",
  860. data: "retirement_date",
  861. className: "text-center",
  862. render: function(data, type, row) {
  863. if (data) {
  864. let date = new Date(data);
  865. let day = String(date.getDate()).padStart(2, '0');
  866. let month = String(date.getMonth() + 1).padStart(2, '0');
  867. let year = date.getFullYear();
  868. return `${day}-${month}-${year}`;
  869. }
  870. return "";
  871. }
  873. },
  874. { title: "Pending Duration", data: "reason_for_pending", className: "text-center" },
  875. { title: "File Status", data: "fst", className: "text-center" },
  876. { title: "File Category", data: "file_category_name", className: "text-center" },
  877. {
  878. title: "File Moved Date",
  879. data: "file_moved_date",
  880. className: "text-center",
  881. render: function(data, type, row) {
  882. if (data) {
  883. let date = new Date(data);
  884. let day = String(date.getDate()).padStart(2, '0');
  885. let month = String(date.getMonth() + 1).padStart(2, '0');
  886. let year = date.getFullYear();
  887. return `${day}-${month}-${year}`;
  888. }
  889. return "";
  890. }
  891. },
  892. { title: "Comments/Remarks", data: "remarks", className: "text-center" },
  894. ]
  895. });
  897. // Gis datatable
  899. let fileGisTable = $("#FileGisTable").DataTable({
  900. dom: 'Bftip',
  901. columnDefs: [{ targets: 'no-sort', orderable: false }],
  902. lengthMenu: [
  903. [50, 100, 200, 500, -1],
  904. ['50 rows', '100 rows', '200 rows', 'Show all']
  905. ],
  906. scrollY: '50vh',
  907. fixedColumns: { left: 1, right: 1 },
  908. buttons: [
  909. { extend: 'pageLength', className: 'btn btn-warning ' }, // GIS-style
  910. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' }, // GIS-style
  911. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' }, // GIS-style
  912. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' }, // GIS-style
  913. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' } // GIS-style
  914. ],
  915. fixedHeader: false,
  916. autoWidth: true,
  917. responsive: true,
  918. searching: true,
  919. select: false,
  920. processing: false,
  921. data: [],
  922. columns: [
  924. { title: "S.No", data: "index", className: "text-center" },
  925. { title: "Employee Code", data: "emp_no", className: "text-center" },
  926. { title: "Name", data: "emp_name", className: "text-center" },
  927. { title: "Designation", data: "designation", className: "text-center" },
  928. {
  929. title: "Service Death Date",
  930. data: "service_death",
  931. className: "text-center",
  932. render: function(data, type, row) {
  933. if (data) {
  934. let date = new Date(data);
  935. let day = String(date.getDate()).padStart(2, '0');
  936. let month = String(date.getMonth() + 1).padStart(2, '0');
  937. let year = date.getFullYear();
  938. return `${day}-${month}-${year}`;
  939. }
  940. return "";
  941. }
  942. },
  943. { title: "Sanctioned Amount", data: "sanctional_gis_amount", className: "text-center" },
  944. { title: "File Status", data: "fst", className: "text-center" },
  945. { title: "File Category", data: "file_category_name", className: "text-center" },
  946. {
  947. title: "File Moved Date",
  948. data: "file_moved_date",
  949. className: "text-center",
  950. render: function(data, type, row) {
  951. if (data) {
  952. let date = new Date(data);
  953. let day = String(date.getDate()).padStart(2, '0');
  954. let month = String(date.getMonth() + 1).padStart(2, '0');
  955. let year = date.getFullYear();
  956. return `${day}-${month}-${year}`;
  957. }
  958. return "";
  959. }
  960. },
  961. { title: "Comments/Remarks", data: "remarks", className: "text-center" },
  963. ]
  964. });
  966. // provisional datatable
  968. let fileProvisionalTable = $("#FileProvisionalTable").DataTable({
  969. dom: 'Bftip',
  970. columnDefs: [{ targets: 'no-sort', orderable: false }],
  971. lengthMenu: [
  972. [50, 100, 200, 500, -1],
  973. ['50 rows', '100 rows', '200 rows', 'Show all']
  974. ],
  975. scrollY: '50vh',
  976. fixedColumns: { left: 1, right: 1 },
  977. buttons: [
  978. { extend: 'pageLength', className: 'btn btn-warning ' }, // GIS-style
  979. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' }, // GIS-style
  980. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' }, // GIS-style
  981. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' }, // GIS-style
  982. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' } // GIS-style
  983. ],
  984. fixedHeader: false,
  985. autoWidth: true,
  986. responsive: true,
  987. searching: true,
  988. select: false,
  989. processing: false,
  990. data: [],
  991. columns: [
  993. { title: "S.No", data: "index", className: "text-center" },
  994. { title: "Employee Code", data: "emp_no", className: "text-center" },
  995. { title: "Name", data: "emp_name", className: "text-center" },
  996. { title: "Designation", data: "designation", className: "text-center" },
  997. { title: "Type of Retirement", data: "type_of_retirement", className: "text-center" },
  998. {
  999. title: "Date of Retirement",
  1000. data: "retirement_date",
  1001. className: "text-center",
  1002. render: function(data, type, row) {
  1003. if (data) {
  1004. let date = new Date(data);
  1005. let day = String(date.getDate()).padStart(2, '0');
  1006. let month = String(date.getMonth() + 1).padStart(2, '0');
  1007. let year = date.getFullYear();
  1008. return `${day}-${month}-${year}`;
  1009. }
  1010. return "";
  1011. }
  1013. },
  1014. { title: "File Category", data: "file_category_name", className: "text-center" },
  1015. { title: "File Status", data: "fst", className: "text-center" },
  1016. {
  1017. title: "File Moved Date",
  1018. data: "file_moved_date",
  1019. className: "text-center",
  1020. render: function(data, type, row) {
  1021. if (data) {
  1022. let date = new Date(data);
  1023. let day = String(date.getDate()).padStart(2, '0');
  1024. let month = String(date.getMonth() + 1).padStart(2, '0');
  1025. let year = date.getFullYear();
  1026. return `${day}-${month}-${year}`;
  1027. }
  1028. return "";
  1029. }
  1030. },
  1031. { title: "Comments/Remarks", data: "remarks", className: "text-center" },
  1033. ]
  1034. });
  1036. // Listen for changes in the Type of Report dropdown
  1037. $("#typeofreport").change(function () {
  1038. let selectedValue = $(this).val();
  1039. if (selectedValue === "Detailed") {
  1040. $("#categoryDiv").show();
  1042. } else {
  1043. $("#categoryDiv").hide();
  1044. $("#typeofcategory").val(""); // Reset category value
  1045. $("#statusDiv").hide();
  1046. $("#statusDropdown").val("");
  1047. }
  1048. });
  1051. $("#typeofcategory").change(function () {
  1052. let selectedCatValue = $(this).val();
  1053. let statusDropdown = $("#statusDropdown");
  1055. if(selectedCatValue==""){
  1056. $("#statusDiv").hide();
  1057. $("#statusDropdown").val("");
  1058. }
  1059. else{
  1060. $("#statusDiv").show();
  1061. }
  1063. // Backup of all options (only once)
  1064. if (!statusDropdown.data("original-options")) {
  1065. statusDropdown.data("original-options", statusDropdown.html());
  1066. }
  1068. if (selectedCatValue === "1") {
  1069. // Restore all options
  1070. statusDropdown.html(statusDropdown.data("original-options"));
  1071. } else {
  1072. // Remove the last two options ("File Completed" and "File Closed")
  1073. statusDropdown.html(statusDropdown.data("original-options"));
  1074. statusDropdown.find("option[value='[12]']").remove();
  1075. }
  1078. });
  1081. /* $('#statusDropdown').on('change', function () {
  1082. let selectedValue = $(this).val();
  1083. let statusArray = selectedValue ? JSON.parse(selectedValue) : []; // Convert string to array
  1084. console.log(statusArray); // Output: [1,3] or [2,5,6,9] etc.
  1085. }); */
  1088. // Handle Search Button click
  1089. $("#searchButton").click(function () {
  1090. let startDate = $("#startdate").val();
  1091. let endDate = $("#enddate").val();
  1092. let deptId = $('#deptId').text().trim();
  1093. let typeOfReport = $("#typeofreport").val();
  1094. let typeOfCategory = $("#typeofcategory").val();
  1096. let selectedStatus = $("#statusDropdown").val();
  1097. let statusArray = selectedStatus ? JSON.parse(selectedStatus) : [];
  1098. console.log("statusArray", statusArray);
  1100. if (!startDate || !endDate) {
  1101. Swal.fire({
  1102. icon: "warning",
  1103. title: "Validation Error",
  1104. text: "Please select Both Date before searching.",
  1105. confirmButtonText: "OK"
  1106. });
  1107. return;
  1108. }
  1110. // Validation
  1111. if (!typeOfReport) {
  1112. Swal.fire({
  1113. icon: "warning",
  1114. title: "Validation Error",
  1115. text: "Please select a Type of Report before searching.",
  1116. confirmButtonText: "OK"
  1117. });
  1118. return; // Stop execution if validation fails
  1119. }
  1121. // Handle Detailed Report or Summary Report based on selection
  1122. if (typeOfReport === "Detailed" && !typeOfCategory) {
  1123. Swal.fire({
  1124. icon: "warning",
  1125. title: "Validation Error",
  1126. text: "Please select a Category for Detailed report.",
  1127. confirmButtonText: "OK"
  1128. });
  1129. return;
  1130. }
  1132. // Perform AJAX for FileCategory (Summary) or FileDetails (Detailed)
  1133. let url, data;
  1134. if (typeOfReport === "Detailed") {
  1135. url = "/gcc/api/report/getReportDetails";
  1136. data = { startDate: startDate, endDate: endDate, deptId: deptId, fileCatId: typeOfCategory , fileStatus:statusArray};
  1137. } else {
  1138. url = "/gcc/api/report/getReportData";
  1139. data = { startDate: startDate, endDate: endDate, deptId: deptId };
  1140. }
  1141. $('#pageLoader').show();
  1142. // Make AJAX request based on selected report type
  1143. $.ajax({
  1144. url: url,
  1145. type: "GET",
  1146. data: data,
  1147. traditional: true,
  1148. dataType: "json",
  1149. success: function (response) {
  1150. $('#pageLoader').hide();
  1151. if (response.length === 0) {
  1152. $('#FileCategoryTable').DataTable().clear().draw();
  1153. $('#FileDetailsTable').DataTable().clear().draw();
  1154. $('#FileRetirementTable').DataTable().clear().draw();
  1155. $('#FileFamilyPensionTable').DataTable().clear().draw();
  1156. $('#FilePendencyTable').DataTable().clear().draw();
  1157. $('#FileGisTable').DataTable().clear().draw();
  1158. $('#FileProvisionalTable').DataTable().clear().draw();
  1160. Swal.fire({
  1161. icon: "info",
  1162. title: "No Data Found",
  1163. text: "No records match your selection.",
  1164. confirmButtonText: "OK"
  1165. });
  1166. } else {
  1167. $('#pageLoader').hide();
  1168. // Format and add data to the correct table based on the report type
  1169. if (typeOfReport === "Detailed" && typeOfCategory=='6' ) {
  1170. $("#cpstable").css("display", "block").css("height", "auto");
  1171. $("#audittable").css("display", "none").css("height", "auto");
  1172. $("#retiretable").css("display", "none").css("height", "auto");
  1173. $("#familypensiontable").css("display", "none").css("height", "auto");
  1174. $("#pendencytable").css("display", "none").css("height", "auto");
  1175. $("#gistable").css("display", "none").css("height", "auto");
  1176. $("#provisionaltable").css("display", "none").css("height", "auto");
  1178. let formattedData = response.map((row, index) => ({
  1179. index: index + 1,
  1180. emp_no: row.emp_no,
  1181. emp_name: row.emp_name,
  1182. designation: row.designation,
  1183. type_of_retirement: row.type_of_retirement,
  1184. retirement_date: row.retirement_date,
  1185. reason_for_pending: row.reason_for_pending,
  1186. fst: row.fst,
  1187. file_category_name:row.file_category_name,
  1188. remarks: row.remarks,
  1189. created_date: row.created_date,
  1190. }));
  1191. fileDetailsTable.clear().rows.add(formattedData).draw();
  1192. console.log("retirement data",formattedData);
  1193. }
  1196. if (typeOfReport === "Detailed" && typeOfCategory=='1' ) {
  1197. $("#cpstable").css("display", "none").css("height", "auto");
  1198. $("#audittable").css("display", "none").css("height", "auto");
  1199. $("#retiretable").css("display", "block").css("height", "auto");
  1200. $("#familypensiontable").css("display", "none").css("height", "auto");
  1201. $("#pendencytable").css("display", "none").css("height", "auto");
  1202. $("#gistable").css("display", "none").css("height", "auto");
  1203. $("#provisionaltable").css("display", "none").css("height", "auto");
  1205. let formattedData = response.map((row, index) => ({
  1206. index: index + 1,
  1207. emp_no: row.emp_no,
  1208. emp_name: row.emp_name,
  1209. designation: row.designation,
  1210. type_of_retirement: row.type_of_retirement,
  1211. retirement_date: row.retirement_date,
  1212. fst: row.fst,
  1213. file_category_name:row.file_category_name,
  1214. remarks: row.remarks,
  1215. file_moved_date: row.file_moved_date,
  1216. }));
  1217. fileRetireTable.clear().rows.add(formattedData).draw();
  1218. }
  1220. if (typeOfReport === "Detailed" && typeOfCategory=='2' ) {
  1221. $("#cpstable").css("display", "none").css("height", "auto");
  1222. $("#audittable").css("display", "none").css("height", "auto");
  1223. $("#retiretable").css("display", "none").css("height", "auto");
  1224. $("#familypensiontable").css("display", "block").css("height", "auto");
  1225. $("#pendencytable").css("display", "none").css("height", "auto");
  1226. $("#gistable").css("display", "none").css("height", "auto");
  1227. $("#provisionaltable").css("display", "none").css("height", "auto");
  1229. let formattedData = response.map((row, index) => ({
  1230. index: index + 1,
  1231. emp_no: row.emp_no,
  1232. emp_name: row.emp_name,
  1233. designation: row.designation,
  1234. service_death:row.service_death,
  1235. relationship_deceased: row.relationship_deceased,
  1236. reason_for_pending: row.reason_for_pending,
  1237. fst: row.fst,
  1238. file_category_name:row.file_category_name,
  1239. remarks: row.remarks,
  1240. file_moved_date: row.file_moved_date,
  1241. }));
  1242. fileFamilyPensionTable.clear().rows.add(formattedData).draw();
  1243. }
  1245. if (typeOfReport === "Detailed" && typeOfCategory=='3' ) {
  1246. $("#cpstable").css("display", "none").css("height", "auto");
  1247. $("#audittable").css("display", "none").css("height", "auto");
  1248. $("#retiretable").css("display", "none").css("height", "auto");
  1249. $("#familypensiontable").css("display", "none").css("height", "auto");
  1250. $("#pendencytable").css("display", "block").css("height", "auto");
  1251. $("#gistable").css("display", "none").css("height", "auto");
  1252. $("#provisionaltable").css("display", "none").css("height", "auto");
  1254. let formattedData = response.map((row, index) => ({
  1255. index: index + 1,
  1256. emp_no: row.emp_no,
  1257. emp_name: row.emp_name,
  1258. designation: row.designation,
  1259. type_of_retirement: row.type_of_retirement,
  1260. retirement_date: row.retirement_date,
  1261. reason_for_pending:row.reason_for_pending,
  1262. fst: row.fst,
  1263. file_category_name:row.file_category_name,
  1264. remarks: row.remarks,
  1265. file_moved_date: row.file_moved_date,
  1266. }));
  1267. filePendencyTable.clear().rows.add(formattedData).draw();
  1268. }
  1270. if (typeOfReport === "Detailed" && typeOfCategory=='4' ) {
  1271. $("#cpstable").css("display", "none").css("height", "auto");
  1272. $("#audittable").css("display", "none").css("height", "auto");
  1273. $("#retiretable").css("display", "none").css("height", "auto");
  1274. $("#familypensiontable").css("display", "none").css("height", "auto");
  1275. $("#pendencytable").css("display", "none").css("height", "auto");
  1276. $("#gistable").css("display", "block").css("height", "auto");
  1277. $("#provisionaltable").css("display", "none").css("height", "auto");
  1279. let formattedData = response.map((row, index) => ({
  1280. index: index + 1,
  1281. emp_no: row.emp_no,
  1282. emp_name: row.emp_name,
  1283. designation: row.designation,
  1284. service_death: row.service_death,
  1285. sanctional_gis_amount: row.sanctional_gis_amount,
  1286. fst: row.fst,
  1287. file_category_name:row.file_category_name,
  1288. remarks: row.remarks,
  1289. file_moved_date: row.file_moved_date,
  1290. }));
  1291. fileGisTable.clear().rows.add(formattedData).draw();
  1292. }
  1294. if (typeOfReport === "Detailed" && typeOfCategory=='5' ) {
  1295. $("#cpstable").css("display", "none").css("height", "auto");
  1296. $("#audittable").css("display", "none").css("height", "auto");
  1297. $("#retiretable").css("display", "none").css("height", "auto");
  1298. $("#familypensiontable").css("display", "none").css("height", "auto");
  1299. $("#pendencytable").css("display", "none").css("height", "auto");
  1300. $("#gistable").css("display", "none").css("height", "auto");
  1301. $("#provisionaltable").css("display", "block").css("height", "auto");
  1303. let formattedData = response.map((row, index) => ({
  1304. index: index + 1,
  1305. emp_no: row.emp_no,
  1306. emp_name: row.emp_name,
  1307. designation: row.designation,
  1308. type_of_retirement: row.type_of_retirement,
  1309. retirement_date: row.retirement_date,
  1310. fst: row.fst,
  1311. file_category_name:row.file_category_name,
  1312. remarks: row.remarks,
  1313. file_moved_date: row.file_moved_date,
  1314. }));
  1315. fileProvisionalTable.clear().rows.add(formattedData).draw();
  1316. }
  1320. if(typeOfReport === "Abstract"){
  1321. $("#cpstable").css("display", "none").css("height", "auto");
  1322. $("#audittable").css("display", "block").css("height", "auto");
  1323. $("#retiretable").css("display", "none").css("height", "auto");
  1324. $("#familypensiontable").css("display", "none").css("height", "auto");
  1325. $("#pendencytable").css("display", "none").css("height", "auto");
  1326. $("#gistable").css("display", "none").css("height", "auto");
  1327. $("#provisionaltable").css("display", "none").css("height", "auto");
  1329. let formattedData = response.map((row, index) => ({
  1330. index: index + 1,
  1331. file_name: row.file_name,
  1332. department_pending: row.department_pending,
  1333. audit_pending: row.audit_pending,
  1334. pension_pending: row.pension_pending,
  1335. completed: row.completed,
  1336. total_count: row.total_files
  1337. }));
  1338. fileCategoryTable.clear().rows.add(formattedData).draw();
  1339. }
  1340. }
  1341. },
  1342. error: function (xhr, status, error) {
  1343. $('#pageLoader').hide();
  1344. Swal.fire({
  1345. icon: "error",
  1346. title: "Error",
  1347. text: "Failed to load data. Please try again.",
  1348. confirmButtonText: "OK"
  1349. });
  1350. }
  1351. });
  1352. });
  1353. });
  1357. $('#startdate').on('change', function () {
  1358. const fromDate = $(this).val();
  1359. $('#enddate').attr('min', fromDate); // Update min attribute for To Date
  1361. // If To Date is earlier than the new From Date, adjust it
  1362. const toDate = $('#enddate').val();
  1363. if (new Date(toDate) < new Date(fromDate)) {
  1364. $('#enddate').val(fromDate);
  1365. }
  1366. });
  1368. // Update From Date's max attribute when To Date changes
  1369. $('#enddate').on('change', function () {
  1370. const toDate = $(this).val();
  1371. $('#startdate').attr('max', toDate); // Update max attribute for From Date
  1373. // If From Date is later than the new To Date, adjust it
  1374. const fromDate = $('#startdate').val();
  1375. if (new Date(fromDate) > new Date(toDate)) {
  1376. $('#startdate').val(toDate);
  1377. }
  1378. });
  1382. //disable future dates
  1383. document.addEventListener("DOMContentLoaded", function () {
  1384. let today = new Date().toISOString().split("T")[0]; // Get today's date in YYYY-MM-DD format
  1385. let startdateInput = document.getElementById("startdate");
  1386. let enddateInput = document.getElementById("enddate");
  1388. // Set max attribute to disable future dates
  1389. startdateInput.setAttribute("max", today);
  1390. enddateInput.setAttribute("max", today);
  1393. // Prevent manual future date entry
  1394. startdateInput.addEventListener("change", function () {
  1395. if (this.value > today) {
  1396. Swal.fire({
  1397. icon: 'warning',
  1398. title: 'Invalid Date',
  1399. text: 'Future dates are not allowed.',
  1400. confirmButtonText: 'OK'
  1401. });
  1402. this.value = ""; // Clear the invalid input
  1403. }
  1404. });
  1405. });
  1407. </script>
  1410. </body>
  1411. </html>