yoganandhank
/
CRS_logs_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.
15 Commits
1 Branch
0 Tags
354 KiB
Tree: 283c1a69e7
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '283c1a69e7'
${ noResults }
CRS_logs_project/src/main/resources/templates/modules/crslogspages/death.html

1361 lines
38 KiB
Raw Normal View History

separate birth and death into two pages
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
logout after 10 minutes of inactive
1 year ago
separate birth and death into two pages
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
logout after 10 minutes of inactive
1 year ago
​
separate birth and death into two pages
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
logout after 10 minutes of inactive
1 year ago
separate birth and death into two pages
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
logout after 10 minutes of inactive
1 year ago
​
​
separate birth and death into two pages
1 year ago
​
​
​
​
​
​
logout after 10 minutes of inactive
1 year ago
separate birth and death into two pages
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
added custom error page and birth and death restapiservices url added for fetching records
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
separate birth and death into two pages
1 year ago
​
​
​
​
added custom error page and birth and death restapiservices url added for fetching records
1 year ago
​
​
​
​
separate birth and death into two pages
1 year ago
​
​
​
​
​
​
added custom error page and birth and death restapiservices url added for fetching records
1 year ago
​
separate birth and death into two pages
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
added custom error page and birth and death restapiservices url added for fetching records
1 year ago
​
​
​
​
​
​
​
​
​
separate birth and death into two pages
1 year ago
​
added custom error page and birth and death restapiservices url added for fetching records
1 year ago
​
​
separate birth and death into two pages
1 year ago
​
​
added custom error page and birth and death restapiservices url added for fetching records
1 year ago
separate birth and death into two pages
1 year ago
​
​
​
added custom error page and birth and death restapiservices url added for fetching records
1 year ago
separate birth and death into two pages
1 year ago
​
added custom error page and birth and death restapiservices url added for fetching records
1 year ago
​
​
​
​
​
​
​
separate birth and death into two pages
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <title>GCC - Death</title>
  9. <!-- Links to Bootstrap CSS and JS, jQuery, and SweetAlert -->
  10. <!-- Bootstrap CSS -->
  11. <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
  14. <!-- Include Bootstrap Icons CDN in <head> if not already -->
  15. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
  17. <!-- <link th:href="@{/styles/birthanddeath.css}" rel="stylesheet" /> -->
  19. </head>
  22. <style>
  25. .form-check {
  26. display: flex;
  27. align-items: center;
  28. margin-bottom: 10px;
  29. }
  31. .form-check-input {
  32. transform: scale(1.5);
  33. }
  35. /*checkbox style*/
  36. label {
  37. color: black;
  38. }
  40. /* Header Styling */
  41. .header {
  42. background-color: #1d495a;
  43. padding: 10px 20px;
  44. display: flex;
  45. align-items: center;
  46. justify-content: space-between;
  47. color: white;
  48. font-family: Arial, sans-serif;
  49. /* position: fixed ;
  50. top: 0;
  51. width: 100%;
  52. z-index: 1000; */
  53. }
  55. .header .logo {
  56. display: flex;
  57. align-items: center;
  58. }
  60. .header .logo img {
  61. height: 60px;
  62. }
  64. .header .center-text {
  65. position: absolute; /* Centered text */
  66. left: 50%;
  67. transform: translateX(-50%);
  68. text-align: center;
  69. font-size: 24px;
  70. }
  72. .header .menu-btn {
  73. background-color: transparent;
  74. border: none;
  75. font-size: 24px;
  76. color: white;
  77. }
  79. .header .menu-btn:hover {
  80. /* text-decoration: underline; */
  81. color: #ccc;
  82. }
  84. /* Menu Dropdown */
  85. .menu-dropdown {
  86. position: relative;
  87. margin-top: 10px;
  88. background-color: #1d495a;
  89. padding: 10px 20px;
  90. display: none;
  91. flex-direction: column;
  92. width: 100%;
  93. }
  95. .menu-dropdown a {
  96. color: white;
  97. margin-bottom: 5px;
  98. text-decoration: none;
  99. }
  101. .menu-dropdown a:hover {
  102. text-decoration: underline;
  103. }
  105. .menu-dropdown {
  106. right: 0;
  107. left: 0;
  108. z-index: 1000; /* Add z-index to bring the menu above other elements */
  109. }
  111. /* Mobile Specific Styling */
  112. @media ( max-width : 768px) {
  113. .header {
  114. display: flex;
  115. justify-content: space-between;
  116. align-items: center;
  117. }
  118. .center-text {
  119. font-size: 18px !important;
  120. flex-grow: 1;
  121. text-align: center;
  122. }
  123. .menu-dropdown {
  124. right: 0;
  125. left: 0;
  126. z-index: 1000;
  127. /* Add z-index to bring the menu above other elements */
  128. }
  129. }
  132. @media (max-width: 768px) {
  133. .user-info {
  134. flex-direction: row;
  135. justify-content: flex-end;
  136. align-items: center;
  137. gap: 10px;
  138. }
  140. .user-name-wrapper {
  141. font-size: 12px;
  142. padding: 3px 10px;
  143. }
  145. #logoutBtn {
  146. font-size: 8px;
  147. padding: 4px 5px;
  148. }
  150. .user-name-text {
  151. font-size: 13px;
  152. }
  153. }
  156. /* Ensure content is not hidden behind the fixed navbar */
  157. body {
  158. margin: 0;
  159. /* margin-top: 90px; Adjust based on your header height */
  160. }
  162. .req {
  163. color: red;
  164. }
  166. /* otp*/
  167. .otp-input-box {
  168. display: flex;
  169. justify-content: center;
  170. gap: 10px;
  171. /* Adjust spacing between the inputs */
  172. }
  174. .otp-input {
  175. width: 50px;
  176. /* Width for a square input */
  177. height: 50px;
  178. /* Height for a square input */
  179. font-size: 24px;
  180. /* Make the digits larger */
  181. text-align: center;
  182. /* Center the digit inside the box */
  183. border: 1px solid #ccc;
  184. /* Optional: add a border */
  185. border-radius: 5px;
  186. /* Optional: rounded corners */
  187. outline: none;
  188. /* Remove default focus outline */
  189. transition: border-color 0.3s ease;
  190. }
  192. .otp-input:focus {
  193. border-color: #007bff;
  194. /* Change border color on focus */
  195. }
  197. /* otp*/
  199. /*send otp styles*/
  200. .input-group .form-control {
  201. border-right: 0;
  202. /* Remove right border of the input to blend with the button */
  203. }
  205. .input-group-append .btn {
  206. border-left: 0;
  207. /* Remove left border of the button */
  208. }
  210. .bottom-container {
  211. margin-bottom: 50px; /* Adjust as needed */
  212. }
  215. /* datatables styles css*/
  216. .dataTables_filter {
  217. float: right;
  218. text-align: right;
  219. }
  221. .dataTables_wrapper .dataTables_paginate .paginate_button {
  222. margin: 0 3px;
  223. padding: 4px 10px;
  224. border: 1px solid #dee2e6;
  225. border-radius: 4px;
  226. background-color: #f8f9fa;
  227. color: #007bff !important;
  228. cursor: pointer;
  229. }
  231. .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  232. background-color: #007bff;
  233. color: white !important;
  234. border: 1px solid #007bff;
  235. }
  237. .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  238. background-color: #e2e6ea;
  239. border-color: #adb5bd;
  240. }
  242. .dataTables_wrapper .dataTables_paginate {
  243. text-align: right !important;
  244. }
  248. /* Navigation Bar */
  250. .nav-link.active {
  251. color: white;
  252. background-color: #006680;
  253. border-radius: 5px;
  254. padding: 5px 10px;
  255. font-weight: bold;
  256. }
  258. .nav-bar {
  259. background-color: #EBF1FA;
  260. padding: 0.5rem 1rem;
  261. margin-top: 10px;
  262. text-align: center;
  263. border-radius: 1ex;
  266. }
  268. .nav-list {
  269. list-style: none;
  270. margin: 0;
  271. padding: 0;
  272. display: inline-flex;
  273. gap: 2rem;
  274. border-radius: 1ex;
  275. cursor: pointer;
  276. }
  278. .nav-link {
  279. text-decoration: none;
  280. color: #006680;
  281. font-weight: 500;
  282. padding: 0.5rem 1rem;
  283. border-radius: 5px;
  284. transition: background-color 0.3s ease;
  285. }
  287. .nav-link:hover
  288. {
  289. background-color: #006680;
  290. color: #fff;
  291. }
  295. /* captcha style css */
  297. .captcha-box {
  298. font-family: 'Courier New', monospace;
  299. font-size: 24px;
  300. letter-spacing: 4px;
  301. font-weight: bold;
  302. background: #f2f2f2;
  303. border: 1px dashed #aaa;
  304. padding: 10px 15px;
  305. user-select: none;
  306. pointer-events: none; /* disables copy */
  307. text-decoration: line-through;
  308. color: #333;
  309. transform: rotate(-1deg);
  310. }
  312. #entered-captcha {
  313. user-select: none;
  314. }
  316. #entered-captcha::placeholder {
  317. font-style: italic;
  318. }
  320. #entered-captcha,
  321. #generated-captcha {
  322. -webkit-user-select: none; /* Chrome/Safari */
  323. -moz-user-select: none; /* Firefox */
  324. -ms-user-select: none; /* IE10+ */
  325. user-select: none;
  326. }
  328. .is-invalid {
  329. border: 1px solid red;
  330. }
  333. /* Decrease top margin for the container */
  334. .container.mt-4, .container.mt-5 {
  335. margin-top: 10px !important; /* Adjust this value as needed */
  336. }
  341. .user-info {
  342. position: absolute;
  343. top: 20px;
  344. right: 71px;
  345. font-weight: bold;
  346. color: #333;
  347. display: flex;
  348. flex-direction: row;
  349. align-items: center;
  350. gap: 26px;
  351. flex-wrap: wrap;
  352. }
  354. .user-name-wrapper {
  355. cursor: pointer;
  356. color: #fff;
  357. font-weight: 500;
  358. padding: 7px 15px;
  359. border-radius: 3px;
  360. background-color: #7b9ab8;
  361. display: inline-flex;
  362. align-items: center;
  363. font-size: 1rem;
  364. }
  366. .user-name-wrapper:hover {
  367. color: #1b1e21;
  368. }
  370. .user-name-active {
  371. /* background-color: #e7f1ff; */
  372. color: #0a58ca;
  373. }
  375. #userNameWrapper {
  376. display: flex;
  377. align-items: center;
  378. gap: 10px;
  379. }
  383. @media (max-width: 768px) {
  384. .mobile-username {
  385. /* display: block; */
  386. font-size: 0.9rem;
  387. }
  389. .header .center-text{
  391. margin-bottom:39px;
  392. }
  394. .mobile-logout {
  395. display: block;
  396. }
  398. /* Hide desktop user-info on mobile */
  399. .user-info {
  400. display: none !important;
  401. }
  403. #logoutBtnMobile {
  404. font-size: 0.9rem;
  405. width: auto;
  406. margin-top: 5px;
  408. }
  409. }
  412. @media (min-width: 769px) {
  413. .mobile-username,
  414. .mobile-logout {
  415. display: block;
  416. }
  418. .header .center-text{
  419. transform: translateX(-80%);
  420. /* left:47%; */
  421. }
  422. }
  426. </style>
  430. <body style="background-color: #ebf1fa;">
  433. <!-- Header Start-->
  434. <header>
  435. <div class="header d-flex justify-content-between align-items-center">
  436. <!-- Left: Logo -->
  437. <div class="logo">
  438. <a href="https://chennaicorporation.gov.in/gcc/">
  439. <img src="https://gccservices.in/gcc/assets/images/logo.png" alt="Logo">
  440. </a>
  441. </div>
  443. <!-- Center: Text -->
  444. <div class="center-text">GREATER CHENNAI CORPORATION</div>
  447. <!-- Mobile Username (below logo) -->
  448. <!-- Mobile Username (below logo) -->
  449. <div class="mobile-username d-md-none text-start mt-2 ms-2">
  450. <span class="user-name-wrapper" title="Click to logout" style="margin-top: 58px; margin-left: 36px;">
  451. <i class="bi bi-person-circle me-1" style="color:#364d65"></i>
  452. <span id="loggedUserNameMobile" class="user-name-text"></span>
  453. </span>
  454. </div>
  456. <!-- Desktop User Info (hidden on mobile) -->
  457. <div class="user-info d-md-flex align-items-center">
  458. <span class="user-name-wrapper" title="Click to logout">
  459. <i class="bi bi-person-circle me-1" style="color:#364d65"></i>
  460. <span id="loggedUserNameDesktop" class="user-name-text"></span>
  461. </span>
  462. <div id="userNameWrapper" class="ms-2 p-1 rounded">
  464. <button id="logoutBtn" class="btn btn-sm btn-danger" style="font-weight:6px;">LOG OUT</button>
  465. </div>
  466. </div>
  470. <!-- Home Icon + Logout button (mobile logout under icon) -->
  471. <div class="center">
  472. <a href="https://chennaicorporation.gov.in/gcc/">
  473. <i class="bi bi-house-fill" style="font-size: 40px; color:#93adc8; margin-left: 21px;"></i>
  474. </a>
  475. <!-- Mobile Logout -->
  476. <div class="mobile-logout d-md-none text-center mt-1">
  477. <button id="logoutBtnMobile" class="btn btn-sm btn-danger" style="font-weight:6px;">LOG OUT</button>
  478. </div>
  479. </div>
  484. </div>
  488. <div class="navhead">
  489. <!-- Navigation Bar -->
  490. <nav class="nav-bar">
  491. <ul class="nav-list">
  492. <!-- <li><a id="birth-link" class="nav-link active">Birth</a></li>-->
  493. <li><a id="death-link" class="nav-link active">Death</a></li>
  495. </ul>
  496. </nav>
  497. </div>
  499. </header>
  500. <!-- Header End-->
  502. <main class="container mt-4" >
  503. <div class="container mt-5">
  504. <!-- <div class="card" id="birth-card" style="display: block;">
  505. <div class="card-header bg-dark text-white">
  506. <h5>Birth Certificate:-</h5>
  507. </div>
  508. <div class="card-body">
  509. <h6>
  510. <strong>Birth Certificate Details :-</strong>
  511. </h6>
  512. <hr />
  514. <div class="container mt-5">
  517. <div class="row mb-3">
  519. <div class="col-md-5">
  520. <label class="form-label" for="phoneNumber">Enter Register Number </label> <input type="text"
  521. id="regno" class="form-control"
  522. placeholder="Enter Register number">
  523. </div>
  525. <div class="col-md-5">
  526. <label class="form-label" for="name">Child Name </label> <input type="text"
  527. class="form-control" placeholder="Enter Child Name here" id="childname" oninput="this.value = this.value.replace(/[^a-zA-Z\s]/g, '')">
  528. </div>
  530. </div>
  534. <div class="row mb-3">
  535. <div class="col-md-5">
  536. <label class="form-label" for="name">Date of Birth<span
  537. class="text-danger">*</span></label> <input type="DATE"
  538. class="form-control" placeholder="Enter Door Number"
  539. id="dateofbirth" onclick="this.showPicker()" required>
  540. </div>
  543. <div class="col-md-5"> <label class="form-label d-block">Gender <span class="text-danger">*</span></label>
  544. <div class="d-flex align-items-center gap-3">
  545. <div class="form-check form-check-inline mb-0">
  546. <input class="form-check-input" type="radio" name="gender" id="birthGenderMale" value="Male" required> <label class="form-check-label" for="birthGenderMale">Male</label> </div>
  547. <div class="form-check form-check-inline mb-0"> <input class="form-check-input" type="radio" name="gender" id="birthGenderFemale" value="Female" required> <label class="form-check-label" for="birthGenderFemale">Female</label> </div>
  548. <div class="form-check form-check-inline mb-0"> <input class="form-check-input" type="radio" name="gender" id="birthGenderTrans" value="Transgender" required> <label class="form-check-label" for="birthGenderTrans">Transgender</label> </div> </div> </div>
  551. </div>
  555. <div class="row mb-3">
  556. <div class="col-md-5">
  557. <label class="form-label" for="name">Name of Father</label> <input type="text"
  558. class="form-control" placeholder="Enter the Father Name"
  559. id="fathername">
  560. </div>
  561. <div class="col-md-5">
  562. <label class="form-label" for="name">Name of Mother</span></label> <input type="text"
  563. class="form-control" placeholder="Enter the Mother Name"
  564. id="mothername">
  565. </div>
  567. <div class="col-md-5 mt-3">
  568. <label for="birth-captcha-input">Enter Captcha <span class="text-danger">*</span></label>
  569. <div class="d-flex align-items-center">
  570. <div id="birth-captcha" class="captcha-box mr-2" style="width: 140px; text-align: center; user-select: none;"></div>
  571. <button type="button" class="btn btn-sm btn-outline-secondary" onclick="generateCaptcha('birth')">↻</button>
  572. </div>
  573. <input type="text" id="birth-captcha-input" class="form-control mt-2"
  574. placeholder="Enter Captcha"
  575. onpaste="return false" oncopy="return false" oncut="return false" />
  576. </div>
  579. </div>
  582. </div>
  584. <div class="text-center ">
  585. <button type="button" class="btn btn-success" onclick="fetchBirthData()">Submit</button>
  588. </div> -->
  590. </div>
  591. </div>
  594. <!-- Death certificate card -->
  596. <div class="card" id="death-card">
  597. <div class="card-header bg-dark text-white">
  598. <h5>Death Certificate:-</h5>
  599. </div>
  600. <div class="card-body" >
  601. <h6>
  602. <strong>Death Certificate Details :-</strong>
  603. </h6>
  604. <hr />
  606. <div class="container mt-5">
  608. <!-- Row 1:Register No and Name -->
  609. <div class="row mb-3">
  611. <div class="col-md-5">
  612. <label class="form-label" for="phoneNumber">Enter Register Number </label> <input type="text"
  613. class="form-control"
  614. placeholder="Enter Register number">
  615. </div>
  617. <div class="col-md-5">
  618. <label class="form-label" for="name">Person Name </label> <input type="text"
  619. class="form-control" placeholder="Enter Person Name here" id="personname" oninput="this.value = this.value.replace(/[^a-zA-Z\s]/g, '')">
  620. </div>
  622. </div>
  625. <!-- Row 2: D.O.B and Gender -->
  626. <div class="row mb-3">
  627. <div class="col-md-5">
  628. <label class="form-label" for="name">Date of Death<span
  629. class="text-danger">*</span></label> <input type="DATE"
  630. class="form-control" placeholder="Select Date"
  631. id="dateofdeath" onclick="this.showPicker()" required>
  632. </div>
  636. <div class="col-md-5"> <label class="form-label d-block">Gender <span class="text-danger">*</span></label>
  637. <div class="d-flex align-items-center gap-3">
  638. <div class="form-check form-check-inline mb-0">
  639. <input class="form-check-input" type="radio" name="deathgender" id="deathGenderMale" value="Male" required> <label class="form-check-label" for="deathGenderMale">Male</label> </div>
  640. <div class="form-check form-check-inline mb-0"> <input class="form-check-input" type="radio" name="deathgender" id="deathGenderFemale" value="Female" required> <label class="form-check-label" for="deathGenderFemale">Female</label> </div>
  641. <div class="form-check form-check-inline mb-0"> <input class="form-check-input" type="radio" name="deathgender" id="deathGenderTrans" value="Transgender" required> <label class="form-check-label" for="deathGenderTrans">Transgender</label>
  642. </div> </div> </div>
  645. </div>
  648. <!-- Row 3: Parents Details -->
  649. <div class="row mb-3">
  650. <div class="col-md-5">
  651. <label class="form-label" for="name">Name of Father</label> <input type="text"
  652. class="form-control" placeholder="Enter the Father Name"
  653. id="deathfathername">
  654. </div>
  655. <div class="col-md-5">
  656. <label class="form-label" for="name">Name of Mother</label> <input type="text"
  657. class="form-control" placeholder="Enter the Mother Name"
  658. id="deathmothername">
  659. </div>
  661. <div class="col-md-5 mt-3">
  662. <label for="death-captcha-input">Enter Captcha <span class="text-danger">*</span></label>
  663. <div class="d-flex align-items-center">
  664. <div id="death-captcha" class="captcha-box mr-2" style="width: 140px; text-align: center; user-select: none;"></div>
  665. <button type="button" class="btn btn-sm btn-outline-secondary" onclick="generateCaptcha('death')">↻</button>
  666. </div>
  667. <input type="text" id="death-captcha-input" class="form-control mt-2"
  668. placeholder="Enter Captcha"
  669. onpaste="return false" oncopy="return false" oncut="return false" />
  670. </div>
  672. </div>
  675. </div>
  676. <div class="text-center ">
  677. <button type="button" class="btn btn-success" onclick="fetchDeathData()">Submit</button>
  679. <!-- <button type="button" class="btn btn-secondary" onclick="goBack()">Back</button> -->
  680. </div>
  682. </div>
  685. </div>
  687. <br>
  689. </div>
  691. </main>
  692. <div id="pageLoader"
  693. 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;">
  694. <div
  695. style="position: relative; top: 50%; transform: translateY(-50%);">
  696. <div class="spinner-border text-primary" role="status"
  697. style="width: 3rem; height: 3rem;">
  698. <span class="sr-only">Loading...</span>
  699. </div>
  700. <!-- Add the 'Please wait' text below the spinner -->
  701. <p style="margin-top: 1rem; font-size: 1.2rem; color: #007bff;">Please
  702. wait...</p>
  703. </div>
  704. </div>
  711. <!-- Bootstrap Modal -->
  712. <div class="modal fade" id="birthModal" tabindex="-1" aria-labelledby="birthModalLabel" data-bs-backdrop="static" aria-hidden="true">
  713. <div class="modal-dialog modal-xl modal-dialog-scrollable">
  714. <div class="modal-content">
  715. <div class="modal-header">
  716. <h5 class="modal-title" id="birthModalLabel">Birth Certificate Details</h5>
  717. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">&times;</button>
  719. </div>
  720. <div class="modal-body" id="birthModalBody">
  721. <!-- Table will be injected here -->
  723. </div>
  724. </div>
  725. </div>
  726. </div>
  732. <!-- Bootstrap Modal -->
  733. <div class="modal fade" id="deathModal" tabindex="-1" aria-labelledby="deathModalLabel" data-bs-backdrop="static" aria-hidden="true">
  734. <div class="modal-dialog modal-xl modal-dialog-scrollable">
  735. <div class="modal-content">
  736. <div class="modal-header">
  737. <h5 class="modal-title" id="deathModalLabel">Death Certificate Details</h5>
  738. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">&times;</button>
  740. </div>
  741. <div class="modal-body" id="deathModalBody">
  742. <!-- Table will be injected here -->
  744. </div>
  745. </div>
  746. </div>
  747. </div>
  751. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  753. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  755. <script
  756. src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  758. <script
  759. src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
  760. <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
  764. <!-- Your custom script
  765. <script th:src="@{/script/birthanddeath.js}"></script> -->
  768. <script>
  771. // Redirect after 60 seconds (1 minute) of inactivity
  772. let timeoutDuration = 10 * 60 * 1000; // 60 seconds
  774. // 1 minute = 60,000 ms
  777. let timeout;
  779. function resetTimeout() {
  780. clearTimeout(timeout);
  781. timeout = setTimeout(() => {
  782. // Optionally check if session is still active via an API
  783. window.location.href = "/crs/deathloginpage";
  784. }, timeoutDuration);
  785. }
  787. // Reset timeout on user interaction
  788. ['click', 'mousemove', 'keypress', 'scroll', 'touchstart'].forEach(evt => {
  789. document.addEventListener(evt, resetTimeout, false);
  790. });
  792. // Start timer initially
  793. resetTimeout();
  796. $(document).ready(function () {
  798. $('#birthModal, #deathModal').on('hidden.bs.modal', function () {
  799. window.location.reload();
  800. });
  801. });
  803. $(document).ready(function () {
  804. function resetFields(cardId) {
  805. // Clear all input fields inside the given card
  806. $(`#${cardId} input[type="text"], #${cardId} input[type="date"]`).val('');
  807. $(`#${cardId} input[type="radio"]`).prop('checked', false);
  808. }
  810. $('#birth-link').on('click', function () {
  811. resetFields('birth-card');
  812. });
  814. $('#death-link').on('click', function () {
  815. resetFields('death-card');
  816. });
  817. });
  820. document.addEventListener("DOMContentLoaded", function () {
  821. const today = new Date().toISOString().split("T")[0]; // yyyy-mm-dd format
  822. document.getElementById("dateofbirth").setAttribute("max", today);
  823. document.getElementById("dateofdeath").setAttribute("max", today);
  824. });
  827. document.addEventListener("DOMContentLoaded", function () {
  828. const userName = localStorage.getItem("userName");
  829. //console.log("userName ",userName);
  832. if (userName) {
  833. // Mobile
  834. const mobileName = document.getElementById("loggedUserNameMobile");
  835. const mobileWrapper = document.querySelector(".mobile-username .user-name-wrapper");
  837. if (mobileName) mobileName.textContent = userName;
  838. if (mobileWrapper) mobileWrapper.title = "Logged in as " + userName;
  840. // Desktop
  841. const desktopName = document.getElementById("loggedUserNameDesktop");
  842. const desktopNameCopy = document.getElementById("loggedUserNameCopy");
  843. const desktopWrapper = document.querySelector(".user-info .user-name-wrapper");
  845. if (desktopName) desktopName.textContent = userName;
  846. if (desktopNameCopy) desktopNameCopy.textContent = userName;
  847. if (desktopWrapper) desktopWrapper.title = "Logged in as " + userName;
  848. }
  851. $('#logoutBtn,#logoutBtnMobile').click(function () {
  853. Swal.fire({
  854. title: "Are you sure?",
  855. text: "Do you really want to logout?",
  856. icon: "warning",
  857. showCancelButton: true,
  858. confirmButtonColor: "#d33",
  859. cancelButtonColor: "#3085d6",
  860. confirmButtonText: "Yes, logout",
  861. cancelButtonText: "Cancel"
  862. }).then((result) => {
  863. if (result.isConfirmed) {
  864. $.ajax({
  865. url: "/crs/deathlogout",
  866. method: "GET",
  867. success: function () {
  868. localStorage.clear(); // Clear frontend storage
  869. window.location.href = "/crs/death"; // Redirect to login page
  870. },
  871. error: function () {
  872. Swal.fire("Error", "Logout failed. Try again.", "error");
  873. }
  874. });
  875. }
  876. });
  877. });
  878. });
  881. const links = document.querySelectorAll('.nav-link');
  882. links.forEach(link => {
  883. if (window.location.href.includes(link.getAttribute('href'))) {
  884. link.classList.add('active');
  885. }
  886. });
  889. /* card display script */
  890. document.addEventListener("DOMContentLoaded", function () {
  891. const birthLink = document.getElementById("birth-link");
  892. const deathLink = document.getElementById("death-link");
  893. const birthCard = document.getElementById("birth-card");
  894. const deathCard = document.getElementById("death-card");
  896. function showCard(selectedLink, selectedCard, otherLink, otherCard) {
  897. selectedCard.style.display = "block";
  898. otherCard.style.display = "none";
  899. selectedLink.classList.add("active");
  900. otherLink.classList.remove("active");
  901. }
  903. birthLink.addEventListener("click", function () {
  904. showCard(birthLink, birthCard, deathLink, deathCard);
  905. });
  907. deathLink.addEventListener("click", function () {
  908. showCard(deathLink, deathCard, birthLink, birthCard);
  909. });
  910. });
  911. //////////////////////////////////////////////
  914. function generateCaptcha(type) {
  915. const chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
  916. let captcha = "";
  917. for (let i = 0; i < 6; i++) {
  918. captcha += chars.charAt(Math.floor(Math.random() * chars.length));
  919. }
  921. const targetId = `${type}-captcha`; // FIXED: match HTML ID
  922. const element = document.getElementById(targetId);
  923. if (element) {
  924. element.textContent = captcha;
  926. // Styling for obscurity
  927. element.style.fontSize = "18px";
  928. element.style.letterSpacing = "3px";
  929. element.style.fontWeight = "bold";
  930. element.style.backgroundColor = "#f0f0f0";
  931. element.style.border = "1px solid #ccc";
  932. element.style.padding = "5px";
  933. element.style.userSelect = "none";
  934. }
  935. }
  937. function validateCaptcha(type) {
  938. const generated = document.getElementById(`${type}-captcha`).textContent.trim();
  939. const entered = document.getElementById(`${type}-captcha-input`).value.trim();
  941. if (!entered) {
  942. Swal.fire({
  943. icon: 'warning',
  944. title: 'CAPTCHA Required',
  945. text: 'Please enter the CAPTCHA before submitting.'
  946. });
  947. //inputField.focus();
  948. return false;
  949. }
  951. if (generated !== entered) {
  952. Swal.fire({
  953. icon: 'error',
  954. title: 'Invalid CAPTCHA',
  955. text: 'The entered CAPTCHA is incorrect. Please try again.'
  956. });
  957. generateCaptcha(type);
  958. return false;
  959. }
  961. return true;
  962. }
  965. document.addEventListener("DOMContentLoaded", function () {
  966. generateCaptcha("birth");
  967. generateCaptcha("death");
  968. });
  973. function fetchBirthData() {
  976. const dob = document.getElementById('dateofbirth').value;
  977. const gender = document.querySelector('input[name="gender"]:checked')?.value;
  978. const captchaInput = document.getElementById('birth-captcha-input');
  980. //console.log("gender:", gender);
  982. // Validate Date of Birth
  983. if (!dob) {
  984. Swal.fire({
  985. icon: 'warning',
  986. title: 'Missing Date of Birth',
  987. text: 'Please enter your Date of Birth.'
  988. });
  989. return;
  990. }
  992. // Validate Gender
  993. if (!gender) {
  994. Swal.fire({
  995. icon: 'warning',
  996. title: 'Missing Gender Selection',
  997. text: 'Please select a gender.'
  998. });
  999. return;
  1000. }
  1002. // CAPTCHA validation first
  1003. // Validate CAPTCHA
  1004. if (!validateCaptcha('birth')) {
  1005. //captchaInput.classList.add('is-invalid');
  1006. //captchaInput.focus();
  1007. return;
  1008. } else {
  1009. captchaInput.classList.remove('is-invalid');
  1010. }
  1012. const formattedDob = dob.split("-").reverse().join("/"); // Convert yyyy-MM-dd to dd/MM/yyyy
  1013. //console.log("dob:", formattedDob);
  1014. $('#pageLoader').show();
  1016. $.ajax({
  1017. url: '/crs/api/birth-details',
  1018. method: 'GET',
  1019. data: {
  1020. dob: formattedDob,
  1021. sex: gender.charAt(0).toUpperCase()
  1022. },
  1023. success: function (response) {
  1024. $('#pageLoader').hide();
  1027. if (response && response.BIRTH && response.BIRTH.length > 0) {
  1029. console.log("birthdetails:",response);
  1030. let html = `
  1031. <table id="birthDataTable" class="table table-bordered table-striped">
  1032. <thead>
  1033. <tr>
  1034. <th>S.No</th>
  1035. <th>Reg No</th>
  1036. <th>Child Name</th>
  1037. <th>Father</th>
  1038. <th>Mother</th>
  1039. <th>DOB</th>
  1040. <th>Certificate Link</th>
  1041. </tr>
  1042. </thead>
  1043. <tbody>`;
  1045. response.BIRTH.forEach((row, index) => {
  1046. html += `<tr>
  1047. <td>${index + 1}</td>
  1048. <td>${row.REGNO}</td>
  1049. <td>${row.CHILDNAME}</td>
  1050. <td>${row.FATHERNAME}</td>
  1051. <td>${row.MOTHERNAME}</td>
  1052. <td>${row.DOB}</td>
  1053. <td>${row.ENGLISHURL ? `<a href="${row.ENGLISHURL}" target="_blank"
  1054. onclick="saveCertificateLog('${row.REGNO}', '${row.DOB}', '${row.ENGLISHURL}', 'Birth')">View</a>` : 'N/A'}</td>
  1055. </tr>`;
  1056. });
  1058. html += `</tbody></table>`;
  1059. $('#birthModalBody').html(html);
  1061. setTimeout(() => {
  1062. $('#birthDataTable').DataTable({
  1063. responsive: true,
  1064. pagingType: "full_numbers", // Buttons for pagination
  1065. language: {
  1066. search: "🔍 Search: ",
  1067. emptyTable: "No records found",
  1068. paginate: {
  1069. previous: "<button class='btn btn-outline-primary btn-sm'>Previous</button>",
  1070. next: "<button class='btn btn-outline-primary btn-sm'>Next</button>"
  1071. }
  1072. },
  1073. columnDefs: [
  1074. { orderable: false, targets: 0 } // Disable sorting on S.No
  1075. ]
  1076. });
  1077. }, 100);
  1078. }
  1079. else {
  1080. $('#birthModalBody').html('<p class="text-danger">No birth records found.</p>');
  1081. }
  1083. const modal = new bootstrap.Modal(document.getElementById('birthModal'));
  1084. modal.show();
  1085. },
  1086. error: function (xhr) {
  1087. $('#pageLoader').hide();
  1088. let message = "Something went wrong.";
  1089. if (xhr.responseJSON && xhr.responseJSON.message) {
  1090. message = xhr.responseJSON.message;
  1091. }
  1092. alert("Error: " + message);
  1093. }
  1094. });
  1096. }
  1098. // using fetchdeathdata function in live
  1100. // function fetchDeathData() {
  1101. // const dod = document.getElementById('dateofdeath').value;
  1102. // const gender = document.querySelector('input[name="deathgender"]:checked')?.value;
  1103. // const captchaInput = document.getElementById('death-captcha-input');
  1105. // // console.log("gender:", gender);
  1107. // // Validate Date of Birth
  1108. // if (!dod) {
  1109. // Swal.fire({
  1110. // icon: 'warning',
  1111. // title: 'Missing Date of Birth',
  1112. // text: 'Please enter your Date of Birth.'
  1113. // });
  1114. // return;
  1115. // }
  1117. // // Validate Gender
  1118. // if (!gender) {
  1119. // Swal.fire({
  1120. // icon: 'warning',
  1121. // title: 'Missing Gender Selection',
  1122. // text: 'Please select a gender.'
  1123. // });
  1124. // return;
  1125. // }
  1128. // if (!validateCaptcha('death')) {
  1129. // //captchaInput.classList.add('is-invalid');
  1130. // //captchaInput.focus();
  1131. // return;
  1132. // } else {
  1133. // captchaInput.classList.remove('is-invalid');
  1134. // }
  1136. // const formattedDod = dod.split("-").reverse().join("/"); // Convert yyyy-MM-dd to dd/MM/yyyy
  1138. // // console.log("dod:", formattedDod);
  1139. // $('#pageLoader').show();
  1141. // $.ajax({
  1142. // url: '/crs/api/death-details',
  1143. // method: 'GET',
  1144. // data: {
  1145. // dod: formattedDod,
  1146. // sex: gender.charAt(0).toUpperCase()
  1147. // },
  1148. // success: function (response) {
  1149. // $('#pageLoader').hide();
  1151. // if (response && response.DEATH && response.DEATH.length > 0) {
  1152. // let html = '<table id="deathDataTable" class="table table-bordered"><thead><tr>' +
  1153. // '<th>S.No</th><th>Reg No</th><th>Person Name</th>' +
  1154. // '<th>Father Name</th><th>Mother Name</th><th>DOD</th><th>Certificate Link</th></tr></thead><tbody>';
  1156. // response.DEATH.forEach((row ,index) => {
  1157. // html += `<tr>
  1158. // <td>${index + 1}</td>
  1159. // <td>${row.REGNO}</td>
  1160. // <td>${row.DEATHPERSONNAME}</td>
  1161. // <td>${row.FATHERNAME}</td>
  1162. // <td>${row.MOTHERNAME}</td>
  1163. // <td>${row.DOD}</td>
  1164. // <td>${row.ENGLISHURL ? `<a href="${row.ENGLISHURL}" target="_blank"
  1165. // onclick="saveCertificateLog('${row.REGNO}', '${row.DOD}', '${row.ENGLISHURL}', 'Death')">View</a>` : 'N/A'}</td> </tr>`;
  1166. // });
  1168. // html += '</tbody></table>';
  1169. // $('#deathModalBody').html(html);
  1171. // // Delay initialization to ensure DOM is ready
  1172. // setTimeout(() => {
  1173. // $('#deathDataTable').DataTable({
  1174. // responsive: true,
  1175. // pagingType: "full_numbers", // Buttons for pagination
  1176. // language: {
  1177. // search: "🔍 Search: ",
  1178. // emptyTable: "No records found",
  1179. // paginate: {
  1180. // previous: "<button class='btn btn-outline-primary btn-sm'>Previous</button>",
  1181. // next: "<button class='btn btn-outline-primary btn-sm'>Next</button>"
  1182. // }
  1183. // },
  1184. // columnDefs: [
  1185. // { orderable: false, targets: 0 } // Disable sorting on S.No
  1186. // ]
  1187. // });
  1188. // }, 100);
  1189. // } else {
  1190. // $('#deathModalBody').html('<p class="text-danger">No deathrecords found.</p>');
  1191. // }
  1193. // const modal = new bootstrap.Modal(document.getElementById('deathModal'));
  1194. // modal.show();
  1195. // },
  1196. // error: function (xhr) {
  1197. // $('#pageLoader').hide();
  1198. // let message = "Something went wrong.";
  1199. // if (xhr.responseJSON && xhr.responseJSON.message) {
  1200. // message = xhr.responseJSON.message;
  1201. // }
  1202. // alert("Error: " + message);
  1203. // }
  1204. // });
  1206. // }
  1209. // using for local testin from restapiservices
  1211. function fetchDeathData() {
  1212. const dod = document.getElementById('dateofdeath').value;
  1213. const gender = document.querySelector('input[name="deathgender"]:checked')?.value;
  1214. const captchaInput = document.getElementById('death-captcha-input');
  1215. const fatherName = document.getElementById('deathfathername')?.value || "";
  1216. const motherName = document.getElementById('deathmothername')?.value || "";
  1217. const personName = document.getElementById('personname')?.value || "";
  1221. // console.log("gender:", gender);
  1223. // Validate Date of Birth
  1224. if (!dod) {
  1225. Swal.fire({
  1226. icon: 'warning',
  1227. title: 'Missing Date of Death',
  1228. text: 'Please enter your Date of Death.'
  1229. });
  1230. return;
  1231. }
  1233. // Validate Gender
  1234. if (!gender) {
  1235. Swal.fire({
  1236. icon: 'warning',
  1237. title: 'Missing Gender Selection',
  1238. text: 'Please select a gender.'
  1239. });
  1240. return;
  1241. }
  1244. if (!validateCaptcha('death')) {
  1245. //captchaInput.classList.add('is-invalid');
  1246. //captchaInput.focus();
  1247. return;
  1248. } else {
  1249. captchaInput.classList.remove('is-invalid');
  1250. }
  1252. const formattedDod = dod.split("-").reverse().join("/"); // Convert yyyy-MM-dd to dd/MM/yyyy
  1254. // console.log("dod:", formattedDod);
  1255. $('#pageLoader').show();
  1257. const payload = {
  1258. dod: dod,
  1259. sex: gender.charAt(0).toUpperCase()
  1260. };
  1262. if (fatherName.trim()) payload.fathername = fatherName.trim();
  1263. if (motherName.trim()) payload.mothername = motherName.trim();
  1264. if (personName.trim()) payload.personName = personName.trim();
  1267. $.ajax({
  1268. url: '/crs/api/death-details',
  1269. method: 'POST',
  1270. contentType: 'application/json',
  1271. data: JSON.stringify(payload),
  1272. success: function (response) {
  1273. $('#pageLoader').hide();
  1275. if (response && response.certificate_details && response.certificate_details.length > 0) {
  1276. let html = '<table id="deathDataTable" class="table table-bordered"><thead><tr>' +
  1277. '<th>S.No</th><th>Reg No</th><th>Person Name</th>' +
  1278. '<th>Father Name</th><th>Mother Name</th><th>DOD</th><th>Certificate Link</th></tr></thead><tbody>';
  1280. response.certificate_details.forEach((row ,index) => {
  1281. html += `<tr>
  1282. <td>${index + 1}</td>
  1283. <td>${row.regno}</td>
  1284. <td>${row.name}</td>
  1285. <td>${row.father_name}</td>
  1286. <td>${row.mother_name}</td>
  1287. <td>${row.dod}</td>
  1288. <td><a href="${row.pdf_url}" target="_blank"
  1289. onclick="saveCertificateLog('${row.regno}', '${row.dod}', '${row.pdf_url}', 'Death')">View</a></td>
  1290. </tr>`;
  1291. });
  1293. html += '</tbody></table>';
  1294. $('#deathModalBody').html(html);
  1296. // Delay initialization to ensure DOM is ready
  1297. setTimeout(() => {
  1298. $('#deathDataTable').DataTable({
  1299. responsive: true,
  1300. pagingType: "full_numbers", // Buttons for pagination
  1301. language: {
  1302. search: "🔍 Search: ",
  1303. emptyTable: "No records found",
  1304. paginate: {
  1305. previous: "<button class='btn btn-outline-primary btn-sm'>Previous</button>",
  1306. next: "<button class='btn btn-outline-primary btn-sm'>Next</button>"
  1307. }
  1308. },
  1309. columnDefs: [
  1310. { orderable: false, targets: 0 } // Disable sorting on S.No
  1311. ]
  1312. });
  1313. }, 100);
  1314. } else {
  1315. $('#deathModalBody').html('<p class="text-danger">No deathrecords found.</p>');
  1316. }
  1318. const modal = new bootstrap.Modal(document.getElementById('deathModal'));
  1319. modal.show();
  1320. },
  1321. error: function (xhr) {
  1322. $('#pageLoader').hide();
  1323. let message = "Something went wrong.";
  1324. if (xhr.responseJSON && xhr.responseJSON.message) {
  1325. message = xhr.responseJSON.message;
  1326. }
  1327. alert("Error: " + message);
  1328. }
  1329. });
  1331. }
  1335. function saveCertificateLog(regNo, eventDate, url, service){
  1336. $.ajax({
  1337. url: '/crs/api/saveCertificateLogs',
  1338. type: 'POST',
  1339. data: {
  1340. regNo: regNo,
  1341. eventDate: eventDate,
  1342. Url: url,
  1343. service: service
  1344. },
  1345. success: function() {
  1346. //console.log('View logged successfully');
  1347. },
  1348. error: function(xhr, status, error) {
  1349. console.error('Logging failed:', error);
  1350. }
  1351. });
  1352. }
  1355. </script>
  1357. </body>
  1359. </html>