kanimozhi
/
communityhallv22
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.
29 Commits
1 Branch
0 Tags
244 MiB
Tree: 8b9262c9b6
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '8b9262c9b6'
${ noResults }
communityhallv22/src/main/resources/templates/officer/booking-list.html

735 lines
25 KiB
Raw Normal View History

first
2 years ago
​
​
Enhancement added and Bugs fixed
2 years ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Following changes are implemented in this commit 1. Zone, Ward Values added in the following login for all Types of reports ( admin, HQ, officer and Care taker) 2. Collection Pending List menu newly added in the following logins ( admin, HQ, officer and Care taker) 3. Counter Login Disabled
3 weeks ago
first
2 years ago
Following changes are implemented in this commit 1. Zone, Ward Values added in the following login for all Types of reports ( admin, HQ, officer and Care taker) 2. Collection Pending List menu newly added in the following logins ( admin, HQ, officer and Care taker) 3. Counter Login Disabled
3 weeks ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Following changes are implemented in this commit 1. Zone, Ward Values added in the following login for all Types of reports ( admin, HQ, officer and Care taker) 2. Collection Pending List menu newly added in the following logins ( admin, HQ, officer and Care taker) 3. Counter Login Disabled
3 weeks ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Following changes are implemented in this commit 1. Zone, Ward Values added in the following login for all Types of reports ( admin, HQ, officer and Care taker) 2. Collection Pending List menu newly added in the following logins ( admin, HQ, officer and Care taker) 3. Counter Login Disabled
3 weeks ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Following changes are implemented in this commit 1. Zone, Ward Values added in the following login for all Types of reports ( admin, HQ, officer and Care taker) 2. Collection Pending List menu newly added in the following logins ( admin, HQ, officer and Care taker) 3. Counter Login Disabled
3 weeks ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Following changes are implemented in this commit 1. Zone, Ward Values added in the following login for all Types of reports ( admin, HQ, officer and Care taker) 2. Collection Pending List menu newly added in the following logins ( admin, HQ, officer and Care taker) 3. Counter Login Disabled
3 weeks ago
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Following changes are implemented in this commit 1. Zone, Ward Values added in the following login for all Types of reports ( admin, HQ, officer and Care taker) 2. Collection Pending List menu newly added in the following logins ( admin, HQ, officer and Care taker) 3. Counter Login Disabled
3 weeks ago
first
2 years ago
​
​
​
​
​
Following changes are implemented in this commit 1. Zone, Ward Values added in the following login for all Types of reports ( admin, HQ, officer and Care taker) 2. Collection Pending List menu newly added in the following logins ( admin, HQ, officer and Care taker) 3. Counter Login Disabled
3 weeks ago
​
​
​
first
2 years ago
Following changes are implemented in this commit 1. Zone, Ward Values added in the following login for all Types of reports ( admin, HQ, officer and Care taker) 2. Collection Pending List menu newly added in the following logins ( admin, HQ, officer and Care taker) 3. Counter Login Disabled
3 weeks ago
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Following changes are implemented in this commit 1. Zone, Ward Values added in the following login for all Types of reports ( admin, HQ, officer and Care taker) 2. Collection Pending List menu newly added in the following logins ( admin, HQ, officer and Care taker) 3. Counter Login Disabled
3 weeks ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Following changes are implemented in this commit 1. Zone, Ward Values added in the following login for all Types of reports ( admin, HQ, officer and Care taker) 2. Collection Pending List menu newly added in the following logins ( admin, HQ, officer and Care taker) 3. Counter Login Disabled
3 weeks ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
Following changes are implemented in this commit 1. Zone, Ward Values added in the following login for all Types of reports ( admin, HQ, officer and Care taker) 2. Collection Pending List menu newly added in the following logins ( admin, HQ, officer and Care taker) 3. Counter Login Disabled
3 weeks ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
first
2 years ago
​
​
​
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  4. <head th:replace="~{fragments/head-officer :: head}"></head>
  5. <style>
  6. .card-body table {
  7. width: 100%;
  8. padding: 100px;
  9. }
  11. .card-body th,
  12. td {
  13. padding: 8px;
  14. text-align: left;
  15. }
  17. .amount-cell {
  18. text-align: right;
  19. padding-right: 1rem;
  20. /* Adjust padding as needed */
  21. }
  23. .table {
  24. width: 100% !important;
  25. }
  26. </style>
  28. <body>
  29. <!-- Page Container -->
  30. <div id="page-container"
  31. class="sidebar-o sidebar-dark enable-page-overlay side-scroll page-header-fixed page-header-dark">
  32. <!-- Sidebar Nav-->
  33. <nav th:replace="~{fragments/nav-officer :: nav}"></nav>
  34. <!-- END Sidebar -->
  35. <!-- Header -->
  36. <header th:replace="~{fragments/header-officer :: header}"></header>
  37. <!-- END Header -->
  38. <!-- Main Container -->
  39. <main id="main-container">
  40. <div class="content">
  41. <div class="block block-rounded">
  42. <div class="block-header block-header-default">
  43. <h3 class="block-title">List of Bookings Approved</h3>
  44. </div>
  45. <div class="block-content p-0">
  46. <div class="p-sm-4 p-0">
  47. <div class="table-responsive">
  48. <table class="table table-bordered table-striped table-vcenter js-dataTable-responsive"
  49. id="bookingaccepetedtable">
  50. <thead class="thead-light">
  51. <tr>
  52. <th class="text-center no-sort">S.No</th>
  53. <th class="text-center">Booking Id</th>
  54. <th class="text-center">Zone</th>
  55. <th class="text-center">Division</th>
  56. <th class="text-center" width="20%">Hall Name</th>
  57. <th class="text-center">User Name</th>
  58. <th class="text-center">User type</th>
  59. <th class="text-center" width="10%">Booking Date</th>
  60. <th class="text-center">Number of days</th>
  61. <th class="text-center">Reason for Booking</th>
  62. <th class="text-center">Caretaker Name/MobileNumber</th>
  63. <th class="text-center">Action</th>
  64. </tr>
  65. </thead>
  66. <tbody>
  67. <!--<tbody th:each="registration, i : ${registrations}">-->
  68. <!--<tr>-->
  69. <tr th:each="booking, rowStat : ${bookingList}">
  70. <td class="text-center" th:text="${rowStat.index + 1}"></td>
  71. <td class="text-center" th:text="${booking.bookingId}"></td>
  72. <td class="text-center" th:text="${booking.hallDetails.zone}"></td>
  73. <td class="text-center" th:text="${booking.hallDetails.division}"></td>
  74. <td class="text-center" th:text="${booking.hallDetails.hallName}"></td>
  75. <td class="text-center" th:text="${booking.users.name}"></td>
  76. <td class="text-center" th:text="${booking.users.usertype}"></td>
  77. <td class="text-center" th:text="${booking.bookingDate}"></td>
  78. <td class="text-center" th:text="${booking.noOfDays}"></td>
  79. <td class="text-center" th:text="${booking.reason}"></td>
  80. <td class="text-center"
  81. th:text="${booking.hallDetails.hallInchargeName} + ' / ' + ${booking.hallDetails.hallInchargeMobno}">
  82. </td>
  84. <td>
  85. <p>
  86. <span class="badge bg-warning" style="cursor: pointer;"
  87. th:onclick="pendingbooking([[${booking.bookingId}]])">Approved</span>
  88. </p>
  89. </td>
  91. </tr>
  92. </tbody>
  93. </table>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </main>
  101. <!-- END Main Container -->
  102. <!--modal for pening-->
  103. <div class="modal fade backdrop" id="pendingBookingForm" data-backdrop="static" tabindex="-1" role="dialog"
  104. aria-labelledby="staticBackdropLabel" aria-hidden="true">
  105. <div class="modal-dialog modal-lg" role="document">
  106. <div class="modal-content">
  107. <form id="ownform" onsubmit="return rejectsubmit();">
  108. <div class="block block-rounded block-themed block-transparent mb-0">
  109. <div class="block-header bg-primary-dark">
  110. <h3 class="block-title" id="2mtitle">Booking Information</h3>
  111. <div class="block-options">
  112. <button type="button" class="btn-block-option" data-bs-dismiss="modal"
  113. aria-label="Close">
  114. <i class="fa fa-fw fa-times"></i>
  115. </button>
  116. </div>
  117. </div>
  118. <div class="block-content row">
  120. <div class="col-md-12 col-lg-12 col-sm-12 mb-2">
  121. <input type="hidden" class="form-control text-center" name="bookingid"
  122. id="bookingid" disabled />
  123. <div class="card-body">
  124. <table>
  125. <tr>
  126. <th colspan="10" style="background-color: #f2f2f2;">User Details</th>
  127. </tr>
  128. <tr>
  129. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">User Name:
  130. </th>
  131. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  132. id="td_userName"></td>
  133. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Mobile Number:
  134. </th>
  135. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  136. id="td_mobileNumber"></td>
  138. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">User Type:
  139. </th>
  140. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  141. id="td_usertype"></td>
  143. </tr>
  144. <tr>
  145. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">User Address:
  146. </th>
  147. <td colspan="5" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  148. id="td_useraddress"></td>
  150. </tr>
  152. </table>
  153. </div>
  154. </div>
  156. <div class="col-md-12 col-lg-12 col-sm-12 mb-2">
  157. <input type="hidden" class="form-control text-center" name="bookingid"
  158. id="bookingid" disabled />
  159. <div class="card-body">
  160. <table>
  161. <tr>
  162. <th colspan="10" style="background-color: #f2f2f2;">Hall Details</th>
  163. </tr>
  165. <tr>
  166. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Hall Name:
  167. </th>
  168. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  169. id="td_hallName"></td>
  171. </tr>
  172. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Hall Address:</th>
  173. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  174. id="td_halladdress"></td>
  176. </tr>
  177. <tr>
  178. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Caretaker
  179. Name:</th>
  180. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  181. id="td_caretakername"></td>
  182. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Caretaker
  183. Mobile Number:</th>
  184. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  185. id="td_caretakermobileNumber"></td>
  187. </tr>
  189. </table>
  190. </div>
  191. </div>
  192. <div class="col-md-12 col-lg-12 col-sm-12">
  193. <input type="hidden" class="form-control text-center" name="settlementid"
  194. id="settlementid" disabled />
  195. <div class="card-body">
  196. <table>
  197. <tr>
  198. <th colspan="4" style="background-color: #f2f2f2;">Booking
  199. Details of Booking Id:-<span id="booking_id"
  200. style="color:blue"></span></th>
  201. </tr>
  202. <tr>
  203. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Booking Date:
  204. </th>
  205. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  206. id="td_bookingDate"></td>
  207. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Booking Status:
  208. </th>
  209. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  210. id="td_bookingStatus"></td>
  211. </tr>
  212. <tr>
  213. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Start Date:
  214. </th>
  215. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  216. id="td_startDate"></td>
  217. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Deposit
  218. Amount:</th>
  219. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  220. id="td_depositeAmount"></td>
  221. </tr>
  222. <tr>
  223. <th style="padding: 0.45rem 0.45rem;font-weight: normal">END
  224. Date:</th>
  225. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  226. id="td_endDate"></td>
  227. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Hall Amount:
  228. </th>
  229. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  230. id="td_hallAmount"></td>
  231. </tr>
  232. <tr>
  233. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Starting Slot:
  234. </th>
  235. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  236. id="td_startingSlot"></td>
  237. <th style="padding: 0.45rem 0.45rem;font-weight: normal">GST @18%:</th>
  238. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  239. id="td_gst"></td>
  240. </tr>
  241. <tr>
  242. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Ending Slot:
  243. </th>
  244. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  245. id="td_endingSlot"></td>
  246. <th style="padding: 0.45rem 0.45rem;font-weight: normal">Total Amount:
  247. </th>
  248. <td class="fw-semibold amount-cell" style="padding: 0.45rem 0.45rem;"
  249. id="td_totalAmount"></td>
  251. </tr>
  252. </table>
  253. </div>
  254. </div>
  256. <div class="col-sm-12">
  257. <!--<label class="form-label">Documents:<span class="text-danger"></span></label>-->
  258. <div class="documents" id="documents"></div>
  259. </div>
  261. <div class="col-md-12 col-lg-12 col-sm-12 mb-2">
  262. <input type="hidden" class="form-control text-center" name="bookingid"
  263. id="bookingid" disabled />
  264. <div class="card-body">
  265. <table>
  266. <tr>
  267. <th colspan="10" style="background-color: #f2f2f2;">Booking Payment
  268. Details</th>
  269. </tr>
  271. <tr>
  272. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Transaction
  273. ID:</th>
  274. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  275. id="td_transactionId"></td>
  277. </tr>
  278. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Amount Received:
  279. </th>
  280. <td colspan="10" class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  281. id="td_payamountReceived"></td>
  283. </tr>
  284. <tr>
  285. <th style="padding: 0.45rem 0.45rem;font-weight: normal;">Transaction
  286. Status:</th>
  287. <td class="fw-semibold" style="padding: 0.45rem 0.45rem;"
  288. id="td_paymentStatus"></td>
  290. </tr>
  292. </table>
  293. </div>
  294. </div>
  296. <div class="row" id="reasondetails">
  297. <div class="col-md-6 mb-2">
  298. <label class="form-label">Reason type :<span
  299. class="text-danger">*</span></label>
  300. <select class="form-control" id="reasontype">
  301. <option value="0">Select Reason type</option>
  302. <option value="1">Illegal</option>
  303. <option value="2">Others</option>
  304. </select>
  305. </div>
  306. <div class="col-md-6 mb-2">
  307. <label class="form-label">Reason:<span class="text-danger">*</span></label>
  308. <textarea class="form-control " name="reason" id="reason" required
  309. style="height: 9px;"></textarea>
  310. <div id="reasonValidationText" class="text-danger small mt-1"
  311. style="display:none">
  312. Reason is required.</div>
  313. </div>
  314. </div>
  316. </div>
  317. </div>
  318. <div class="block-content block-content-full text-end bg-body" id="mbutton2">
  319. <button type="button" class="btn btn-sm btn-alt-secondary"
  320. data-bs-dismiss="modal">Close</button>
  321. <button type="button" class="btn btn-sm btn-primary" id="rejectbutton"
  322. th:onclick="rejectsubmit()">Reject</button>
  323. </div>
  324. </form>
  325. </div>
  326. </div>
  327. </div>
  328. <!-- End Modal User -->
  329. <!-- Footer -->
  330. <div class="modal fade" id="fileModal" tabindex="-1" role="dialog" aria-labelledby="fileModalLabel"
  331. aria-hidden="true">
  332. <div class="modal-dialog modal-lg" role="document">
  333. <div class="modal-content">
  334. <div class="modal-header">
  335. <h5 class="modal-title" id="fileModalLabel">File Preview</h5>
  336. <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  337. <span aria-hidden="true">&times;</span>
  338. </button>
  339. </div>
  340. <div class="modal-body">
  341. <embed id="filePreview" src="" width="100%" height="600px">
  342. </div>
  343. <div class="modal-footer">
  344. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  345. </div>
  346. </div>
  347. </div>
  348. </div>
  350. <footer th:replace="~{fragments/footer2 :: footer}"></footer>
  351. <!-- END Footer -->
  352. </div>
  353. <!-- Scripts -->
  354. <div th:replace="~{fragments/resetpassword :: div}"></div>
  355. <script th:replace="~{fragments/loginscript :: script}"></script>
  356. <script>
  357. //script to open pending form
  358. function pendingbooking(bookingId) {
  359. $.ajax({
  360. type: "GET",
  361. url: '/communityhall/api/officer/getBookingDetails',
  362. data: {
  363. 'bookingsId': bookingId
  364. },
  365. success: function (x) {
  366. showBookingInfo(x);
  367. }
  368. });
  370. }
  372. function showBookingInfo(list) {
  373. $('#pendingBookingForm').modal({
  374. backdrop: 'static',
  375. keyboard: false
  376. });
  377. $('#pendingBookingForm').modal('show');
  379. document.getElementById("td_userName").innerHTML = list.users.name;
  380. document.getElementById("td_mobileNumber").innerHTML = list.users.mobileNo;
  381. document.getElementById("td_usertype").innerHTML = list.users.usertype;
  382. document.getElementById("bookingid").value = list.bookingId;
  383. var userDetails = list.users;
  384. var userDetailsString =
  385. userDetails.doorNo + ", " +
  386. userDetails.street + ", " +
  387. userDetails.area + ", " +
  388. userDetails.location + "- " +
  389. userDetails.pinCode;
  390. document.getElementById("td_useraddress").innerHTML = userDetailsString;
  391. document.getElementById("td_hallName").innerHTML = list.hallDetails.hallName;
  392. var hallDetails = list.hallDetails;
  393. var hallDetailsString =
  394. hallDetails.doorNo + ", " +
  395. hallDetails.street + ", " +
  396. hallDetails.area + ", " +
  397. hallDetails.city + "- " +
  398. hallDetails.pinCode;
  399. document.getElementById("td_halladdress").innerHTML = hallDetailsString;
  400. document.getElementById("td_caretakername").innerHTML = list.hallDetails.hallInchargeName;
  401. document.getElementById("td_caretakermobileNumber").innerHTML = list.hallDetails.hallInchargeMobno;
  403. document.getElementById("td_bookingDate").innerHTML = list.bookingDate;
  404. document.getElementById("td_depositeAmount").innerHTML = '₹ ' + parseFloat(list.depositAmount).toFixed(2);
  405. document.getElementById("td_hallAmount").innerHTML = '₹ ' + parseFloat(list.hallAmount).toFixed(2);
  406. document.getElementById("td_totalAmount").innerHTML = '₹ ' + parseFloat(list.amountReceived).toFixed(2);
  407. var gstcl = (list.hallAmount * (list.hallDetails.gst / 100));
  408. var formattedGst = gstcl.toFixed(2);
  409. document.getElementById("td_gst").innerHTML = '₹ ' + formattedGst;
  410. document.getElementById("td_startDate").innerHTML = list.startDate;
  411. document.getElementById("td_endDate").innerHTML = list.endDate;
  412. document.getElementById("booking_id").innerHTML = list.bookingId;
  414. function getTimeSlot(slotValue) {
  415. var timeSlot;
  416. var trimmedSlotValue = String(slotValue).trim(); // Convert to string and then trim
  417. if (trimmedSlotValue === '1') {
  418. timeSlot = 'Morning';
  419. } else if (trimmedSlotValue === '2') {
  420. timeSlot = 'Evening';
  421. } else {
  422. timeSlot = 'Unknown';
  423. }
  424. return timeSlot;
  425. }
  427. document.getElementById("td_startingSlot").innerHTML = getTimeSlot(list.startingSlot);
  428. document.getElementById("td_endingSlot").innerHTML = getTimeSlot(list.endingSlot);
  429. document.getElementById("td_bookingStatus").innerHTML = list.bookingStatus;
  430. document.getElementById("td_transactionId").innerHTML = list.payments && list.payments.transactionId ? list.payments.transactionId : "NA";
  431. // Check if amountReceived is not null, otherwise set to "NA"
  432. document.getElementById("td_payamountReceived").innerHTML = list.payments && list.payments.amountReceived ? '₹ ' + list.payments.amountReceived : "NA";
  433. // Check if paymentStatus is not null, otherwise set to "NA"
  434. document.getElementById("td_paymentStatus").innerHTML = list.payments && list.payments.paymentStatus ? list.payments.paymentStatus : "NA";
  435. showReasonDocuments(list);
  436. if (list.reason === 'State Govt Event' || list.reason === 'Central Govt Event' || list.reason === 'Commercial & Others') {
  437. // Disable the reject button
  438. document.getElementById('rejectbutton').disabled = true;
  439. // Hide the reasondetails div
  440. $('#reasondetails').hide();
  441. } else {
  442. // Enable the reject button
  443. document.getElementById('rejectbutton').disabled = false;
  444. // Show the reasondetails div (if it was hidden before)
  445. $('#reasondetails').show();
  446. }
  447. var todaydate = new Date().toISOString().split('T')[0];
  448. // Convert startDate to YYYY-MM-DD format if needed
  449. var startDate = new Date(list.startDate).toISOString().split('T')[0]; // Ensure this is in the correct format
  450. if (startDate > todaydate) {
  451. $('#reasondetails').show();
  452. $('#rejectbutton').show();
  453. } else {
  454. $('#reasondetails').hide();
  455. $('#rejectbutton').hide();
  456. }
  457. }
  459. function showReasonDocuments(list) {
  460. $.ajax({
  461. type: "GET",
  462. url: '/communityhall/api/officer/getReasonByName',
  463. data: {
  464. 'reasonName': list.reason
  465. },
  466. success: function (x) {
  467. showReasonWithDocument(x, list);
  468. }
  469. });
  470. }
  472. // Display booking documents
  473. function showReasonWithDocument(reasonData, list) {
  474. var reasonDocumentData = reasonData.reasonDocumentMasterList;
  475. var bookingDocumentsList = list.bookingDocumentsList;
  477. const reasonFieldsContainer = $('#documents');
  478. reasonFieldsContainer.empty();
  480. // Create a responsive table container
  481. var tableResponsiveDiv = $('<div>').addClass('table-responsive');
  483. // Create the table with Bootstrap classes and custom styles
  484. var table = $('<table>').addClass('table table-bordered table-striped table-vcenter js-dataTable-responsive').css({
  485. 'width': '100%',
  486. 'height': 'auto',
  487. 'border': '1px solid black'
  488. });
  490. // Create the table header (thead)
  491. var thead = $('<thead>').appendTo(table);
  492. var headerRow = $('<tr>').appendTo(thead);
  493. $('<th>').attr('colspan', '3').text('Document Details').css({
  494. 'color': 'black',
  495. 'font-weight': 'bold',
  496. 'background-color': '#f2f2f2',
  497. 'padding': '0.45rem 0.45rem'
  498. }).appendTo(headerRow);
  500. // Create header row for columns
  501. var columnHeadersRow = $('<tr>').appendTo(thead);
  502. $('<th>').text('S.No').appendTo(columnHeadersRow);
  503. $('<th>').text('Required Info').appendTo(columnHeadersRow);
  504. $('<th>').text('Required Documents').appendTo(columnHeadersRow);
  506. // Create the table body (tbody)
  507. var tbody = $('<tbody>').appendTo(table);
  509. // Iterate through the documents list and populate rows
  510. for (var i = 0; i < bookingDocumentsList.length; i++) {
  511. (function (index) {
  512. var row = $('<tr>').appendTo(tbody);
  513. $('<td>').text(index + 1).appendTo(row);
  515. // Determine the text content for the second cell
  516. var name = bookingDocumentsList[index].name ? bookingDocumentsList[index].name : ''; // Empty string if name is null or undefined
  517. var fieldText = reasonDocumentData[index].fieldName;
  518. var fullText = name ? fieldText + ': ' + name : fieldText; // Include colon only if name is not empty
  520. $('<td>').text(fullText).appendTo(row);
  522. // Create a link to view document image
  523. var viewLink = $('<a>').attr('href', 'javascript:void(0)').text(reasonDocumentData[index].docFieldName).on('click', function () {
  524. showDocumentImage(bookingDocumentsList[index].bookingDocUrl);
  525. });
  526. $('<td>').append(viewLink).appendTo(row);
  527. })(i);
  528. }
  529. // Append table to the responsive container
  530. tableResponsiveDiv.append(table);
  532. // Append table to the container in the DOM
  533. reasonFieldsContainer.append(tableResponsiveDiv);
  534. }
  537. function showDocumentImage(fileURL) {
  538. openFileModal(fileURL);
  539. }
  540. // Event delegation for dynamically added elements
  541. $(document).on('click', '.view-document', function () {
  542. const fileURL = $(this).data('url');
  543. openFileModal(fileURL);
  544. });
  546. function openFileModal(fileURL) {
  547. $('#filePreview').attr('src', fileURL);
  548. $('#fileModal').modal('show');
  549. }
  554. function accept() {
  555. let id = document.getElementById("bookingid").value;
  557. Swal.fire({
  558. title: 'Do you want to Accept this User ?',
  559. showDenyButton: true,
  560. showCancelButton: true,
  561. confirmButtonText: 'YES',
  562. denyButtonText: 'NO',
  563. }).then((result) => {
  564. /* Read more about isConfirmed, isDenied below */
  565. if (result.isConfirmed) {
  566. $.ajax({
  567. type: "POST",
  568. url: '/communityhall/api/officer/updateBookingApproved/' + id,
  569. data: {
  570. 'status': 'APPROVED',
  571. 'comments': 'Accepted',
  572. 'bookingId': id
  573. },
  574. success: function (data, textStatus, xhr) {
  575. if (xhr.status === 200) { // Check if the response status is OK
  576. Swal.fire(
  577. 'Done',
  578. 'Successfully Accepted to the ID:' + id,
  579. 'success'
  580. ).then(() => {
  581. location.reload();
  582. });
  583. } else {
  584. Swal.fire(
  585. 'Error',
  586. 'Failed to accept the user',
  587. 'error'
  588. );
  589. }
  590. },
  591. error: function (xhr, textStatus, errorThrown) {
  592. Swal.fire(
  593. 'Error',
  594. 'Failed to accept the user',
  595. 'error'
  596. );
  597. }
  598. });
  599. } else if (result.isDenied) {
  600. Swal.fire('Changes are not saved', '', 'info')
  601. }
  602. });
  603. }
  605. function rejectsubmit() {
  606. let id = document.getElementById("bookingid").value;
  607. let reason = document.getElementById("reason").value.trim();
  608. let reasontype = document.getElementById("reasontype").value;
  610. // Check if reason is empty only when rejecting
  611. if (reason === "" || reason.length === 0) {
  612. document.getElementById("reasonValidationText").style.display = "block";
  613. return false; // Prevent form submission
  614. } else {
  615. document.getElementById("reasonValidationText").style.display = "none";
  616. }
  618. Swal.fire({
  619. title: 'Do you want to Reject this User?',
  620. showDenyButton: true,
  621. showCancelButton: true,
  622. confirmButtonText: 'YES',
  623. denyButtonText: 'NO',
  624. }).then((result) => {
  625. if (result.isConfirmed) {
  626. // Show loading popup
  627. const loadingSwal = Swal.fire({
  628. title: 'Processing...',
  629. text: 'Please wait while we process the rejection.',
  630. allowOutsideClick: false, // Prevent closing the popup
  631. didOpen: () => {
  632. Swal.showLoading(); // Show the loading spinner
  633. },
  634. showConfirmButton: false, // Hide the confirm button during loading
  635. });
  637. $.ajax({
  638. type: "POST",
  639. url: '/communityhall/api/officer/updateBookingReject/' + id,
  640. data: {
  641. 'status': 'REJECTED',
  642. 'comments': reason,
  643. 'bookingId': id,
  644. 'reasontype': reasontype
  645. },
  646. success: function (data, textStatus, xhr) {
  647. loadingSwal.close(); // Close the loading popup
  648. if (xhr.status === 200) {
  649. Swal.fire(
  650. 'Done',
  651. 'Successfully Rejected to the ID: ' + id,
  652. 'success'
  653. ).then(() => {
  654. location.reload(); // Reload page after success
  655. });
  656. } else {
  657. Swal.fire(
  658. 'Error',
  659. 'Failed to reject the user',
  660. 'error'
  661. );
  662. }
  663. },
  664. error: function (xhr, textStatus, errorThrown) {
  665. loadingSwal.close(); // Close the loading popup
  666. Swal.fire(
  667. 'Error',
  668. 'Failed to reject the user',
  669. 'error'
  670. );
  671. }
  672. });
  673. } else if (result.isDenied) {
  674. Swal.fire('Changes are not saved', '', 'info');
  675. }
  676. });
  678. return false; // Prevent form submission
  679. }
  680. $(document).ready(
  681. function () {
  682. var buttons = [{
  683. extend: 'pageLength',
  684. className: 'btn btn-primary'
  685. }, {
  686. title: 'Data export',
  687. extend: 'copyHtml5',
  688. text: 'Copy',
  689. className: 'btn btn-primary',
  690. id: 'copyBtn'
  691. }, {
  692. extend: 'excelHtml5',
  693. text: 'Excel',
  694. className: 'btn btn-primary',
  695. id: 'excelBtn'
  696. }, {
  697. extend: 'csvHtml5',
  698. text: 'CSV',
  699. className: 'btn btn-primary',
  700. id: 'csvBtn'
  701. }, {
  702. extend: 'pdfHtml5',
  703. text: 'PDF',
  704. className: 'btn btn-primary',
  705. id: 'pdfBtn'
  706. },
  708. ];
  710. $('#bookingaccepetedtable').DataTable(
  711. {
  712. dom: 'Bftip',
  713. columnDefs: [{
  714. targets: 'no-sort',
  715. orderable: false
  716. }],
  717. lengthMenu: [
  718. [50, 100, 200, 500, -1],
  719. ['50 rows', '100 rows', '200 rows',
  720. '500 rows', 'Show all']],
  721. scrollY: '50vh',
  722. fixedColumns: {
  723. left: 1,
  724. right: 1
  725. },
  726. buttons: [buttons],
  727. responsive: true,
  728. searching: true, // Enable search
  729. select: false,
  730. processing: false,
  731. });
  732. });
  733. </script>
  734. </body>
  736. </html>