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.
5 Commits
1 Branch
0 Tags
971 KiB
Tree: 5d737bffa8
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '5d737bffa8'
${ noResults }
Pensioner_Project/frontend/pensioner/department/reports.html

1392 lines
60 KiB
Raw Normal View History

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
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
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
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">Pending Duration</th>
  296. <th class="text-center">File Status</th>
  297. <th class="text-center">File category</th>
  298. <th class="text-center">File Moved Date</th>
  299. <th class="text-center">Comments/Remarks</th>
  300. </tr>
  301. </thead>
  302. <tbody id="fileDetailsTableBody" style="text-align:center;">
  303. <!-- Data will be inserted dynamically -->
  304. </tbody>
  305. </table>
  307. </div>
  310. <!-- retirement datatable -->
  311. <div style= display:none id="retiretable">
  312. <table id="FileRetirementTable" class="table table-striped table-bordered dataTable">
  313. <thead class="thead-dark">
  314. <tr>
  315. <th class="text-center">S.No</th>
  316. <th class="text-center">Employee Code</th>
  317. <th class="text-center">Name</th>
  318. <th class="text-center">Designation</th>
  319. <th class="text-center">Type of Retirement</th>
  320. <th class="text-center">Date of Retirement</th>
  321. <th class="text-center">File Status</th>
  322. <th class="text-center">File Category</th>
  323. <th class="text-center">File Moved Date</th>
  324. <th class="text-center">Comments/Remarks</th>
  325. </tr>
  326. </thead>
  327. <tbody id="fileRetireTableBody" style="text-align:center;">
  328. <!-- Data will be inserted dynamically -->
  329. </tbody>
  330. </table>
  332. </div>
  335. <!-- Family pension datatable -->
  337. <div style= display:none id="familypensiontable">
  338. <table id="FileFamilyPensionTable" class="table table-striped table-bordered dataTable">
  339. <thead class="thead-dark">
  340. <tr>
  341. <th class="text-center">S.No</th>
  342. <th class="text-center">Employee Code</th>
  343. <th class="text-center">Name</th>
  344. <th class="text-center">Designation</th>
  345. <th class="text-center">Service Death Date</th>
  346. <th class="text-center">Relationship Type</th>
  347. <th class="text-center">Pending Duration</th>
  348. <th class="text-center">File Status</th>
  349. <th class="text-center">File Category</th>
  350. <th class="text-center">File Moved Date</th>
  351. <th class="text-center">Comments/Remarks</th>
  352. </tr>
  353. </thead>
  354. <tbody id="fileFamilyTableBody" style="text-align:center;">
  355. <!-- Data will be inserted dynamically -->
  356. </tbody>
  357. </table>
  359. </div>
  361. <!-- Pendency datatable -->
  363. <div style= display:none id="pendencytable">
  364. <table id="FilePendencyTable" class="table table-striped table-bordered dataTable">
  365. <thead class="thead-dark">
  366. <tr>
  367. <th class="text-center">S.No</th>
  368. <th class="text-center">Employee Code</th>
  369. <th class="text-center">Name</th>
  370. <th class="text-center">Designation</th>
  371. <th class="text-center">Type of Retirement</th>
  372. <th class="text-center">Date of Retirement</th>
  373. <th class="text-center">Pending Duration</th>
  374. <th class="text-center">File Status</th>
  375. <th class="text-center">File Category</th>
  376. <th class="text-center">File Moved Date</th>
  377. <th class="text-center">Comments/Remarks</th>
  378. </tr>
  379. </thead>
  380. <tbody id="filePendencyTableBody" style="text-align:center;">
  381. <!-- Data will be inserted dynamically -->
  382. </tbody>
  383. </table>
  385. </div>
  387. <!-- Gis datatable -->
  389. <div style= display:none id="gistable">
  390. <table id="FileGisTable" class="table table-striped table-bordered dataTable">
  391. <thead class="thead-dark">
  392. <tr>
  393. <th class="text-center">S.No</th>
  394. <th class="text-center">Employee Code</th>
  395. <th class="text-center">Name</th>
  396. <th class="text-center">Designation</th>
  397. <th class="text-center">Service Death Date</th>
  398. <th class="text-center">Sanctioned Amount</th>
  399. <th class="text-center">File Status</th>
  400. <th class="text-center">File category</th>
  401. <th class="text-center">File Moved Date</th>
  402. <th class="text-center">Comments/Remarks</th>
  403. </tr>
  404. </thead>
  405. <tbody id="fileGisTableBody" style="text-align:center;">
  406. <!-- Data will be inserted dynamically -->
  407. </tbody>
  408. </table>
  410. </div>
  412. <!-- provisonal datatable -->
  415. <div style= display:none id="provisionaltable">
  416. <table id="FileProvisionalTable" class="table table-striped table-bordered dataTable">
  417. <thead class="thead-dark">
  418. <tr>
  419. <th class="text-center">S.No</th>
  420. <th class="text-center">Employee Code</th>
  421. <th class="text-center">Name</th>
  422. <th class="text-center">Designation</th>
  423. <th class="text-center">Type of Retirement</th>
  424. <th class="text-center">Date of Retirement</th>
  425. <th class="text-center">File Status</th>
  426. <th class="text-center">File category</th>
  427. <th class="text-center">File Moved Date</th>
  428. <th class="text-center">Comments/Remarks</th>
  429. </tr>
  430. </thead>
  431. <tbody id="fileProvisionalTableBody" style="text-align:center;">
  432. <!-- Data will be inserted dynamically -->
  433. </tbody>
  434. </table>
  436. </div>
  438. </div>
  439. </div>
  440. </div>
  441. </div>
  442. </div>
  443. </div>
  446. <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;">
  447. <div style="position: relative; top: 50%; transform: translateY(-50%);">
  448. <div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;">
  449. <span class="sr-only">Loading...</span>
  450. </div>
  451. <!-- Add the 'Please wait' text below the spinner -->
  452. <p style="margin-top: 1rem; font-size: 1.2rem; color: #007bff;">Please wait...</p>
  453. </div>
  454. </div>
  457. <footer th:replace="~{fragments/modules/base/footer :: footer}"></footer>
  458. </div>
  459. </div>
  462. <!-- Modal Box -->
  465. <div th:replace="~{fragments/modules/base/app_module_menu_box :: div}"></div>
  467. <script th:replace="~{fragments/modules/base/script :: script}"></script>
  468. <script src="node_modules/tempusdominus-bootstrap-4/build/js/tempusdominus-bootstrap-4.min.js"></script>
  469. <!-- Bootstrap 5 JS -->
  470. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
  472. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  475. <script>
  477. $(document).ready(function () {
  478. function loadFileCategories() {
  479. $.ajax({
  480. url: "/getFileCategories", // Ensure this is the correct endpoint
  481. type: "GET",
  482. dataType: "json",
  483. success: function (response) {
  484. console.log("File Categories Loaded:", response); // Debugging
  486. if (response.length === 0) {
  487. console.warn("No categories found!");
  488. return;
  489. }
  491. let $categoryDropdown = $("#typeofcategory");
  492. // $categoryDropdown.empty().append('<option value="">-- Select Category --</option>');
  494. response.forEach(category => {
  495. $categoryDropdown.append(`<option value="${category.id}">${category.file_name}</option>`);
  496. });
  497. },
  498. error: function (xhr, status, error) {
  499. console.error("Error fetching categories:", xhr.responseText);
  500. Swal.fire({
  501. icon: "error",
  502. title: "Error Fetching Data",
  503. text: "Failed to load categories. Please try again later.",
  504. });
  505. }
  506. });
  507. }
  509. // Call function to load categories when the page is ready
  510. loadFileCategories();
  512. $('#resetButton').on('click', function () {
  513. window.location.href = "/gcc/department/reports";
  514. });
  515. });
  519. $(document).ready(function () {
  520. // Initialize DataTables
  522. // count datatable
  524. let fileCategoryTable = $("#FileCategoryTable").DataTable({
  525. dom: 'Bftip',
  526. columnDefs: [{ targets: 'no-sort', orderable: false }],
  527. lengthMenu: [
  528. [50, 100, 200, 500, -1],
  529. ['50 rows', '100 rows', '200 rows', 'Show all']
  530. ],
  531. scrollY: '50vh',
  532. fixedColumns: { left: 1, right: 1 },
  533. buttons: [
  534. { extend: 'pageLength', className: 'btn btn-warning ' }, // GIS-style
  535. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' }, // GIS-style
  536. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' }, // GIS-style
  537. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' }, // GIS-style
  538. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' } // GIS-style
  539. ],
  540. fixedHeader: false,
  541. autoWidth: true,
  542. responsive: true,
  543. searching: true,
  544. select: false,
  545. processing: false,
  546. data: [], // Start with an empty table
  547. columns: [
  548. { title: "S.No", data: "index", className: "text-center" },
  549. { title: "File Category", data: "file_name", className: "text-center" },
  550. { title: "Department Pending", data: "department_pending", className: "text-center" },
  551. { title: "Audit Pending", data: "audit_pending", className: "text-center" },
  552. { title: "Pension Pending", data: "pension_pending", className: "text-center" },
  553. { title: "Completed", data: "completed", className: "text-center" },
  554. { title: "Total Count", data: "total_count", className: "text-center" }
  555. ]
  556. });
  559. //cps datatable
  561. let fileDetailsTable = $("#FileDetailsTable").DataTable({
  562. dom: 'Bftip',
  563. columnDefs: [{ targets: 'no-sort', orderable: false }],
  564. lengthMenu: [
  565. [50, 100, 200, 500, -1],
  566. ['50 rows', '100 rows', '200 rows', 'Show all']
  567. ],
  568. scrollY: '50vh',
  569. fixedColumns: { left: 1, right: 1 },
  570. buttons: [
  571. { extend: 'pageLength', className: 'btn btn-warning ' }, // GIS-style
  572. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' }, // GIS-style
  573. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' }, // GIS-style
  574. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' }, // GIS-style
  575. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' } // GIS-style
  576. ],
  577. fixedHeader: false,
  578. autoWidth: true,
  579. responsive: true,
  580. searching: true,
  581. select: false,
  582. processing: false,
  583. data: [],
  584. columns: [
  586. { title: "S.No", data: "index", className: "text-center" },
  587. { title: "Employee Code", data: "emp_no", className: "text-center" },
  588. { title: "Name", data: "emp_name", className: "text-center" },
  589. { title: "Designation", data: "designation", className: "text-center" },
  590. { title: "Type of Retirement", data: "type_of_retirement", className: "text-center" },
  591. { title: "Pending Duration", data: "reason_for_pending", className: "text-center" },
  592. { title: "File Status", data: "fst", className: "text-center" },
  593. { title: "File Category", data: "file_category_name", className: "text-center" },
  594. {
  595. title: "File Moved Date",
  596. data: "created_date",
  597. className: "text-center",
  598. render: function(data, type, row) {
  599. if (data) {
  600. let date = new Date(data);
  601. let day = String(date.getDate()).padStart(2, '0');
  602. let month = String(date.getMonth() + 1).padStart(2, '0');
  603. let year = date.getFullYear();
  604. return `${day}-${month}-${year}`;
  605. }
  606. return "";
  607. }
  608. },
  609. { title: "Comments/Remarks", data: "remarks", className: "text-center" },
  611. ]
  612. });
  614. // retirement datatable
  616. /* let fileRetireTable = $("#FileRetirementTable").DataTable({
  617. dom: 'Bftip',
  618. columnDefs: [{ targets: 'no-sort', orderable: false }],
  619. lengthMenu: [
  620. [50, 100, 200, 500, -1],
  621. ['50 rows', '100 rows', '200 rows', 'Show all']
  622. ],
  623. scrollY: '50vh',
  624. fixedColumns: { left: 1, right: 1 },
  625. buttons: [
  626. { extend: 'pageLength', className: 'btn btn-warning ' }, // GIS-style
  627. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' }, // GIS-style
  628. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' }, // GIS-style
  629. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' }, // GIS-style
  630. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' } // GIS-style
  631. ],
  632. fixedHeader: false,
  633. autoWidth: true,
  634. responsive: true,
  635. searching: true,
  636. select: false,
  637. processing: false,
  638. data: [],
  639. columns: [
  641. { title: "S.No", data: "index", className: "text-center" },
  642. { title: "Employee Code", data: "emp_no", className: "text-center" },
  643. { title: "Name", data: "emp_name", className: "text-center" },
  644. { title: "Designation", data: "designation", className: "text-center" },
  645. { title: "Type of Retirement", data: "type_of_retirement", className: "text-center" },
  646. { title: "Date of Retirement", data: "retirement_date", className: "text-center" },
  647. { title: "File Status", data: "fst", className: "text-center" },
  648. { title: "File Category", data: "file_category_name", className: "text-center" },
  649. { title: "File Moved Date", data: "file_moved_date", className: "text-center" },
  650. {
  651. title: "File Moved Date",
  652. data: "file_moved_date",
  653. className: "text-center",
  654. render: function(data, type, row) {
  655. if (data) {
  656. let date = new Date(data);
  657. let day = String(date.getDate()).padStart(2, '0');
  658. let month = String(date.getMonth() + 1).padStart(2, '0');
  659. let year = date.getFullYear();
  660. return `${day}-${month}-${year}`;
  661. }
  662. return "";
  663. }
  664. },
  666. { title: "Comments/Remarks", data: "remarks", className: "text-center" },
  668. ]
  669. }); */
  673. let fileRetireTable = $("#FileRetirementTable").DataTable({
  674. dom: 'Bftip',
  675. columnDefs: [{ targets: 'no-sort', orderable: false }],
  676. lengthMenu: [
  677. [50, 100, 200, 500, -1],
  678. ['50 rows', '100 rows', '200 rows', 'Show all']
  679. ],
  680. scrollY: '50vh',
  681. fixedColumns: { left: 1, right: 1 },
  682. buttons: [
  683. { extend: 'pageLength', className: 'btn btn-warning ' },
  684. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' },
  685. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' },
  686. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' },
  687. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' }
  688. ],
  689. fixedHeader: false,
  690. autoWidth: true,
  691. responsive: true,
  692. searching: true,
  693. select: false,
  694. processing: false,
  695. data: [],
  696. columns: [
  697. { title: "S.No", data: "index", className: "text-center" },
  698. { title: "Employee Code", data: "emp_no", className: "text-center" },
  699. { title: "Name", data: "emp_name", className: "text-center" },
  700. { title: "Designation", data: "designation", className: "text-center" },
  701. { title: "Type of Retirement", data: "type_of_retirement", className: "text-center" },
  702. {
  703. title: "Date of Retirement",
  704. data: "retirement_date",
  705. className: "text-center",
  706. render: function(data, type, row) {
  707. if (data) {
  708. let date = new Date(data);
  709. let day = String(date.getDate()).padStart(2, '0');
  710. let month = String(date.getMonth() + 1).padStart(2, '0');
  711. let year = date.getFullYear();
  712. return `${day}-${month}-${year}`;
  713. }
  714. return "";
  715. }
  717. },
  718. { title: "File Status", data: "fst", className: "text-center" },
  719. { title: "File Category", data: "file_category_name", className: "text-center" },
  720. {
  721. title: "File Moved Date",
  722. data: "file_moved_date",
  723. className: "text-center",
  724. render: function(data, type, row) {
  725. if (data) {
  726. let date = new Date(data);
  727. let day = String(date.getDate()).padStart(2, '0');
  728. let month = String(date.getMonth() + 1).padStart(2, '0');
  729. let year = date.getFullYear();
  730. return `${day}-${month}-${year}`;
  731. }
  732. return "";
  733. }
  734. },
  735. { title: "Comments/Remarks", data: "remarks", className: "text-center" },
  736. ]
  737. });
  740. // family pension datatable
  742. let fileFamilyPensionTable = $("#FileFamilyPensionTable").DataTable({
  743. dom: 'Bftip',
  744. columnDefs: [{ targets: 'no-sort', orderable: false }],
  745. lengthMenu: [
  746. [50, 100, 200, 500, -1],
  747. ['50 rows', '100 rows', '200 rows', 'Show all']
  748. ],
  749. scrollY: '50vh',
  750. fixedColumns: { left: 1, right: 1 },
  751. buttons: [
  752. { extend: 'pageLength', className: 'btn btn-warning ' }, // GIS-style
  753. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' }, // GIS-style
  754. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' }, // GIS-style
  755. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' }, // GIS-style
  756. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' } // GIS-style
  757. ],
  758. fixedHeader: false,
  759. autoWidth: true,
  760. responsive: true,
  761. searching: true,
  762. select: false,
  763. processing: false,
  764. data: [],
  765. columns: [
  767. { title: "S.No", data: "index", className: "text-center" },
  768. { title: "Employee Code", data: "emp_no", className: "text-center" },
  769. { title: "Name", data: "emp_name", className: "text-center" },
  770. { title: "Designation", data: "designation", className: "text-center" },
  771. {
  772. title: "Service Death Date",
  773. data: "service_death",
  774. className: "text-center",
  775. render: function(data, type, row) {
  776. if (data) {
  777. let date = new Date(data);
  778. let day = String(date.getDate()).padStart(2, '0');
  779. let month = String(date.getMonth() + 1).padStart(2, '0');
  780. let year = date.getFullYear();
  781. return `${day}-${month}-${year}`;
  782. }
  783. return "";
  784. }
  785. },
  786. { title: "Relationship Type", data: "relationship_deceased", className: "text-center" },
  787. { title: "Pending Duration", data: "reason_for_pending", className: "text-center" },
  788. { title: "File Status", data: "fst", className: "text-center" },
  789. { title: "File Category", data: "file_category_name", className: "text-center" },
  790. {
  791. title: "File Moved Date",
  792. data: "file_moved_date",
  793. className: "text-center",
  794. render: function(data, type, row) {
  795. if (data) {
  796. let date = new Date(data);
  797. let day = String(date.getDate()).padStart(2, '0');
  798. let month = String(date.getMonth() + 1).padStart(2, '0');
  799. let year = date.getFullYear();
  800. return `${day}-${month}-${year}`;
  801. }
  802. return "";
  803. }
  804. },
  805. { title: "Comments/Remarks", data: "remarks", className: "text-center" },
  807. ]
  808. });
  810. // pendency datatable
  812. let filePendencyTable = $("#FilePendencyTable").DataTable({
  813. dom: 'Bftip',
  814. columnDefs: [{ targets: 'no-sort', orderable: false }],
  815. lengthMenu: [
  816. [50, 100, 200, 500, -1],
  817. ['50 rows', '100 rows', '200 rows', 'Show all']
  818. ],
  819. scrollY: '50vh',
  820. fixedColumns: { left: 1, right: 1 },
  821. buttons: [
  822. { extend: 'pageLength', className: 'btn btn-warning ' }, // GIS-style
  823. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' }, // GIS-style
  824. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' }, // GIS-style
  825. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' }, // GIS-style
  826. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' } // GIS-style
  827. ],
  828. fixedHeader: false,
  829. autoWidth: true,
  830. responsive: true,
  831. searching: true,
  832. select: false,
  833. processing: false,
  834. data: [],
  835. columns: [
  837. { title: "S.No", data: "index", className: "text-center" },
  838. { title: "Employee Code", data: "emp_no", className: "text-center" },
  839. { title: "Name", data: "emp_name", className: "text-center" },
  840. { title: "Designation", data: "designation", className: "text-center" },
  841. { title: "Type of Retirement", data: "type_of_retirement", className: "text-center" },
  842. {
  843. title: "Date of Retirement",
  844. data: "retirement_date",
  845. className: "text-center",
  846. render: function(data, type, row) {
  847. if (data) {
  848. let date = new Date(data);
  849. let day = String(date.getDate()).padStart(2, '0');
  850. let month = String(date.getMonth() + 1).padStart(2, '0');
  851. let year = date.getFullYear();
  852. return `${day}-${month}-${year}`;
  853. }
  854. return "";
  855. }
  857. },
  858. { title: "Pending Duration", data: "reason_for_pending", className: "text-center" },
  859. { title: "File Status", data: "fst", className: "text-center" },
  860. { title: "File Category", data: "file_category_name", className: "text-center" },
  861. {
  862. title: "File Moved Date",
  863. data: "file_moved_date",
  864. className: "text-center",
  865. render: function(data, type, row) {
  866. if (data) {
  867. let date = new Date(data);
  868. let day = String(date.getDate()).padStart(2, '0');
  869. let month = String(date.getMonth() + 1).padStart(2, '0');
  870. let year = date.getFullYear();
  871. return `${day}-${month}-${year}`;
  872. }
  873. return "";
  874. }
  875. },
  876. { title: "Comments/Remarks", data: "remarks", className: "text-center" },
  878. ]
  879. });
  881. // Gis datatable
  883. let fileGisTable = $("#FileGisTable").DataTable({
  884. dom: 'Bftip',
  885. columnDefs: [{ targets: 'no-sort', orderable: false }],
  886. lengthMenu: [
  887. [50, 100, 200, 500, -1],
  888. ['50 rows', '100 rows', '200 rows', 'Show all']
  889. ],
  890. scrollY: '50vh',
  891. fixedColumns: { left: 1, right: 1 },
  892. buttons: [
  893. { extend: 'pageLength', className: 'btn btn-warning ' }, // GIS-style
  894. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' }, // GIS-style
  895. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' }, // GIS-style
  896. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' }, // GIS-style
  897. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' } // GIS-style
  898. ],
  899. fixedHeader: false,
  900. autoWidth: true,
  901. responsive: true,
  902. searching: true,
  903. select: false,
  904. processing: false,
  905. data: [],
  906. columns: [
  908. { title: "S.No", data: "index", className: "text-center" },
  909. { title: "Employee Code", data: "emp_no", className: "text-center" },
  910. { title: "Name", data: "emp_name", className: "text-center" },
  911. { title: "Designation", data: "designation", className: "text-center" },
  912. {
  913. title: "Service Death Date",
  914. data: "service_death",
  915. className: "text-center",
  916. render: function(data, type, row) {
  917. if (data) {
  918. let date = new Date(data);
  919. let day = String(date.getDate()).padStart(2, '0');
  920. let month = String(date.getMonth() + 1).padStart(2, '0');
  921. let year = date.getFullYear();
  922. return `${day}-${month}-${year}`;
  923. }
  924. return "";
  925. }
  926. },
  927. { title: "Sanctioned Amount", data: "sanctional_gis_amount", className: "text-center" },
  928. { title: "File Status", data: "fst", className: "text-center" },
  929. { title: "File Category", data: "file_category_name", className: "text-center" },
  930. {
  931. title: "File Moved Date",
  932. data: "file_moved_date",
  933. className: "text-center",
  934. render: function(data, type, row) {
  935. if (data) {
  936. let date = new Date(data);
  937. let day = String(date.getDate()).padStart(2, '0');
  938. let month = String(date.getMonth() + 1).padStart(2, '0');
  939. let year = date.getFullYear();
  940. return `${day}-${month}-${year}`;
  941. }
  942. return "";
  943. }
  944. },
  945. { title: "Comments/Remarks", data: "remarks", className: "text-center" },
  947. ]
  948. });
  950. // provisional datatable
  952. let fileProvisionalTable = $("#FileProvisionalTable").DataTable({
  953. dom: 'Bftip',
  954. columnDefs: [{ targets: 'no-sort', orderable: false }],
  955. lengthMenu: [
  956. [50, 100, 200, 500, -1],
  957. ['50 rows', '100 rows', '200 rows', 'Show all']
  958. ],
  959. scrollY: '50vh',
  960. fixedColumns: { left: 1, right: 1 },
  961. buttons: [
  962. { extend: 'pageLength', className: 'btn btn-warning ' }, // GIS-style
  963. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary ' }, // GIS-style
  964. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' }, // GIS-style
  965. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' }, // GIS-style
  966. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' } // GIS-style
  967. ],
  968. fixedHeader: false,
  969. autoWidth: true,
  970. responsive: true,
  971. searching: true,
  972. select: false,
  973. processing: false,
  974. data: [],
  975. columns: [
  977. { title: "S.No", data: "index", className: "text-center" },
  978. { title: "Employee Code", data: "emp_no", className: "text-center" },
  979. { title: "Name", data: "emp_name", className: "text-center" },
  980. { title: "Designation", data: "designation", className: "text-center" },
  981. { title: "Type of Retirement", data: "type_of_retirement", className: "text-center" },
  982. {
  983. title: "Date of Retirement",
  984. data: "retirement_date",
  985. className: "text-center",
  986. render: function(data, type, row) {
  987. if (data) {
  988. let date = new Date(data);
  989. let day = String(date.getDate()).padStart(2, '0');
  990. let month = String(date.getMonth() + 1).padStart(2, '0');
  991. let year = date.getFullYear();
  992. return `${day}-${month}-${year}`;
  993. }
  994. return "";
  995. }
  997. },
  998. { title: "File Category", data: "file_category_name", className: "text-center" },
  999. { title: "File Status", data: "fst", className: "text-center" },
  1000. {
  1001. title: "File Moved Date",
  1002. data: "file_moved_date",
  1003. className: "text-center",
  1004. render: function(data, type, row) {
  1005. if (data) {
  1006. let date = new Date(data);
  1007. let day = String(date.getDate()).padStart(2, '0');
  1008. let month = String(date.getMonth() + 1).padStart(2, '0');
  1009. let year = date.getFullYear();
  1010. return `${day}-${month}-${year}`;
  1011. }
  1012. return "";
  1013. }
  1014. },
  1015. { title: "Comments/Remarks", data: "remarks", className: "text-center" },
  1017. ]
  1018. });
  1020. // Listen for changes in the Type of Report dropdown
  1021. $("#typeofreport").change(function () {
  1022. let selectedValue = $(this).val();
  1023. if (selectedValue === "Detailed") {
  1024. $("#categoryDiv").show();
  1026. } else {
  1027. $("#categoryDiv").hide();
  1028. $("#typeofcategory").val(""); // Reset category value
  1029. $("#statusDiv").hide();
  1030. $("#statusDropdown").val("");
  1031. }
  1032. });
  1035. $("#typeofcategory").change(function () {
  1036. let selectedCatValue = $(this).val();
  1037. let statusDropdown = $("#statusDropdown");
  1039. if(selectedCatValue==""){
  1040. $("#statusDiv").hide();
  1041. $("#statusDropdown").val("");
  1042. }
  1043. else{
  1044. $("#statusDiv").show();
  1045. }
  1047. // Backup of all options (only once)
  1048. if (!statusDropdown.data("original-options")) {
  1049. statusDropdown.data("original-options", statusDropdown.html());
  1050. }
  1052. if (selectedCatValue === "1") {
  1053. // Restore all options
  1054. statusDropdown.html(statusDropdown.data("original-options"));
  1055. } else {
  1056. // Remove the last two options ("File Completed" and "File Closed")
  1057. statusDropdown.html(statusDropdown.data("original-options"));
  1058. statusDropdown.find("option[value='[12]']").remove();
  1059. }
  1062. });
  1065. /* $('#statusDropdown').on('change', function () {
  1066. let selectedValue = $(this).val();
  1067. let statusArray = selectedValue ? JSON.parse(selectedValue) : []; // Convert string to array
  1068. console.log(statusArray); // Output: [1,3] or [2,5,6,9] etc.
  1069. }); */
  1072. // Handle Search Button click
  1073. $("#searchButton").click(function () {
  1074. let startDate = $("#startdate").val();
  1075. let endDate = $("#enddate").val();
  1076. let deptId = $('#deptId').text().trim();
  1077. let typeOfReport = $("#typeofreport").val();
  1078. let typeOfCategory = $("#typeofcategory").val();
  1080. let selectedStatus = $("#statusDropdown").val();
  1081. let statusArray = selectedStatus ? JSON.parse(selectedStatus) : [];
  1082. console.log("statusArray", statusArray);
  1084. if (!startDate || !endDate) {
  1085. Swal.fire({
  1086. icon: "warning",
  1087. title: "Validation Error",
  1088. text: "Please select Both Date before searching.",
  1089. confirmButtonText: "OK"
  1090. });
  1091. return;
  1092. }
  1094. // Validation
  1095. if (!typeOfReport) {
  1096. Swal.fire({
  1097. icon: "warning",
  1098. title: "Validation Error",
  1099. text: "Please select a Type of Report before searching.",
  1100. confirmButtonText: "OK"
  1101. });
  1102. return; // Stop execution if validation fails
  1103. }
  1105. // Handle Detailed Report or Summary Report based on selection
  1106. if (typeOfReport === "Detailed" && !typeOfCategory) {
  1107. Swal.fire({
  1108. icon: "warning",
  1109. title: "Validation Error",
  1110. text: "Please select a Category for Detailed report.",
  1111. confirmButtonText: "OK"
  1112. });
  1113. return;
  1114. }
  1116. // Perform AJAX for FileCategory (Summary) or FileDetails (Detailed)
  1117. let url, data;
  1118. if (typeOfReport === "Detailed") {
  1119. url = "/getReportDetails";
  1120. data = { startDate: startDate, endDate: endDate, deptId: deptId, fileCatId: typeOfCategory , fileStatus:statusArray};
  1121. } else {
  1122. url = "/getReportData";
  1123. data = { startDate: startDate, endDate: endDate, deptId: deptId };
  1124. }
  1125. $('#pageLoader').show();
  1126. // Make AJAX request based on selected report type
  1127. $.ajax({
  1128. url: url,
  1129. type: "GET",
  1130. data: data,
  1131. traditional: true,
  1132. dataType: "json",
  1133. success: function (response) {
  1134. $('#pageLoader').hide();
  1135. if (response.length === 0) {
  1136. $('#FileCategoryTable').DataTable().clear().draw();
  1137. $('#FileDetailsTable').DataTable().clear().draw();
  1138. $('#FileRetirementTable').DataTable().clear().draw();
  1139. $('#FileFamilyPensionTable').DataTable().clear().draw();
  1140. $('#FilePendencyTable').DataTable().clear().draw();
  1141. $('#FileGisTable').DataTable().clear().draw();
  1142. $('#FileProvisionalTable').DataTable().clear().draw();
  1144. Swal.fire({
  1145. icon: "info",
  1146. title: "No Data Found",
  1147. text: "No records match your selection.",
  1148. confirmButtonText: "OK"
  1149. });
  1150. } else {
  1151. $('#pageLoader').hide();
  1152. // Format and add data to the correct table based on the report type
  1153. if (typeOfReport === "Detailed" && typeOfCategory=='6' ) {
  1154. $("#cpstable").css("display", "block").css("height", "auto");
  1155. $("#audittable").css("display", "none").css("height", "auto");
  1156. $("#retiretable").css("display", "none").css("height", "auto");
  1157. $("#familypensiontable").css("display", "none").css("height", "auto");
  1158. $("#pendencytable").css("display", "none").css("height", "auto");
  1159. $("#gistable").css("display", "none").css("height", "auto");
  1160. $("#provisionaltable").css("display", "none").css("height", "auto");
  1162. let formattedData = response.map((row, index) => ({
  1163. index: index + 1,
  1164. emp_no: row.emp_no,
  1165. emp_name: row.emp_name,
  1166. designation: row.designation,
  1167. type_of_retirement: row.type_of_retirement,
  1168. reason_for_pending: row.reason_for_pending,
  1169. fst: row.fst,
  1170. file_category_name:row.file_category_name,
  1171. remarks: row.remarks,
  1172. created_date: row.created_date,
  1173. }));
  1174. fileDetailsTable.clear().rows.add(formattedData).draw();
  1175. }
  1178. if (typeOfReport === "Detailed" && typeOfCategory=='1' ) {
  1179. $("#cpstable").css("display", "none").css("height", "auto");
  1180. $("#audittable").css("display", "none").css("height", "auto");
  1181. $("#retiretable").css("display", "block").css("height", "auto");
  1182. $("#familypensiontable").css("display", "none").css("height", "auto");
  1183. $("#pendencytable").css("display", "none").css("height", "auto");
  1184. $("#gistable").css("display", "none").css("height", "auto");
  1185. $("#provisionaltable").css("display", "none").css("height", "auto");
  1187. let formattedData = response.map((row, index) => ({
  1188. index: index + 1,
  1189. emp_no: row.emp_no,
  1190. emp_name: row.emp_name,
  1191. designation: row.designation,
  1192. type_of_retirement: row.type_of_retirement,
  1193. retirement_date: row.retirement_date,
  1194. fst: row.fst,
  1195. file_category_name:row.file_category_name,
  1196. remarks: row.remarks,
  1197. file_moved_date: row.file_moved_date,
  1198. }));
  1199. fileRetireTable.clear().rows.add(formattedData).draw();
  1200. }
  1202. if (typeOfReport === "Detailed" && typeOfCategory=='2' ) {
  1203. $("#cpstable").css("display", "none").css("height", "auto");
  1204. $("#audittable").css("display", "none").css("height", "auto");
  1205. $("#retiretable").css("display", "none").css("height", "auto");
  1206. $("#familypensiontable").css("display", "block").css("height", "auto");
  1207. $("#pendencytable").css("display", "none").css("height", "auto");
  1208. $("#gistable").css("display", "none").css("height", "auto");
  1209. $("#provisionaltable").css("display", "none").css("height", "auto");
  1211. let formattedData = response.map((row, index) => ({
  1212. index: index + 1,
  1213. emp_no: row.emp_no,
  1214. emp_name: row.emp_name,
  1215. designation: row.designation,
  1216. service_death:row.service_death,
  1217. relationship_deceased: row.relationship_deceased,
  1218. reason_for_pending: row.reason_for_pending,
  1219. fst: row.fst,
  1220. file_category_name:row.file_category_name,
  1221. remarks: row.remarks,
  1222. file_moved_date: row.file_moved_date,
  1223. }));
  1224. fileFamilyPensionTable.clear().rows.add(formattedData).draw();
  1225. }
  1227. if (typeOfReport === "Detailed" && typeOfCategory=='3' ) {
  1228. $("#cpstable").css("display", "none").css("height", "auto");
  1229. $("#audittable").css("display", "none").css("height", "auto");
  1230. $("#retiretable").css("display", "none").css("height", "auto");
  1231. $("#familypensiontable").css("display", "none").css("height", "auto");
  1232. $("#pendencytable").css("display", "block").css("height", "auto");
  1233. $("#gistable").css("display", "none").css("height", "auto");
  1234. $("#provisionaltable").css("display", "none").css("height", "auto");
  1236. let formattedData = response.map((row, index) => ({
  1237. index: index + 1,
  1238. emp_no: row.emp_no,
  1239. emp_name: row.emp_name,
  1240. designation: row.designation,
  1241. type_of_retirement: row.type_of_retirement,
  1242. retirement_date: row.retirement_date,
  1243. reason_for_pending:row.reason_for_pending,
  1244. fst: row.fst,
  1245. file_category_name:row.file_category_name,
  1246. remarks: row.remarks,
  1247. file_moved_date: row.file_moved_date,
  1248. }));
  1249. filePendencyTable.clear().rows.add(formattedData).draw();
  1250. }
  1252. if (typeOfReport === "Detailed" && typeOfCategory=='4' ) {
  1253. $("#cpstable").css("display", "none").css("height", "auto");
  1254. $("#audittable").css("display", "none").css("height", "auto");
  1255. $("#retiretable").css("display", "none").css("height", "auto");
  1256. $("#familypensiontable").css("display", "none").css("height", "auto");
  1257. $("#pendencytable").css("display", "none").css("height", "auto");
  1258. $("#gistable").css("display", "block").css("height", "auto");
  1259. $("#provisionaltable").css("display", "none").css("height", "auto");
  1261. let formattedData = response.map((row, index) => ({
  1262. index: index + 1,
  1263. emp_no: row.emp_no,
  1264. emp_name: row.emp_name,
  1265. designation: row.designation,
  1266. service_death: row.service_death,
  1267. sanctional_gis_amount: row.sanctional_gis_amount,
  1268. fst: row.fst,
  1269. file_category_name:row.file_category_name,
  1270. remarks: row.remarks,
  1271. file_moved_date: row.file_moved_date,
  1272. }));
  1273. fileGisTable.clear().rows.add(formattedData).draw();
  1274. }
  1276. if (typeOfReport === "Detailed" && typeOfCategory=='5' ) {
  1277. $("#cpstable").css("display", "none").css("height", "auto");
  1278. $("#audittable").css("display", "none").css("height", "auto");
  1279. $("#retiretable").css("display", "none").css("height", "auto");
  1280. $("#familypensiontable").css("display", "none").css("height", "auto");
  1281. $("#pendencytable").css("display", "none").css("height", "auto");
  1282. $("#gistable").css("display", "none").css("height", "auto");
  1283. $("#provisionaltable").css("display", "block").css("height", "auto");
  1285. let formattedData = response.map((row, index) => ({
  1286. index: index + 1,
  1287. emp_no: row.emp_no,
  1288. emp_name: row.emp_name,
  1289. designation: row.designation,
  1290. type_of_retirement: row.type_of_retirement,
  1291. retirement_date: row.retirement_date,
  1292. fst: row.fst,
  1293. file_category_name:row.file_category_name,
  1294. remarks: row.remarks,
  1295. file_moved_date: row.file_moved_date,
  1296. }));
  1297. fileProvisionalTable.clear().rows.add(formattedData).draw();
  1298. }
  1302. if(typeOfReport === "Abstract"){
  1303. $("#cpstable").css("display", "none").css("height", "auto");
  1304. $("#audittable").css("display", "block").css("height", "auto");
  1305. $("#retiretable").css("display", "none").css("height", "auto");
  1306. $("#familypensiontable").css("display", "none").css("height", "auto");
  1307. $("#pendencytable").css("display", "none").css("height", "auto");
  1308. $("#gistable").css("display", "none").css("height", "auto");
  1309. $("#provisionaltable").css("display", "none").css("height", "auto");
  1311. let formattedData = response.map((row, index) => ({
  1312. index: index + 1,
  1313. file_name: row.file_name,
  1314. department_pending: row.department_pending,
  1315. audit_pending: row.audit_pending,
  1316. pension_pending: row.pension_pending,
  1317. completed: row.completed,
  1318. total_count: row.total_files
  1319. }));
  1320. fileCategoryTable.clear().rows.add(formattedData).draw();
  1321. }
  1322. }
  1323. },
  1324. error: function (xhr, status, error) {
  1325. $('#pageLoader').hide();
  1326. Swal.fire({
  1327. icon: "error",
  1328. title: "Error",
  1329. text: "Failed to load data. Please try again.",
  1330. confirmButtonText: "OK"
  1331. });
  1332. }
  1333. });
  1334. });
  1335. });
  1339. $('#startdate').on('change', function () {
  1340. const fromDate = $(this).val();
  1341. $('#enddate').attr('min', fromDate); // Update min attribute for To Date
  1343. // If To Date is earlier than the new From Date, adjust it
  1344. const toDate = $('#enddate').val();
  1345. if (new Date(toDate) < new Date(fromDate)) {
  1346. $('#enddate').val(fromDate);
  1347. }
  1348. });
  1350. // Update From Date's max attribute when To Date changes
  1351. $('#enddate').on('change', function () {
  1352. const toDate = $(this).val();
  1353. $('#startdate').attr('max', toDate); // Update max attribute for From Date
  1355. // If From Date is later than the new To Date, adjust it
  1356. const fromDate = $('#startdate').val();
  1357. if (new Date(fromDate) > new Date(toDate)) {
  1358. $('#startdate').val(toDate);
  1359. }
  1360. });
  1364. //disable future dates
  1365. document.addEventListener("DOMContentLoaded", function () {
  1366. let today = new Date().toISOString().split("T")[0]; // Get today's date in YYYY-MM-DD format
  1367. let startdateInput = document.getElementById("startdate");
  1368. let enddateInput = document.getElementById("enddate");
  1370. // Set max attribute to disable future dates
  1371. startdateInput.setAttribute("max", today);
  1372. enddateInput.setAttribute("max", today);
  1375. // Prevent manual future date entry
  1376. startdateInput.addEventListener("change", function () {
  1377. if (this.value > today) {
  1378. Swal.fire({
  1379. icon: 'warning',
  1380. title: 'Invalid Date',
  1381. text: 'Future dates are not allowed.',
  1382. confirmButtonText: 'OK'
  1383. });
  1384. this.value = ""; // Clear the invalid input
  1385. }
  1386. });
  1387. });
  1389. </script>
  1392. </body>
  1393. </html>