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/fileclosing.html

1307 lines
53 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
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
​
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
​
First Commit
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
updated files
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
First Commit
2 years ago
​
​
​
​
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
  3. <head th:replace="~{fragments/modules/base/head :: head}"></head>
  4. <style>
  5. .required{
  6. color: red;
  7. }
  8. #modalBody h4 {
  9. font-weight: bold;
  10. margin-top: 15px;
  11. margin-bottom: 10px;
  12. }
  14. #modalBody p {
  15. margin: 5px 0;
  16. }
  18. #modalBody hr {
  19. margin: 15px 0;
  20. }
  21. .comment {
  22. margin-bottom: 20px;
  23. }
  25. .comment p {
  26. margin: 0;
  27. }
  29. hr {
  30. border: 1px solid #ccc;
  31. margin-top: 20px;
  32. margin-bottom: 20px;
  33. }
  35. h5 {
  37. font-size: bold;
  38. }
  40. /* Limit the height of the dropdown menu and make it scrollable */
  41. .dropdown-menu {
  42. max-height: 200px; /* Adjust this value as needed */
  43. overflow-y: auto;
  44. }
  47. .col-4 {
  48. font-weight: bold;
  49. text-align: right;
  50. }
  52. .col-8 {
  53. padding-left: 20px;
  54. }
  56. .comment {
  57. padding: 10px 0;
  58. }
  60. .comment .text-muted {
  61. font-size: 0.9em;
  62. color: #6c757d;
  63. }
  65. .comment hr {
  66. border-top: 1px solid #ccc;
  67. }
  69. .comment .btn-link {
  70. font-size: 0.9em;
  71. text-decoration: underline;
  72. color: #007bff;
  73. }
  74. /* Make the modal body scrollable */
  75. #detailsModal .modal-body {
  76. max-height: 70vh; /* Limit the height to 70% of the viewport */
  77. overflow-y: auto; /* Enable vertical scrolling */
  78. }
  80. .card-box {
  81. border-radius: 20px;
  82. box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;
  83. }
  85. #followupCard {
  86. transition: transform 0.2s ease; /* Smooth scaling transition */
  87. cursor: pointer; /* Default cursor change */
  88. }
  90. #followupCard:hover {
  91. transform: scale(1.05); /* Slightly scale up on hover */
  92. cursor: pointer; /* Change cursor to hand symbol */
  93. }
  95. .card-block {
  96. padding: 20px;
  97. }
  99. .form-label {
  100. margin-bottom: 0.5rem;
  101. }
  103. input.form-control {
  104. padding: 10px;
  105. }
  106. .form-select {
  107. padding: 10px;
  108. height: 40px;
  109. }
  111. #employeeCard label{
  112. padding-top: 2%;
  113. }
  115. #returnretrieddetailsModal .modal-body{
  116. max-height:80vh;
  117. overflow-y:auto;
  118. }
  120. #returnretrieddetailsModal .col-md-6{
  121. padding-bottom: 10px;
  122. }
  124. .file-history-list {
  125. margin-top: 10px;
  126. padding-left: 0;
  127. }
  130. .file-history-item {
  131. display: flex;
  132. padding: 5px 10px;
  133. font-family: Arial, sans-serif;
  134. align-items: flex-start;
  135. position: relative; /* For vertical line positioning */
  136. margin-bottom: 1px; /* Add space between items */
  137. }
  139. .file-history-item::before {
  140. content: '';
  141. position: absolute;
  142. top: 0;
  143. bottom: 0;
  144. left: 120px; /* Position of the vertical line */
  145. width: 1px;
  146. background-color: #ddd;
  147. }
  149. .file-history-date {
  150. margin-top: 10px;
  151. flex: 0 0 100px;
  152. font-weight: bold;
  153. font-size: 0.8rem;
  154. color: #333;
  155. text-align: center;
  156. white-space: nowrap; /* Prevent wrapping */
  157. }
  159. .file-history-content {
  160. flex: 5;
  161. padding-left: 20px; /* Adds space after the vertical line */
  162. display: flex;
  163. flex-direction: column;
  164. gap: 5px; /* Adds spacing between status and remarks */
  165. white-space: pre-wrap; /* Prevents wrapping */
  166. overflow: visible; /* Prevents content overflow */
  167. text-overflow: ellipsis; /* Adds ellipsis if content exceeds container width */
  168. }
  172. .file-history-remarks {
  173. font-size: 0.8rem;
  174. color: #777;
  175. white-space: pre-wrap; /* Prevent wrapping */
  176. overflow: visible;
  177. text-overflow: ellipsis;
  178. }
  181. .form-check {
  182. margin-right: 30px; /* Adjust space between Yes and No */
  183. }
  186. </style>
  187. <body>
  188. <!--[if lt IE 8]>
  189. <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>
  190. <![endif]-->
  192. <div class="wrapper">
  193. <!-- header top menu Start -->
  194. <header th:replace="~{fragments/modules/base/header :: header}"></header>
  195. <!-- header top menu end -->
  197. <div class="page-wrap">
  198. <!--=============== Left Menu side Start ================-->
  199. <div th:replace="~{fragments/modules/base/menu :: menu}"></div>
  200. <!--=============== Left side End ================-->
  201. <div class="main-content">
  202. <div class="container-fluid">
  203. <div class="page-header mb-2">
  204. <div class="row align-items-end">
  205. <div class="col-lg-8">
  206. <div class="page-header-title">
  207. <i class="fa fa-list-alt bg-blue"></i>
  208. <div class="d-inline">
  209. <h5>File Closing</h5>
  210. <span>Search Employee Number</span>
  211. </div>
  212. </div>
  213. </div>
  214. <div class="col-lg-4">
  215. <nav class="breadcrumb-container" aria-label="breadcrumb">
  216. <ol class="breadcrumb">
  217. <li class="breadcrumb-item"><a href="/gcc/index"><i class="ik ik-home"></i></a></li>
  218. <li class="breadcrumb-item" aria-current="page">Retirement File Closing</li>
  219. <li class="breadcrumb-item" aria-current="page">File Closing</li>
  220. <!-- <li class="breadcrumb-item active" aria-current="page">Family Pension</li> -->
  221. </ol>
  222. </nav>
  223. </div>
  224. </div>
  225. </div>
  227. <div class="row mt-4" >
  229. <div class="col-md-12">
  230. <div class="card">
  231. <div class="card-block">
  232. <h5 style="font-weight:bold;"> <span th:text="${deptname}" id="deptname"></span>&nbsp;Department</h5><span th:text="${filecategory}" id="filecategory" style="display:none"></span>
  233. <h5 style="font-weight:bold;"><span th:text="${deptId}" id="deptId" style="display:none"></span> Retirement File Closing</h5>
  234. <span th:text="${userId}" id="userId" style="display:none"></span>
  235. <div class="row mb-4">
  237. <!-- Input Fields for Year Selection -->
  239. <!-- Start Year Dropdown as Button Dropdown -->
  240. <!-- Start Year Dropdown as Button Dropdown -->
  241. <div class="col-md-4" >
  242. <label for="empCode" class="form-label fw-bold">Search by Employee No <span class="text-danger">*</span></label>
  244. <div class="dropdown">
  245. <input type="number" id="empCode" class="form-control" pattern="^[A-Za-z0-9]+$" placeholder="Enter Employee No" required>
  246. <small id="employeenoHelp" class="form-text text-muted">Only numeric characters (numbers) are allowed.</small>
  247. </div>
  248. </div>
  250. <div class="col-md-4 mt-20" >
  251. <button id="searchButton" class="btn btn-primary mt-2" Style="height:38px;">Search</button>
  252. <!-- <button id="resetButton" class="btn btn-secondary mt-2">Reset</button> -->
  253. </div>
  254. </div>
  255. </div>
  256. </div>
  258. </div>
  259. </div>
  260. <div class="row mt-4">
  262. <div class="col-md-12">
  263. <div class="card">
  264. <div class="card-block">
  265. <h5 style="font-weight:bold;">Retirement File Closing</h5>
  266. <h5 style="font-weight:bold;"><span th:text="${deptId}" id="deptId" style="display:none"></span></h5>
  267. <span th:text="${userId}" id="userId" style="display:none"></span>
  268. <div id="audittable">
  269. <table id="AuditDatatable" class="table table-striped table-bordered table-hover dataTable" role="grid">
  270. <thead class="thead-dark">
  271. <tr role="row">
  272. <th class="text-center">S.No</th>
  273. <th class="text-center">Employee Code</th>
  274. <th class="text-center">Name </th>
  275. <th class="text-center">Department</th>
  276. <th class="text-center">Designation</th>
  277. <th class="text-center">File Sent Date</th>
  278. <th class="text-center">File Type</th>
  279. <th class="text-center">View</th>
  280. </tr>
  281. </thead>
  282. <tbody style="text-align:center;">
  283. </tbody>
  285. </table>
  286. </div>
  287. </div>
  288. </div>
  289. </div>
  290. </div>
  294. </div>
  295. </div>
  296. <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;">
  297. <div style="position: relative; top: 50%; transform: translateY(-50%);">
  298. <div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;">
  299. <span class="sr-only">Loading...</span>
  300. </div>
  301. <!-- Add the 'Please wait' text below the spinner -->
  302. <p style="margin-top: 1rem; font-size: 1.2rem; color: #007bff;">Please wait...</p>
  303. </div>
  304. </div>
  306. <footer th:replace="~{fragments/modules/base/footer :: footer}"></footer>
  307. </div>
  308. </div>
  311. <!-- model box -->
  314. <div class="modal fade" id="returnretrieddetailsModal" tabindex="-1" role="dialog" aria-labelledby="detailsModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  315. <div class="modal-dialog modal-xl" role="document">
  316. <div class="modal-content">
  317. <div class="modal-header">
  318. <h5 class="modal-title" id="detailsModalLabel">
  319. Retirement File Closing - Employee (<span id="modalEmployeeCode"></span>)
  320. </h5>
  321. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  322. <span aria-hidden="true">&times;</span>
  323. </button>
  324. </div>
  325. <div class="modal-body">
  326. <div class="row" id="sec1">
  329. <!-- Employee No -->
  330. <div class="col-md-4">
  331. <label for="employeenomodel" class="form-label fw-bold">Employee No </label>
  332. <input type="number" id="employeenomodel" class="form-control" readonly>
  333. </div>
  335. <!-- Employee Name -->
  336. <div class="col-md-4">
  337. <label for="employeename" class="form-label fw-bold">Employee Name </label>
  338. <input type="text" id="employeename" class="form-control" readonly>
  339. </div>
  341. <!-- Department -->
  342. <div class="col-md-4">
  343. <label for="department" class="form-label fw-bold">Department </label>
  344. <input type="text" id="department" class="form-control" readonly>
  345. </div>
  347. <!-- Designation -->
  348. <div class="col-md-4">
  349. <label for="designation" class="form-label fw-bold">Designation </label>
  350. <input type="text" id="designation" class="form-control" readonly>
  351. </div>
  353. <div class="col-md-4">
  354. <label for="retirementdate" class="form-label fw-bold">Retirement Date </label>
  355. <input type="date" id="retirementdate" class="form-control" readonly>
  356. </div>
  358. <!-- Class -->
  359. <div class="col-md-4">
  360. <label for="classes" class="form-label fw-bold">Class </label>
  361. <input type="text" id="classes" class="form-control" readonly>
  362. </div>
  364. <!-- Type of Retirement -->
  365. <div class="col-md-4">
  366. <label for="typeofretirement" class="form-label fw-bold">Type of Retirement </label>
  367. <input type="text" id="typeofretirement" class="form-control" readonly>
  368. </div>
  370. <!-- Date File Sent to Audit -->
  371. <div class="col-md-4">
  372. <label for="datefile_modal" class="form-label fw-bold">File Updated Date</label>
  373. <input type="date" id="datefile_modal" class="form-control" readonly>
  374. </div>
  376. <!-- Remarks -->
  377. <div class="col-md-12">
  378. <label for="remarks_modal" class="form-label fw-bold">Comments/Remarks </label>
  379. <textarea id="remarks_modal" class="form-control" rows="4" placeholder="Enter your remarks here" readonly></textarea>
  380. </div>
  382. </div>
  384. <div id="showZoneBenefit">
  385. <hr>
  387. <p style="font-weight: bold;font-size: medium;text-decoration: underline;">Zone Benefits</p>
  389. <div class="row mt-2" id="sec2">
  390. <!-- GPF -->
  391. <div class="col-md-4 mb-2">
  392. <label class="form-label fw-bold">GPF</label>
  393. <div class="d-flex align-items-center gap-5">
  394. <div class="form-check">
  395. <input class="form-check-input" type="radio" id="gpfYes" name="gpf" value="yes">
  396. <label class="form-check-label" for="gpfYes">Yes</label>
  397. </div>
  398. <div class="form-check">
  399. <input class="form-check-input" type="radio" id="gpfNo" name="gpf" value="no">
  400. <label class="form-check-label" for="gpfNo">No</label>
  401. </div>
  402. <div class="form-check">
  403. <input class="form-check-input" type="radio" id="gpf50" name="gpf" value="90">
  404. <label class="form-check-label" for="gpf50">90%</label>
  405. </div>
  406. </div>
  408. <!-- Placeholder for dynamically added input -->
  409. <div id="gpfAmountDiv" class="mt-3" style="display: none;">
  410. <label for="gpfAmount" class="form-label">Enter GPF Amount</label>
  411. <input type="number" id="gpfAmount" class="form-control" placeholder="Enter GPF amount" min="1" oninput="validatePositiveNumber(this)">
  412. </div>
  413. </div>
  415. <!-- Earned Leave & Leave on Private Affairs -->
  416. <div class="col-md-4 mb-2">
  417. <label class="form-label fw-bold">Earned Leave & Leave on Private Affairs</label>
  419. <div class="d-flex align-items-center gap-5">
  420. <div class="form-check">
  421. <input class="form-check-input" type="radio" id="earnedleaveYes" name="earnedleave" value="yes">
  422. <label class="form-check-label" for="earnedleaveYes">Yes</label>
  423. </div>
  424. <div class="form-check">
  425. <input class="form-check-input" type="radio" id="earnedleaveNo" name="earnedleave" value="no">
  426. <label class="form-check-label" for="earnedleaveNo">No</label>
  427. </div>
  428. </div>
  430. <!-- Placeholder for dynamically added input -->
  431. <div id="earnedleaveAmountDiv" class="mt-3" style="display: none;">
  432. <label for="earnedleaveAmount" class="form-label">Enter EL and LPA Amount</label>
  433. <input type="number" id="earnedleaveAmount" class="form-control" placeholder="Enter Amount" min="1" oninput="validatePositiveNumber(this)">
  434. </div>
  435. </div>
  437. <!-- SPFGS -->
  438. <div class="col-md-4 mb-2">
  439. <label class="form-label fw-bold">SPFGS</label>
  441. <div class="d-flex align-items-center gap-5">
  442. <div class="form-check">
  443. <input class="form-check-input" type="radio" id="spfgsYes" name="spfgs" value="yes">
  444. <label class="form-check-label" for="spfgsYes">Yes</label>
  445. </div>
  446. <div class="form-check">
  447. <input class="form-check-input" type="radio" id="spfgsNo" name="spfgs" value="no">
  448. <label class="form-check-label" for="spfgsNo">No</label>
  449. </div>
  450. </div>
  452. <!-- Placeholder for dynamically added input -->
  453. <div id="spfgsAmountDiv" class="mt-3" style="display: none;">
  454. <label for="spfgsAmount" class="form-label">Enter SPFGS Amount</label>
  455. <input type="number" id="spfgsAmount" class="form-control" placeholder="Enter spfgs Amount" min="1" oninput="validatePositiveNumber(this)">
  456. </div>
  457. </div>
  461. <div class="col-md-4 mb-2">
  462. <label for="recoveryemployeevalue" class="form-label fw-bold">Recovery From Employee</label>
  463. <input type="text" id="recoveryemployeevalue" class="form-control" placeholder="Enter Recovery From Employee">
  464. </div>
  465. <!-- DCRF File is Ready -->
  466. <div class="col-md-4">
  467. <label class="form-label fw-bold">DCRG File is Ready</label>
  468. <div class="d-flex align-items-center gap-5">
  469. <div class="form-check">
  470. <input class="form-check-input" type="radio" id="dcrgYes" name="dcrg" value="yes">
  471. <label class="form-check-label" for="dcrgYes">Yes</label>
  472. </div>
  473. <div class="form-check">
  474. <input class="form-check-input" type="radio" id="dcrgNo" name="dcrg" value="no">
  475. <label class="form-check-label" for="dcrgNo">No</label>
  476. </div>
  477. </div>
  478. </div>
  479. </div>
  481. </div>
  485. <!-- <p style="font-weight: bold;font-size: medium;text-decoration: underline;">Pension Benefits</p> -->
  486. <!-- <div class="row" id="sec3">
  487. <div class="col-md-4 mt-2 mb-2">
  488. <label for="pensionNumber" class="form-label">Pension Number</label>
  489. <input type="number" id="pensionNumber" class="form-control" placeholder="Enter Employee Pension Number" >
  490. </div>
  492. <div class="col-md-4 mt-2 mb-2">
  493. <label for="ledgerNumber" class="form-label">Ledger Number</label>
  494. <input type="number" id="ledgerNumber" class="form-control" placeholder="Enter Ledger Number">
  495. </div>
  496. </div> -->
  498. <!-- <div class="row mt-2">
  500. <div class="col-md-4 mb-2">
  501. <label class="form-label fw-bold">Sanctions Pensions Benefit-Pension</label>
  503. <div class="d-flex align-items-center gap-5">
  504. <div class="form-check">
  505. <input class="form-check-input" type="radio" id="bpYes" name="benefit_pension" value="yes">
  506. <label class="form-check-label" for="bpYes">Yes</label>
  507. </div>
  508. <div class="form-check">
  509. <input class="form-check-input" type="radio" id="bpNo" name="benefit_pension" value="no">
  510. <label class="form-check-label" for="bpNo">No</label>
  511. </div>
  512. </div>
  514. Placeholder for dynamically added input
  515. <div id="PbAmountDiv" class="mt-3" style="display: none;">
  516. <label for="benefit_pension_amount" class="form-label">Enter Pensions Benefit Amount</label>
  517. <input type="number" id="benefit_pension_amount" class="form-control" placeholder="Enter Pensions Benefit Amount" min="1" oninput="validatePositiveNumber(this)">
  518. </div>
  519. </div>
  521. <div class="col-md-4 mb-2">
  522. <label class="form-label fw-bold">Sanctions Pensions Benefit-DCRG</label>
  524. <div class="d-flex align-items-center gap-5">
  525. <div class="form-check">
  526. <input class="form-check-input" type="radio" id="DcrgYes" name="benefit_dcrg" value="yes">
  527. <label class="form-check-label" for="DcrgYes">Yes</label>
  528. </div>
  529. <div class="form-check">
  530. <input class="form-check-input" type="radio" id="DcrgNo" name="benefit_dcrg" value="no">
  531. <label class="form-check-label" for="DcrgNo">No</label>
  532. </div>
  533. </div>
  535. Placeholder for dynamically added input
  536. <div id="dcrgAmountDiv" class="mt-3" style="display: none;">
  537. <label for="benefit_dcrg_amount" class="form-label">Enter Benefit DCRG Amount</label>
  538. <input type="number" id="benefit_dcrg_amount" class="form-control" placeholder="Enter Pensions Benefit DCRG Amount" min="1" oninput="validatePositiveNumber(this)">
  539. </div>
  540. </div>
  542. <div class="col-md-4 mb-2">
  543. <label class="form-label fw-bold">Sanctions Pensions Benefit-Commutation</label>
  545. <div class="d-flex align-items-center gap-5">
  546. <div class="form-check">
  547. <input class="form-check-input" type="radio" id="commutationYes" name="benefit_commutation" value="yes">
  548. <label class="form-check-label" for="commutationYes">Yes</label>
  549. </div>
  550. <div class="form-check">
  551. <input class="form-check-input" type="radio" id="commutationNo" name="benefit_commutation" value="no">
  552. <label class="form-check-label" for="commutationNo">No</label>
  553. </div>
  554. </div>
  556. Placeholder for dynamically added input
  557. <div id="CommutationAmountDiv" class="mt-3" style="display: none;">
  558. <label for="benefit_commutation_amount" class="form-label">Enter Benefit Commutation Amount</label>
  559. <input type="number" id="benefit_commutation_amount" class="form-control" placeholder="Enter Pensions Benefit Commutation Amount" min="1" oninput="validatePositiveNumber(this)">
  560. </div>
  561. </div>
  562. </div> -->
  564. <!-- file history -->
  566. <div class="col-md-12 mt-4">
  567. <h5>File History</h5>
  568. <div id="fileHistoryContainer" class="file-history-list">
  569. <!-- File History will be dynamically loaded here -->
  570. </div>
  571. </div>
  574. <hr>
  575. <div class="row">
  577. <div class="col-md-3">
  578. <label for="datefile" class="form-label fw-bold">Date File Completed <span class="text-danger">*</span></label>
  579. <input type="text" id="datefile" class="form-control" readonly="readonly">
  580. </div>
  583. <div class="col-md-3">
  584. <label for="deathdate" class="form-label fw-bold">Employee Death Date<span class="text-danger">*</span></label>
  585. <input type="date" id="deathdate" class="form-control" onclick="this.showPicker()">
  586. </div>
  588. <div class="col-md-12">
  589. <label for="remarks" class="form-label fw-bold">Comments/Remarks<span class="text-danger">*</span></label>
  590. <textarea id="remarks" class="form-control" rows="4" placeholder="Enter your remarks here"></textarea>
  591. </div>
  594. </div>
  596. <div class="row mt-4">
  597. <div class="col-12 d-flex justify-content-center">
  598. <button id="closedbutton" class="btn btn-warning mt-2 mx-2">Mark as Closed</button>
  599. <button id="backbutton" class="btn btn-secondary mt-2" data-dismiss="modal">Back</button>
  600. </div>
  601. </div>
  603. </div>
  604. </div>
  605. </div>
  606. </div>
  611. <div th:replace="~{fragments/modules/base/app_module_menu_box :: div}"></div>
  613. <script th:replace="~{fragments/modules/base/script :: script}"></script>
  614. <script src="node_modules/tempusdominus-bootstrap-4/build/js/tempusdominus-bootstrap-4.min.js"></script>
  615. <!-- Bootstrap 5 JS -->
  616. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
  618. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  620. <script>
  623. $(document).ready(function () {
  625. // Initialize DataTable
  626. function initializeDataTable() {
  627. $('#AuditDatatable').DataTable({
  628. dom: 'Bftip',
  629. columnDefs: [{ targets: 'no-sort', orderable: false }],
  630. lengthMenu: [
  631. [50, 100, 200, 500, -1],
  632. ['50 rows', '100 rows', '200 rows', 'Show all']
  633. ],
  634. scrollY: '50vh',
  635. buttons: [
  636. { extend: 'pageLength', className: 'btn btn-warning' },
  637. { title: 'Data export', extend: 'copyHtml5', text: 'Copy', className: 'btn btn-secondary' },
  638. { extend: 'excelHtml5', text: 'Excel', className: 'btn btn-secondary' },
  639. { extend: 'csvHtml5', text: 'CSV', className: 'btn btn-secondary' },
  640. { extend: 'pdfHtml5', text: 'PDF', className: 'btn btn-secondary' }
  641. ],
  642. fixedHeader: true,
  643. autoWidth: true,
  644. responsive: true,
  645. searching: true,
  646. paging: true,
  647. info: true,
  648. ordering: false
  649. });
  650. }
  652. // Call once on page load
  653. initializeDataTable();
  656. // Trigger search on pressing Enter key
  657. $('#empCode').on('keydown', function (event) {
  658. if (event.key === 'Enter') {
  659. event.preventDefault(); // Prevent default form submission or page reload
  661. const empCode = $('#empCode').val(); // Get the value of empCode
  662. if (!empCode) {
  663. // Show Swal alert if the employee number is missing
  664. Swal.fire({
  665. icon: "warning", // Display a warning icon
  666. title: "Missing Employee Number",
  667. text: "Please enter an employee number to proceed.",
  668. confirmButtonText: "OK",
  669. customClass: {
  670. confirmButton: "btn btn-primary" // Optional styling for the button
  671. }
  672. });
  673. return; // Stop further execution
  674. }
  676. $('#searchButton').click(); // Trigger the click event of the search button
  677. }
  678. });
  681. // Handle Search button click
  682. $('#searchButton').on('click', function () {
  686. const empCode = $('#empCode').val();
  687. const deptId=$('#deptId').text().trim();
  689. if (empCode) {
  690. $('#pageLoader').show();
  691. document.getElementById("audittable").style.display = "block";
  692. }else{
  693. Swal.fire({
  694. icon: "warning", // Display a warning icon
  695. title: "Missing Employee Number",
  696. text: "Please enter an employee number to proceed.",
  697. confirmButtonText: "OK",
  698. customClass: {
  699. confirmButton: "btn btn-primary" // Optional styling for the button
  700. }
  701. });
  702. return;
  703. }
  705. $('#pageLoader').show();
  706. $('#audittable').show();
  709. $.ajax({
  710. url: '/gcc/api/fileclosing/getdetails',
  711. type: 'GET',
  712. data: { empCode: empCode,deptId:deptId },
  713. success: function (response) {
  715. console.log("response==",response);
  717. let employeeDetails=response;
  718. $('#pageLoader').hide();
  719. if (employeeDetails && employeeDetails.length > 0) {
  720. populateDataTable(employeeDetails); // Function to populate DataTable
  721. } else {
  722. Swal.fire({
  723. icon: "warning",
  724. title: "No Data Found",
  725. text: "No details found for this employee number.",
  726. confirmButtonText: "OK",
  727. customClass: {
  728. confirmButton: "btn btn-primary"
  729. }
  730. });
  731. }
  732. },
  733. error: function () {
  734. $('#pageLoader').hide();
  735. Swal.fire({
  736. icon: "error",
  737. title: "Error",
  738. text: "An error occurred while fetching data. Please try again.",
  739. confirmButtonText: "OK"
  740. });
  741. }
  742. });
  743. });
  745. function populateDataTable(data) {
  747. let tbodyHtml = "";
  748. $.each(data, function (index, audit) {
  749. tbodyHtml += `
  750. <tr>
  751. <td class="text-center">${index + 1}</td>
  752. <td class="text-center">${audit.emp_no || 'N/A'}</td>
  753. <td class="text-center">${audit.emp_name || 'N/A'}</td>
  754. <td class="text-center">${audit.dept_name || 'N/A'}</td>
  755. <td class="text-center">${audit.designation || 'N/A'}</td>
  756. <td class="text-center">${audit.file_moved_date ? formatDate(audit.file_moved_date, 'dd-MM-yyyy') : 'N/A'}</td>
  757. <td class="text-center">${audit.file_entry_type || 'N/A'}</td>
  758. <td class="text-center">
  759. <button class="btn btn-primary btn-sm view-btn" data-id="${audit.emp_no}" data-temp-id="${audit.temp_id}">
  760. View
  761. </button>
  762. </td>
  763. </tr>`;
  764. });
  766. // Destroy old DataTable before reinitializing
  767. let table = $('#AuditDatatable').DataTable();
  768. table.clear().destroy();
  769. $('#AuditDatatable tbody').html(tbodyHtml);
  771. // Reinitialize DataTable with updated data
  772. initializeDataTable();
  773. }
  775. function formatDate(dateString, format = 'dd-MM-yyyy') {
  776. if (!dateString) return 'N/A';
  778. // Handle case where date might have time part (e.g., "2024-05-31 00:00:00.0")
  779. let parts = dateString.split(' ')[0].split('-'); // Extract only the date part
  780. if (parts.length !== 3) return 'N/A';
  782. let [year, month, day] = parts; // Assuming date format is "YYYY-MM-DD"
  784. if (format === 'dd-MM-yyyy') {
  785. return `${day}-${month}-${year}`;
  786. } else if (format === 'MM-dd-yyyy') {
  787. return `${month}-${day}-${year}`;
  788. } else {
  789. return dateString; // Default case (return original format)
  790. }
  791. }
  793. });
  796. //model function
  797. function fetchEmployeeDetails(tempId) {
  798. $.ajax({
  799. url: '/gcc/api/fileclosing/getemployeedetails', // API to fetch employee details
  800. type: 'GET',
  801. data: { tempId: tempId }, // Pass EMPLOYEE_CODE as a parameter
  802. success: function (response) {
  803. if (response && response.length > 0) {
  805. let employeeDetails = response[0]; // Access the first object in the array
  806. console.log("response:",response);
  808. //console.log("retirementdate",retirementdate);
  809. // Populate modal fields
  810. $('#employeenomodel').val(employeeDetails.emp_no);
  811. $('#employeename').val(employeeDetails.emp_name);
  812. $('#department').val(employeeDetails.dept_name);
  813. $('#designation').val(employeeDetails.designation);
  814. $('#typeofretirement').val(employeeDetails.type_of_retirement);
  815. $('#classes').val(employeeDetails.retirement_class);
  816. $('#datefile_modal').val(employeeDetails.file_moved_date);
  817. $('#remarks_modal').val(employeeDetails.remarks);
  818. $('#retirementdate').val(employeeDetails.retirement_date);
  820. console.log("retirementdate",retirementdate);
  822. let status=employeeDetails.file_status;
  823. console.log("status=:"+status);
  826. // Update the modal title with the employee code
  827. $('#modalEmployeeCode').text(employeeDetails.emp_no);
  829. // Show the modal
  830. $('#returnretrieddetailsModal').modal('show');
  833. //zone benefits fields
  834. if (status >= 6 && status <= 8) {
  837. $('#showZoneBenefit').show();
  839. if (employeeDetails.gpf === 'yes') {
  840. $('#gpfYes').prop('checked', true); // Disable radio
  841. $('#gpfNo').prop('disabled', true);
  842. $('#gpf50').prop('disabled', true);
  843. $('#gpfAmountDiv').show();
  844. $('#gpfAmount').val(employeeDetails.gpf_amount).prop('readonly', true); // Make input readonly
  845. } else if (employeeDetails.gpf === 'no') {
  846. $('#gpfNo').prop('checked', true);
  847. $('#gpfYes').prop('disabled', true);
  848. $('#gpf50').prop('disabled', true);
  849. $('#gpfAmountDiv').hide();
  850. } else if (employeeDetails.gpf === '90') {
  851. $('#gpf50').prop('checked', true);
  852. $('#gpfYes').prop('disabled', true);
  853. $('#gpfNo').prop('disabled', true);
  854. $('#gpfAmountDiv').show();
  855. $('#gpfAmount').val(employeeDetails.gpf_amount).prop('readonly', true);
  856. }else {
  857. $('#gpf50').prop('disabled', true);
  858. $('#gpfYes').prop('disabled', true);
  859. $('#gpfNo').prop('disabled', true);
  860. $('#gpfAmountDiv').hide();
  862. }
  865. // Populate Earned Leave & Leave on Private Affairs
  866. if (employeeDetails.private_affairs === 'yes') {
  867. $('#earnedleaveYes').prop('checked', true);
  868. $('#earnedleaveNo').prop('disabled', true);
  869. $('#earnedleaveAmountDiv').show();
  870. $('#earnedleaveAmount').val(employeeDetails.private_affairs_amount).prop('readonly', true);
  871. } else if (employeeDetails.private_affairs === 'no') {
  872. $('#earnedleaveNo').prop('checked', true);
  873. $('#earnedleaveYes').prop('disabled', true);
  874. $('#earnedleaveAmountDiv').hide();
  875. } else {
  876. $('#earnedleaveNo').prop('disabled', true);
  877. $('#earnedleaveYes').prop('disabled', true);
  878. $('#earnedleaveAmountDiv').hide();
  879. }
  881. // Populate SPFGS
  882. if (employeeDetails.spfgs === 'yes') {
  883. $('#spfgsYes').prop('checked', true);
  884. $('#spfgsNo').prop('disabled', true);
  885. $('#spfgsAmountDiv').show();
  886. $('#spfgsAmount').val(employeeDetails.spfgs_amount).prop('readonly', true);
  887. } else if (employeeDetails.spfgs === 'no') {
  888. $('#spfgsNo').prop('checked', true);
  889. $('#spfgsYes').prop('disabled', true);
  890. $('#spfgsAmountDiv').hide();
  891. }else {
  892. $('#spfgsNo').prop('disabled', true);
  893. $('#spfgsYes').prop('disabled', true);
  894. $('#spfgsAmountDiv').hide();
  895. }
  897. // Populate Recovery From Employee
  898. $('#recoveryemployeevalue')
  899. .val(employeeDetails.recovery_emp)
  900. .prop('readonly', true); // Make input readonly
  902. // Populate DCRG
  903. if (employeeDetails.dcrg === 'yes') {
  904. $('#dcrgYes').prop('checked', true);
  905. $('#dcrgNo').prop('disabled', true);
  907. }else if (employeeDetails.dcrg === 'no') {
  908. $('#dcrgNo').prop('checked', true);
  909. $('#dcrgYes').prop('disabled', true);
  911. }else {
  912. $('#dcrgNo').prop('disabled', true);
  913. $('#dcrgYes').prop('disabled', true);
  915. }
  917. }
  918. else if(status <=5)
  919. {
  920. $('#showZoneBenefit').hide();
  921. }
  923. /* $('#pensionNumber').val(employeeDetails.pension_number).prop('readonly',true);
  924. $('#ledgerNumber').val(employeeDetails.ledger_number).prop('readonly',true);
  926. $('input[name="benefit_pension"][value="' + employeeDetails.benefit_pension + '"]').prop('checked', true);
  927. if (employeeDetails.benefit_pension === "yes") {
  928. $('#PbAmountDiv').show();
  929. $('#benefit_pension_amount').val(employeeDetails.benefit_pension_amount).prop('readonly',true);
  930. // bpYes bpNo PbAmountDiv benefit_pension_amount
  931. $('#bpYes').prop('checked', true);
  932. $('#bpNo').prop('disabled', true);
  933. } else if(employeeDetails.benefit_pension === "no"){
  934. $('#PbAmountDiv').hide();
  935. $('#bpNo').prop('checked', true);
  936. $('#bpYes').prop('disabled', true);
  937. }
  938. else{
  939. $('#bpNo').prop('disabled', true);
  940. $('#bpYes').prop('disabled', true);
  941. }
  943. $('input[name="benefit_dcrg"][value="' + employeeDetails.benefit_dcrg + '"]').prop('checked', true);
  944. if (employeeDetails.benefit_dcrg === "yes") {
  945. $('#dcrgAmountDiv').show();
  946. $('#benefit_dcrg_amount').val(employeeDetails.benefit_dcrg_amount).prop('readonly',true);
  947. // DcrgYes DcrgNo dcrgAmountDiv benefit_dcrg_amount
  948. $('#DcrgYes').prop('checked', true);
  949. $('#DcrgNo').prop('disabled', true);
  950. } else if(employeeDetails.benefit_dcrg === "no"){
  951. $('#dcrgAmountDiv').hide();
  952. $('#DcrgNo').prop('checked', true);
  953. $('#DcrgYes').prop('disabled', true);
  955. }else {
  956. $('#dcrgAmountDiv').hide();
  957. $('#DcrgNo').prop('disabled', true);
  958. $('#DcrgYes').prop('disabled', true);
  960. }
  962. $('input[name="benefit_commutation"][value="' + employeeDetails.benefit_commutation + '"]').prop('checked', true);
  963. if (employeeDetails.benefit_commutation === "yes") {
  964. $('#CommutationAmountDiv').show();
  965. $('#benefit_commutation_amount').val(employeeDetails.benefit_commutation_amount).prop('readonly',true);
  966. // commutationYes commutationNo CommutationAmountDiv benefit_commutation_amount
  967. $('#commutationYes').prop('checked', true);
  968. $('#commutationNo').prop('disabled', true);
  969. } else if (employeeDetails.benefit_commutation === "no"){
  970. $('#CommutationAmountDiv').hide();
  971. $('#commutationNo').prop('checked', true);
  972. $('#commutationYes').prop('disabled', true);
  973. }else {
  974. $('#CommutationAmountDiv').hide();
  975. $('#commutationNo').prop('disabled', true);
  976. $('#commutationYes').prop('disabled', true);
  977. } */
  979. //$('#datefile').val('');
  980. $('#remarks').val('');
  983. /* document.getElementById('closedbutton').addEventListener('click', function () {
  984. let employeeNo = $('#employeenomodel').val(); // Using jQuery to get the value
  986. // Trigger the save function and pass the value
  987. saveEntryDetails(tempId,employeeNo);
  988. }); */
  990. $('#closedbutton').off('click').on('click', function () {
  991. let employeeNo = $('#employeenomodel').val(); // Get the employee number
  992. saveEntryDetails(tempId, employeeNo); // Call function with parameters
  993. });
  995. } else {
  996. Swal.fire({
  997. icon: 'info',
  998. title: 'No Data',
  999. text: 'No details found for the selected employee.',
  1000. confirmButtonText: 'OK',
  1001. });
  1002. }
  1003. },
  1004. error: function () {
  1005. Swal.fire({
  1006. icon: 'error',
  1007. title: 'Error',
  1008. text: 'Failed to fetch employee details. Please try again.',
  1009. confirmButtonText: 'OK',
  1010. });
  1011. },
  1012. });
  1014. }
  1017. $(document).ready(function () {
  1019. $(document).on('click', '.view-btn', function () {
  1020. const empCode = $(this).data('id'); // Fetch `data-id` value
  1021. const tempId = $(this).data('temp-id'); // Fetch `data-temp-id` value
  1022. console.log("empCode====="+empCode);
  1023. console.log("tempId====="+tempId);
  1024. // Hide the receivedcard section before showing the modal
  1025. $("#receivedcard").hide();
  1026. fetchEmployeeDetails(tempId); // Call the function to fetch employee details
  1027. loadFileHistory(tempId); // Load the file history for the selected employee
  1030. });
  1032. // Initialize the modal with static backdrop and disabled keyboard closing
  1033. $('#returnretrieddetailsModal').modal({
  1034. backdrop: 'static',
  1035. keyboard: false,
  1036. show: false // Ensure it doesn't auto-show on page load
  1037. });
  1040. // Handle close button click
  1041. $('#backbutton').click(function () {
  1042. $('#returnretrieddetailsModal').modal('hide');
  1043. });
  1045. $('.close').click(function () {
  1046. $('#returnretrieddetailsModal').modal('hide');
  1047. });
  1049. // Listen for changes on the GPF radio buttons
  1050. document.querySelectorAll('input[name="gpf"]').forEach(radio => {
  1051. radio.addEventListener('change', function () {
  1052. const gpfAmountDiv = document.getElementById('gpfAmountDiv');
  1053. if (this.value === 'yes' || this.value === '90') {
  1054. gpfAmountDiv.style.display = 'block'; // Show the input field
  1055. } else {
  1056. gpfAmountDiv.style.display = 'none'; // Hide the input field
  1057. document.getElementById('gpfAmount').value = ''; // Clear the input field
  1058. }
  1059. });
  1060. });
  1063. // Listen for changes on the private affaires radio buttons
  1064. document.querySelectorAll('input[name="earnedleave"]').forEach(radio => {
  1065. radio.addEventListener('change', function () {
  1066. const earnedleaveAmountDiv = document.getElementById('earnedleaveAmountDiv');
  1067. if (this.value === 'yes') {
  1068. earnedleaveAmountDiv.style.display = 'block'; // Show the input field
  1069. } else {
  1070. earnedleaveAmountDiv.style.display = 'none'; // Hide the input field
  1071. document.getElementById('earnedleaveAmount').value = ''; // Clear the input field
  1072. }
  1073. });
  1074. });
  1077. // Listen for changes on the spfgs radio buttons
  1078. document.querySelectorAll('input[name="spfgs"]').forEach(radio => {
  1079. radio.addEventListener('change', function () {
  1080. const spfgsAmountDiv = document.getElementById('spfgsAmountDiv');
  1081. if (this.value === 'yes') {
  1082. spfgsAmountDiv.style.display = 'block'; // Show the input field
  1083. } else {
  1084. spfgsAmountDiv.style.display = 'none'; // Hide the input field
  1085. document.getElementById('spfgsAmount').value = ''; // Clear the input field
  1086. }
  1087. });
  1088. });
  1092. /* document.querySelectorAll('input[name="benefit_pension"]').forEach(radio => {
  1093. radio.addEventListener('change', function () {
  1094. const PbAmountDiv = document.getElementById('PbAmountDiv');
  1095. if (this.value === 'yes') {
  1096. PbAmountDiv.style.display = 'block'; // Show the input field
  1097. } else {
  1098. PbAmountDiv.style.display = 'none'; // Hide the input field
  1099. document.getElementById('benefit_pension_amount').value = ''; // Clear the input field
  1100. }
  1101. });
  1102. });
  1105. document.querySelectorAll('input[name="benefit_dcrg"]').forEach(radio => {
  1106. radio.addEventListener('change', function () {
  1107. const dcrgAmountDiv = document.getElementById('dcrgAmountDiv');
  1108. if (this.value === 'yes') {
  1109. dcrgAmountDiv.style.display = 'block'; // Show the input field
  1110. } else {
  1111. dcrgAmountDiv.style.display = 'none'; // Hide the input field
  1112. document.getElementById('benefit_dcrg_amount').value = ''; // Clear the input field
  1113. }
  1114. });
  1115. });
  1118. document.querySelectorAll('input[name="benefit_commutation"]').forEach(radio => {
  1119. radio.addEventListener('change', function () {
  1120. const CommutationAmountDiv = document.getElementById('CommutationAmountDiv');
  1121. if (this.value === 'yes') {
  1122. CommutationAmountDiv.style.display = 'block'; // Show the input field
  1123. } else {
  1124. CommutationAmountDiv.style.display = 'none'; // Hide the input field
  1125. document.getElementById('benefit_commutation_amount').value = ''; // Clear the input field
  1126. }
  1127. });
  1128. }); */
  1129. });
  1132. function loadFileHistory(tempId) {
  1133. $.ajax({
  1134. url: '/gcc/api/department/audit/fileMovementhistory', // API endpoint
  1135. type: 'GET',
  1136. data: { tempId: tempId }, // Pass empCode as a parameter
  1137. success: function (response) {
  1138. if (response.length > 0) {
  1139. let historyHtml = '';
  1140. response.forEach(item => {
  1141. historyHtml += `
  1142. <div class="file-history-item">
  1143. <div class="file-history-date">${formatDateTime(item.fileMovedDateHistory)}</div>
  1144. <div class="file-history-content">
  1145. <div class="file-history-status">${item.fileStatusHistory}</div>
  1146. <div class="file-history-remarks">Remarks: ${item.remarksHistory || 'N/A'}</div>
  1147. </div>
  1148. </div>
  1149. `;
  1150. });
  1154. $('#fileHistoryContainer').html(historyHtml);
  1155. } else {
  1156. $('#fileHistoryContainer').html('<p>No file history available.</p>');
  1157. }
  1158. },
  1159. error: function () {
  1160. $('#fileHistoryContainer').html('<p>Failed to load file history. Please try again later.</p>');
  1161. }
  1162. });
  1163. }
  1165. // Function to format date and time
  1166. function formatDateTime(dateString) {
  1167. const options = {
  1168. day: '2-digit',
  1169. month: '2-digit',
  1170. year: 'numeric',
  1171. };
  1172. return new Date(dateString).toLocaleDateString('en-GB', options); // Formats as dd-mm-yyyy
  1173. }
  1177. document.addEventListener("DOMContentLoaded", function() {
  1178. // Get today's date
  1179. const today = new Date();
  1181. // Format the date as DD-MM-YYYY for display
  1182. const day = String(today.getDate()).padStart(2, '0');
  1183. const month = String(today.getMonth() + 1).padStart(2, '0'); // Months are 0-based
  1184. const year = today.getFullYear();
  1186. // Combine into DD-MM-YYYY format for display
  1187. const formattedDateDisplay = `${day}-${month}-${year}`;
  1189. // Set the value of the input field to the current date (in DD-MM-YYYY format for display)
  1190. document.getElementById("datefile").value = formattedDateDisplay;
  1191. //document.getElementById("datefilereceived").value = formattedDateDisplay;
  1192. //document.getElementById("datefileyes").value = formattedDateDisplay;
  1194. });
  1197. function convertDateFormat(dateString) {
  1198. if (!dateString) return '';
  1199. let [day, month, year] = dateString.split('-');
  1200. return `${year}-${month}-${day}`;
  1201. }
  1204. function saveEntryDetails(tempId,empNo) {
  1206. let entryDetails = {
  1207. empNo:empNo,
  1208. tempId: tempId, // Pass the stored tempId value
  1209. dateToAudit: convertDateFormat($('#datefile').val()?.trim()),
  1210. serviceDeath:$('#deathdate').val(),
  1211. remarks: $('#remarks').val(),
  1212. deptId:$('#deptId').text().trim(),
  1213. filemovedby:$('#userId').text().trim(),
  1214. };
  1216. if (!entryDetails.serviceDeath) {
  1217. Swal.fire({
  1218. icon: 'warning',
  1219. title: 'Validation Error!',
  1220. text: 'Employee Death Date is required.',
  1221. confirmButtonText: 'OK'
  1222. });
  1223. return;
  1224. }
  1226. if (!entryDetails.remarks) {
  1227. Swal.fire({
  1228. icon: 'warning',
  1229. title: 'Validation Error!',
  1230. text: 'Remarks are required.',
  1231. confirmButtonText: 'OK'
  1232. });
  1233. return;
  1234. }
  1236. console.log("entryDetails:",entryDetails);
  1238. $('#closedbutton').prop('disabled', true).text('Processing...');
  1240. $.ajax({
  1241. url: '/gcc/api/fileclosing/updateDetails',
  1242. type: 'POST',
  1243. contentType: 'application/json',
  1244. data: JSON.stringify(entryDetails),
  1245. success: function (response) {
  1246. $('#closedbutton').prop('disabled', false).text('Mark as Closed');
  1247. Swal.fire({
  1248. icon: 'success',
  1249. title: 'Success',
  1250. text: response,
  1251. allowOutsideClick: false,
  1252. allowEscapeKey: false,
  1253. allowEnterKey: false,
  1254. confirmButtonText: 'OK'
  1255. }).then((result) => {
  1256. if (result.isConfirmed) {
  1257. $('#closedbutton').prop('disabled', false).text('Mark as Closed');
  1258. window.location.href = "/gcc/departmentfileclosing/fileclosing";
  1259. console.log("Continue clicked");
  1260. }
  1261. });
  1262. },
  1263. error: function (xhr, status, error) {
  1264. $('#auditsubmit').prop('disabled', false).text('Mark as Closed');
  1265. Swal.fire({
  1266. icon: 'error',
  1267. title: 'Error',
  1268. text: 'Failed to save details. Please try again.',
  1269. confirmButtonText: 'OK'
  1270. });
  1271. console.error('Error:', xhr.responseText);
  1272. }
  1273. });
  1274. }
  1279. //disable future dates
  1280. document.addEventListener("DOMContentLoaded", function () {
  1281. let today = new Date().toISOString().split("T")[0]; // Get today's date in YYYY-MM-DD format
  1282. let deathdate = document.getElementById("deathdate");
  1285. // Set max attribute to disable future dates
  1286. deathdate.setAttribute("max", today);
  1290. // Prevent manual future date entry
  1291. deathdate.addEventListener("change", function () {
  1292. if (this.value > today) {
  1293. Swal.fire({
  1294. icon: 'warning',
  1295. title: 'Invalid Date',
  1296. text: 'Future dates are not allowed.',
  1297. confirmButtonText: 'OK'
  1298. });
  1299. this.value = ""; // Clear the invalid input
  1300. }
  1301. });
  1302. });
  1304. </script>
  1307. </body>
  1308. </html>