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.
22 Commits
1 Branch
0 Tags
244 MiB
Tree: 9acae63c76
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '9acae63c76'
${ noResults }
communityhallv22/src/main/resources/templates/headquarters/gccblocking.html

1411 lines
64 KiB
Raw Normal View History

Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
Enhancement added and Bugs fixed
2 years ago
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
​
​
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
Enhancement added and Bugs fixed
2 years ago
​
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
Enhancement added and Bugs fixed
2 years ago
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
Enhancement added and Bugs fixed
2 years ago
​
​
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
Enhancement added and Bugs fixed
2 years ago
Sir p t hall restriction and community hall center list has been changed
7 months ago
​
​
​
​
​
​
​
Enhancement added and Bugs fixed
2 years ago
​
​
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  4. <head th:replace="~{fragments/head-headquarters :: head}"></head>
  5. <meta charset="UTF-8">
  6. <style>
  7. .small-input {
  8. width: 150px;
  9. /* Adjust the width as needed */
  10. }
  12. .small-table th,
  13. .small-table td {
  14. font-size: 14px;
  15. /* Adjust font size as needed */
  16. }
  18. /* Reduce padding for table cells */
  19. .small-table td,
  20. .small-table th {
  21. padding: 5px;
  22. /* Adjust padding as needed */
  23. }
  25. .multiselect {
  26. text-wrap: balance;
  27. }
  29. .selectBox {
  30. position: relative;
  31. }
  33. .selectBox select {
  34. width: 100%;
  35. }
  37. .overSelect {
  38. position: absolute;
  39. left: 0;
  40. right: 0;
  41. top: 0;
  42. bottom: 0;
  43. }
  45. .checkboxes {
  46. display: none;
  47. border: 0.5px #7c7c7c solid;
  48. background-color: #ffffff;
  49. max-height: 74px;
  50. overflow-y: scroll;
  51. }
  53. .checkboxes label {
  54. display: block;
  55. font-weight: normal;
  56. white-space: nowrap;
  57. min-height: 1.2em;
  58. background-color: #ffffff00;
  59. padding: 0 2.25rem 0 .75rem;
  60. }
  62. .checkboxes label:hover {
  63. background-color: #1e90ff;
  64. }
  66. .multiselect .selectBox {
  67. width: auto;
  68. /* Allow width to adjust automatically based on content */
  69. min-width: 150px;
  70. /* Set a minimum width */
  71. max-width: 100%;
  72. /* Prevent exceeding container width */
  73. overflow: hidden;
  74. border: 0.5px #7c7c7c solid;
  75. }
  77. .multiselect .selectBox select {
  78. height: auto;
  79. /* Allow height to adjust automatically */
  80. overflow: hidden;
  81. /* Hide overflow if necessary */
  82. text-wrap: balance;
  83. /* Optional: remove border if needed */
  84. }
  86. .multiselect .checkboxes {
  87. max-height: 200px;
  88. /* Adjust based on your design */
  89. overflow-y: auto;
  90. }
  92. /* Default style for the box */
  93. .box-filled {
  94. background-color: #2a807f;
  95. color: white;
  96. padding: 5px 10px;
  97. margin: 5px;
  98. border-radius: 15px;
  99. display: inline-block;
  100. }
  102. .box-empty {
  103. background-color: #f0f0f0;
  104. /* Light gray for empty state */
  105. color: #888;
  106. padding: 5px 10px;
  107. border-radius: 3px;
  108. display: inline-block;
  109. }
  110. </style>
  112. <body>
  113. <div id="page-container"
  114. class="sidebar-o sidebar-dark enable-page-overlay side-scroll page-header-fixed page-header-dark">
  115. <aside th:replace="~{fragments/aside-right :: aside}"></aside>
  116. <nav th:replace="~{fragments/nav-headquarters :: nav}"></nav>
  117. <header th:replace="~{fragments/header-headquarters :: header}"></header>
  118. <main id="main-container">
  119. <div class="content">
  120. <div class="block block-rounded">
  121. <div class="block-header block-header-default">
  122. <h3 class="block-title"> List of Blocked Halls</h3>
  123. <div class="block-options">
  124. <button type="button" class="btn btn-primary" id="addButton"><i
  125. class="far fa-plus-square"></i> Block the Halls
  126. </button>
  127. </div>
  128. </div>
  129. <div class="block-content p-0">
  130. <div class="p-sm-4 p-0">
  131. <div class="table-responsive">
  132. <table id="gccblockingTable"
  133. class="table table-bordered table-striped table-vcenter js-dataTable-responsive">
  134. <thead class="thead-light">
  135. <tr>
  136. <th class="text-center no-sort">S.No</th>
  137. <th class="text-center">Blocking Date</th>
  138. <th class="text-center">Start Date</th>
  139. <th class="text-center">End Date</th>
  140. <th class="text-center">Reason for Blocking</th>
  141. <th class="text-center">No of Halls</th>
  142. <th class="text-center">Action</th>
  143. </tr>
  144. </thead>
  145. <tbody>
  146. <tr th:each="gccblockedDate, gccIndex : ${gccblocked}">
  147. <td class="text-center" th:text="${gccIndex.index + 1}"></td>
  148. <td class="text-center"
  149. th:text="${#dates.format(gccblockedDate.cdate, 'yyyy-MM-dd')}"></td>
  150. <td class="text-center"
  151. th:text="${#dates.format(gccblockedDate.startDate, 'yyyy-MM-dd')}"></td>
  152. <td class="text-center"
  153. th:text="${#dates.format(gccblockedDate.endDate, 'yyyy-MM-dd')}"></td>
  154. <td class="text-center" th:text="${gccblockedDate.blockingReason}"></td>
  155. <td class="text-center">
  156. <button style="cursor: pointer;
  157. background-color:darkcyan;
  158. color: white;
  159. border: none;
  160. padding: 4px 10px;
  161. font-size: 12px;
  162. border-radius: 5px;
  163. " th:onclick="showBlockedHalls([[${gccblockedDate.hallId}]],
  164. [[${gccblockedDate.blockingReason}]],
  165. [[${gccblockedDate.startDate}]],
  166. [[${gccblockedDate.endDate}]],
  167. [[${gccblockedDate.blockingId}]],
  168. [[${gccblockedDate.bookingIds}]])"
  169. th:text="${hallCountMap[gccblockedDate.blockingId]}">
  170. </button>
  171. </td>
  172. <td class="text-center">
  173. <span type="button" class="badge bg-warning"
  174. th:data-blocking-id="${gccblockedDate.blockingId}"
  175. th:data-from-date="${#dates.format(gccblockedDate.startDate, 'yyyy-MM-dd')}"
  176. th:data-end-date="${#dates.format(gccblockedDate.endDate, 'yyyy-MM-dd')}"
  177. onclick="cancelBlockedevent(this)">Unblock</span>
  178. </td>
  180. </tr>
  181. </tbody>
  182. </table>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </main>
  190. <!-- Modal for displaying blocked halls -->
  191. <!-- Modal for displaying blocked halls -->
  192. <div class="modal fade" id="blockedHallsModal" tabindex="-1" role="dialog"
  193. aria-labelledby="blockedHallsModalLabel" aria-hidden="true">
  194. <div class="modal-dialog" role="document">
  195. <div class="modal-content" style="width: 160%; margin-left: -134px;">
  196. <div class="modal-header">
  197. <h5 class="modal-title" id="blockedHallsModalLabel">Blocked Halls</h5>
  198. <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  199. <span aria-hidden="true">&times;</span>
  200. </button>
  201. </div>
  202. <div class="modal-body">
  203. <div class="row" id="blockedHallsDetails">
  204. <p>
  205. Reason for Blocking: <strong><span id="blockingReason"></span></strong>
  206. </p>
  207. </div>
  208. <table class="table table-bordered">
  209. <thead>
  210. <tr>
  211. <th class="text-center">S.No</th>
  212. <th class="text-center">Hall Name</th>
  213. <th class="text-center">Zone</th>
  214. <th class="text-center">Division</th>
  215. <th class="text-center">No. of Bookings between Dates</th>
  216. <th class="text-center">Refunded Amount</th>
  217. </tr>
  218. </thead>
  219. <tbody id="blockedHallsTableBody">
  220. </tbody>
  221. </table>
  222. <div id="bookingDetailsSection" style="display:none;">
  223. <h5>Booking Details</h5>
  224. <table class="table table-bordered">
  225. <thead>
  226. <tr>
  227. <th class="text-center">S.No</th>
  228. <th class="text-center">Booking ID</th>
  229. <th class="text-center">Start Date</th>
  230. <th class="text-center">End Date</th>
  231. <th class="text-center">Booking Date</th>
  232. </tr>
  233. </thead>
  234. <tbody id="bookingDetailsTableBody">
  235. </tbody>
  236. </table>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242. <!-- Modal for GCC Blocked Details -->
  243. <div class="modal fade" id="gccBlockedModal" tabindex="-1" role="dialog" aria-labelledby="gccBlockedModalLabel"
  244. aria-hidden="true">
  245. <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  246. <div class="modal-content">
  247. <div class="modal-header">
  248. <h5 class="modal-title" id="modalHallName">GCC Blocked Events for Hall:</h5>
  249. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  250. </div>
  251. <div class="modal-body">
  252. <div class="table-responsive">
  253. <table id="gccBlockedEventsTable" class="table table-bordered table-striped table-vcenter">
  254. <thead class="thead-light">
  255. <tr>
  256. <th class="text-center">From Date</th>
  257. <th class="text-center">To Date</th>
  258. <th class="text-center">No of Days</th>
  259. <!--<th class="text-center">User Details</th>
  260. <th class="text-center">Booking Details</th>-->
  261. </tr>
  262. </thead>
  263. <tbody id="gccBlockedEventsBody">
  264. <!-- Rows will be dynamically appended here -->
  265. </tbody>
  266. </table>
  267. </div>
  268. </div>
  269. </div>
  270. </div>
  271. </div>
  273. <!--List of GCC Blocked Halls -->
  274. <div class="modal fade" id="viewdetails">
  275. <div class="modal-dialog modal-xl">
  276. <div class="modal-content">
  277. <!-- Modal Header -->
  278. <div class="modal-header">
  279. <h4 class="modal-title">List of GCC Blocked Halls </h4>
  280. <button type="button" class="btn" data-bs-dismiss="modal">&times;</button>
  281. </div>
  282. <!-- Modal Body -->
  283. <div class="modal-body">
  284. <div class="row">
  285. <!-- Zone dropdown taking up half of the row and centered -->
  286. <div class="col-sm-6 mx-auto">
  287. <label for="zoneMultiselect">Zones:</label>
  288. <div id="zoneMultiselect" class="multiselect">
  289. <div id="zoneSelectLabel" class="selectBox"
  290. onclick="toggleCheckboxArea('zoneSelectOptions')">
  291. <select class="form-select">
  292. <option>Select Zones</option>
  293. </select>
  294. <div class="overSelect"></div>
  295. </div>
  296. <div id="zoneSelectOptions" class="checkboxes">
  297. <!-- Zone checkboxes will be added here dynamically -->
  298. </div>
  299. </div>
  300. </div>
  301. <div class="col-sm-6 mx-auto">
  302. <label for="hallMultiselect">Hall Name:</label>
  303. <div id="hallMultiselect" class="multiselect">
  304. <div id="hallSelectLabel" class="selectBox"
  305. onclick="toggleCheckboxArea('hallSelectOptions')">
  306. <select class="form-select" id="hallSelect">
  307. <option>Select Halls</option>
  308. </select>
  309. <div class="overSelect"></div>
  310. </div>
  311. <div id="hallSelectOptions" class="checkboxes">
  312. <!-- Hall checkboxes will be added here dynamically -->
  313. </div>
  314. </div>
  315. </div>
  316. </div>
  319. <div class="row">
  320. <div class="col-sm">
  321. <label for="fromDate">From Date:</label>
  322. <input type="date" class="form-control" id="fromDate" name="fromDate" required>
  323. </div>
  324. <div class="col-sm">
  325. <label for="toDate">To Date:</label>
  326. <input type="date" class="form-control" id="toDate" name="toDate" required>
  327. </div>
  328. </div>
  329. <div class="row">
  330. <div class="col-sm-6">
  331. <label for="reasonforBlocking">Reason For Blocking</label>
  332. <input type="text" class="form-control" id="reasonforBlocking" name="reasonforBlocking"
  333. required>
  334. </div>
  335. </div>
  336. <div class="row" id="fileUploadSection">
  337. <!-- Upload document -->
  338. <div class="col-sm-4">
  339. <label for="uploadDocument0">Upload document</label>
  340. <input type="file" class="form-control uploadDocument" id="uploadDocument0"
  341. name="document" required>
  342. </div>
  343. <div class="col-sm-4">
  344. <label for="description0">Description</label>
  345. <input type="text" class="form-control description" id="description0"
  346. name="description">
  347. </div>
  349. <!-- Add More Button
  350. <div class="col-sm-2 align-self-end">
  351. <button type="button" class="btn btn-sm btn-success" id="addMoreFields">
  352. <i class="fas fa-plus"></i> Add More
  353. </button>
  354. </div>-->
  355. </div>
  357. <div class="row mt-3">
  358. <!-- Button at left end corner -->
  359. <div class="col text-left">
  360. <button type="button" class="btn btn-primary" id="viewButton" style="margin-left:46%"
  361. onclick="getBlockedevents()">View
  362. </button>
  363. </div>
  364. </div>
  366. <div class="content" id="bookinglistdataTable" style="display:none">
  367. <div class="block block-rounded">
  368. <div class="block-content p-0">
  369. <div class="p-sm-4 p-0">
  370. <div class="table-responsive">
  371. <table
  372. class="table table-bordered table-striped table-vcenter js-dataTable-responsive">
  373. <thead class="thead-light">
  374. <tr class="table-bordered">
  375. <th class="text-center no-sort">S.No
  376. <input type="checkbox" id="selectAllCheckbox">
  377. </th>
  378. <th class="text-center no-sort">Hall Name</th>
  379. <th class="text-center no-sort">Zone</th>
  380. <th class="text-center no-sort">Division</th>
  381. <th class="text-center no-sort">Reason For Booking</th>
  382. <th class="text-center no-sort">No of days</th>
  383. <th class="text-center no-sort">Hall Amount</th>
  384. <th class="text-center">From Date</th>
  385. <th class="text-center">To Date</th>
  386. <th class="text-center no-sort">Status</th>
  387. </tr>
  388. </thead>
  389. <tbody id="bookingTableBody"></tbody>
  390. </table>
  392. </div>
  393. <div class="row mt-3">
  394. <!-- Button at left end corner -->
  395. <div class="col text-left">
  396. <button type="button" class="btn btn-primary" id="cancelAll"
  397. style="margin-left:46%">Block All
  398. </button>
  399. </div>
  400. </div>
  401. </div>
  403. </div>
  404. </div>
  405. </div>
  408. </div>
  409. <!-- Modal Footer -->
  410. <div class="modal-footer">
  411. <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
  412. </div>
  413. </div>
  414. </div>
  415. </div>
  416. </div>
  417. <div th:replace="~{fragments/resetpassword :: div}"></div>
  418. <footer th:replace="~{fragments/footer2 :: footer}"></footer>
  419. </div>
  421. <script th:replace="~{fragments/loginscript :: script}"></script>
  422. <script>
  423. $(document).ready(function () {
  424. let fieldIndex = 1; // To uniquely identify each field set
  426. // Event handler for adding more fields
  427. $('#addMoreFields').click(function () {
  428. // Create new fields with a minus button
  429. var newFields = `
  430. <div class="row mt-3" id="fieldSet${fieldIndex}">
  431. <div class="col-sm-4">
  432. <label for="uploadDocument${fieldIndex}">Upload document</label>
  433. <input type="file" class="form-control" id="uploadDocument${fieldIndex}" name="uploadDocument" required>
  434. </div>
  435. <div class="col-sm-4">
  436. <label for="description${fieldIndex}">Description</label>
  437. <input type="text" class="form-control" id="description${fieldIndex}" name="description" required>
  438. </div>
  439. <div class="col-sm-2 align-self-end">
  440. <button type="button" class="btn btn-sm btn-danger removeFields">
  441. <i class="fas fa-minus"></i> Remove
  442. </button>
  443. </div>
  444. </div>`;
  446. // Append the new fields after the initial section
  447. $('#fileUploadSection').after(newFields);
  448. fieldIndex++; // Increment the index for uniqueness
  449. });
  451. // Event delegation to handle removing fields
  452. $(document).on('click', '.removeFields', function () {
  453. // Remove the entire row (field set) where the button is clicked
  454. $(this).closest('.row').remove();
  455. });
  456. });
  458. function showBlockedHalls(hallIds, blockingReason, startDate, endDate, blockingId) {
  459. //console.log('Sending parameters - hallIds:', hallIds, ', blockingId:', blockingId);
  461. if (!hallIds || hallIds === 'undefined') {
  462. //console.error('Invalid hallIds:', hallIds);
  463. return;
  464. }
  466. $.ajax({
  467. url: '/communityhall/admin/api/getblockedbookingdetails',
  468. method: 'GET',
  469. data: {
  470. hallIds: hallIds,
  471. blockingId: blockingId
  472. },
  473. success: function (data) {
  474. $('#blockedHallsTableBody').empty();
  475. $('#bookingDetailsSection').hide();
  477. const formatDate = (dateString) => {
  478. if (!dateString) return 'N/A';
  479. const date = new Date(dateString);
  480. return date.toLocaleDateString('en-CA');
  481. };
  483. $('#blockingReason').text(blockingReason || 'N/A');
  484. $('#startDate').text(formatDate(startDate));
  485. $('#endDate').text(formatDate(endDate));
  487. data.forEach(function (hall, index) {
  488. $('#blockedHallsTableBody').append(
  489. `<tr>
  490. <td class="text-center">${index + 1}</td>
  491. <td class="text-center">${hall.hallName}</td>
  492. <td class="text-center">${hall.zone}</td>
  493. <td class="text-center">${hall.division}</td>
  494. <td class="text-center">
  495. <button href="#" class="view-booking-details"
  496. data-booking-ids="${hall.bookingIds.join(',')}"
  497. data-hall-id="${hall.hallId}"
  498. data-blocking-id="${blockingId}"
  499. style="cursor: pointer;
  500. background-color: darkcyan;
  501. color: white;
  502. border: none;
  503. padding: 4px 10px;
  504. font-size: 12px;
  505. border-radius: 5px;">
  506. ${hall.bookingIds.length}
  507. </button>
  508. </td>
  509. <td class="text-center">${hall.refundedAmount || 'N/A'}</td>
  510. </tr>`
  511. );
  512. });
  514. $('#blockedHallsModal').modal('show');
  515. },
  516. error: function (error) {
  517. console.error('Error fetching blocked halls:', error);
  518. }
  519. });
  520. }
  522. $(document).on('click', '.view-booking-details', function (e) {
  523. e.preventDefault();
  525. const bookingIdsString = $(this).data('booking-ids');
  526. const bookingIds = bookingIdsString.toString().split(',');
  528. //console.log('Fetching booking details for bookingIds:', bookingIds);
  530. if (!bookingIds || bookingIds.length === 0) {
  531. console.error('Invalid bookingIds:', bookingIds);
  532. return;
  533. }
  535. $('#bookingDetailsTableBody').empty();
  536. let bookingDetailsFetched = 0;
  538. bookingIds.forEach(function (bookingId) {
  539. $.ajax({
  540. url: '/communityhall/admin/api/getbookingdetails',
  541. method: 'GET',
  542. data: {
  543. bookingId: bookingId
  544. },
  545. success: function (data) {
  546. const formatDate = (dateString) => {
  547. if (!dateString) return 'N/A';
  548. const date = new Date(dateString);
  549. return date.toLocaleDateString('en-CA');
  550. };
  552. data.forEach(function (booking, index) {
  553. $('#bookingDetailsTableBody').append(
  554. `<tr>
  555. <td class="text-center">${bookingDetailsFetched + index + 1}</td>
  556. <td class="text-center">${booking.bookingId}</td>
  557. <td class="text-center">${formatDate(booking.startDate)}</td>
  558. <td class="text-center">${formatDate(booking.endDate)}</td>
  559. <td class="text-center">${formatDate(booking.bookingDate)}</td>
  560. </tr>`
  561. );
  562. });
  564. bookingDetailsFetched += data.length;
  565. if (bookingDetailsFetched === bookingIds.length) {
  566. $('#bookingDetailsSection').show();
  567. }
  568. },
  569. error: function (error) {
  570. console.error('Error fetching booking details:', error);
  571. }
  572. });
  573. });
  574. });
  577. $(document).ready(function () {
  578. // Initialize DataTable with buttons
  579. var buttons = [{
  580. extend: 'pageLength',
  581. className: 'btn btn-primary'
  582. }, {
  583. extend: 'copyHtml5',
  584. text: 'Copy',
  585. className: 'btn btn-primary'
  586. }, {
  587. extend: 'excelHtml5',
  588. text: 'Excel',
  589. className: 'btn btn-primary'
  590. }, {
  591. extend: 'csvHtml5',
  592. text: 'CSV',
  593. className: 'btn btn-primary'
  594. }, {
  595. extend: 'pdfHtml5',
  596. text: 'PDF',
  597. className: 'btn btn-primary'
  598. }];
  600. var dataTable = $('#gccblockingTable').DataTable({
  601. dom: 'Bftip',
  602. columnDefs: [{
  603. targets: 'no-sort',
  604. orderable: false
  605. }],
  606. lengthMenu: [
  607. [50, 100, 200, 500, -1],
  608. ['50 rows', '100 rows', '200 rows', '500 rows', 'Show all']
  609. ],
  610. scrollY: '50vh',
  611. fixedColumns: {
  612. left: 1,
  613. right: 1
  614. },
  615. buttons: buttons,
  616. responsive: true,
  617. searching: true,
  618. select: false,
  619. processing: false,
  620. });
  622. $('#gccblockingTable').on('click', '.gcc-blocked-badge', function (e) {
  623. e.preventDefault();
  624. var bookingRow = $(this).closest('tr');
  625. var hallName = bookingRow.find('td:nth-child(2)').text().trim();
  626. var hallId = $(this).data('hall-id');
  627. $('#modalHallName').text('GCC Blocked Events for Hall: ' + hallName);
  629. $.ajax({
  630. url: '/communityhall/admin/api/Gccblocking',
  631. type: 'GET',
  632. data: { hallId: hallId },
  633. success: function (response) {
  634. $('#gccBlockedEventsBody').empty();
  635. response.forEach(function (event) {
  636. var startDate = new Date(event.startDate);
  637. var endDate = new Date(event.endDate);
  638. var noOfDays = Math.ceil((endDate - startDate) / (1000 * 3600 * 24)) + 1;
  640. var formattedStartDate = startDate.toLocaleDateString('en-GB', {
  641. year: 'numeric',
  642. month: '2-digit',
  643. day: '2-digit'
  644. }).replace(/\//g, '-');
  645. var formattedEndDate = endDate.toLocaleDateString('en-GB', {
  646. year: 'numeric',
  647. month: '2-digit',
  648. day: '2-digit'
  649. }).replace(/\//g, '-');
  651. var rowHtml = '<tr>' +
  652. '<td class="text-center">' + formattedStartDate + '</td>' +
  653. '<td class="text-center">' + formattedEndDate + '</td>' +
  654. '<td class="text-center">' + noOfDays + '</td>' +
  655. '</tr>';
  656. $('#gccBlockedEventsBody').append(rowHtml);
  657. });
  658. }
  659. });
  660. $('#gccBlockedModal').modal('show');
  661. });
  664. // Booking details click handler
  665. $(document).on('click', '.view-booking-details', function () {
  666. var bookingId = $(this).data('booking-id');
  667. // Implement booking detail fetching logic here
  668. });
  669. });
  670. $(document).ready(function () {
  671. // Show modal when Add button is clicked
  672. $("#addButton").click(function () {
  673. $("#viewdetails").modal('show');
  674. getZone();
  675. });
  677. // Event handler for the View button
  678. $("#viewButton").click(function () {
  679. var selectedHalls = Array.from(document.querySelectorAll('#hallSelectOptions input[type="checkbox"]:checked'))
  680. .map(cb => cb.value)
  681. .filter(value => !isNaN(value)); // Filter out non-numeric values
  683. var fromDate = $("#fromDate").val();
  684. var toDate = $("#toDate").val();
  686. // Make AJAX call to backend API
  687. $.ajax({
  688. url: '/communityhall/admin/api/filter',
  689. type: 'GET',
  690. data: {
  691. hallIds: selectedHalls.join(','), // Pass selected hall IDs as comma-separated values
  692. fromDate: fromDate,
  693. toDate: toDate
  694. },
  695. success: function (response) {
  696. var bookings = response.bookings;
  697. var blockedEvents = response.blockedEvents;
  699. // Check if there are any blocked events
  700. if (blockedEvents && blockedEvents.length > 0) {
  701. Swal.fire({
  702. title: 'Dates Blocked',
  703. text: 'The selected dates are blocked by others. Please contact the department to unblock.',
  704. icon: 'warning'
  705. });
  706. return; // Exit the function if blocked dates are found
  707. }
  709. // Clear previous table rows
  710. $("#bookingTableBody").empty();
  712. // Populate the table with fetched data
  713. $.each(bookings, function (index, booking) {
  714. // Always show 'Booked', but show 'Unblock' only if blockingId is present
  715. var statusBadge = '<span class="badge bg-success">User Booked</span>';
  717. // Create table row
  718. var row = '<tr>' +
  719. '<td class="text-center">' +
  720. '<input type="checkbox" class="bookingCheckbox" id="snoCheckbox' + index + '" name="snoCheckbox" value="' + booking.bookingId + '" data-additional-value="' + booking.hallDetails.hallId + '"> ' + (index + 1) +
  721. '</td>' +
  722. '<td class="text-center">' + booking.hallDetails.hallName + '</td>' +
  723. '<td class="text-center">' + booking.hallDetails.zone + '</td>' +
  724. '<td class="text-center">' + booking.hallDetails.division + '</td>' +
  725. '<td class="text-center">' + booking.reason + '</td>' +
  726. '<td class="text-center">' + booking.noOfDays + '</td>' +
  727. '<td class="text-center">' + booking.hallAmount + '</td>' +
  728. '<td class="text-center">' + booking.startDate + '</td>' +
  729. '<td class="text-center">' + booking.endDate + '</td>' +
  730. '<td class="text-center">' + statusBadge + '</td>' +
  731. '</tr>';
  733. // Append the row to the table body
  734. $("#bookingTableBody").append(row);
  735. });
  737. // Show the table
  738. $("#bookinglistdataTable").show();
  739. $(".bookingCheckbox").change(function () {
  740. var hallId = $(this).data('additional-value');
  741. var isChecked = $(this).is(':checked');
  743. // Update all checkboxes with the same hall ID
  744. $(".bookingCheckbox").each(function () {
  745. if ($(this).data('additional-value') === hallId) {
  746. $(this).prop('checked', isChecked);
  747. }
  748. //updateHallCheckboxes();
  749. updateHallDisplay();
  750. });
  752. });
  753. },
  754. error: function (xhr, status, error) {
  755. console.error(xhr.responseText); // Log the error for debugging
  756. // Handle error
  757. }
  758. });
  759. });
  762. // Event handler for the Select All checkbox
  763. $("#selectAllCheckbox").click(function () {
  764. var isChecked = $(this).prop('checked');
  765. $("#bookingTableBody input[type='checkbox']").prop('checked', isChecked);
  766. //updateHallCheckboxes();
  767. updateHallDisplay(); // Update hall display based on selected hall IDs
  768. });
  770. // Event handler for the Cancel All button
  771. $("#cancelAll").click(function () {
  772. var fromDate = $("#fromDate").val();
  773. var toDate = $("#toDate").val();
  774. var reasonForBlocking = $("#reasonforBlocking").val();
  776. var uploadDocument = document.getElementById('uploadDocument0');
  777. if (!uploadDocument.files || uploadDocument.files.length === 0) {
  778. Swal.fire('Error!', 'Please upload a document.', 'error');
  779. return;
  780. }
  782. // Validate required inputs
  783. if (!reasonForBlocking.trim()) {
  784. Swal.fire({
  785. icon: 'warning',
  786. title: 'Missing Input',
  787. text: 'Please provide a reason for blocking.',
  788. });
  789. return;
  790. }
  791. if (!fromDate || !toDate) {
  792. Swal.fire({
  793. icon: 'warning',
  794. title: 'Missing Dates',
  795. text: 'Please select valid From and To dates.',
  796. });
  797. return;
  798. }
  800. var allCheckboxes = $("#bookingTableBody input[type='checkbox']"); // Get all checkboxes
  801. var selectedCheckboxes = $("#bookingTableBody input[type='checkbox']:checked"); // Get all checked checkboxes
  802. if (allCheckboxes.length !== selectedCheckboxes.length) {
  803. Swal.fire({
  804. icon: "warning",
  805. title: "Incomplete Selection",
  806. text: "Please select all checkboxes before blocking.",
  807. });
  808. return; // Stop further execution
  809. }
  811. // Get selected checkboxes and their values and additional values
  812. var selectedBookings = Array.from(document.querySelectorAll('#bookingTableBody input[type="checkbox"]:checked'))
  813. .map(cb => ({
  814. value: cb.value,
  815. additionalValue: cb.getAttribute('data-additional-value')
  816. }));
  817. // Separate arrays for values and additional values
  818. var selectedValues = selectedBookings.map(booking => booking.value);
  819. var selectedDataHallIds = selectedBookings.map(booking => booking.additionalValue);
  821. // Collect descriptions and file attachments dynamically
  822. var descriptions = [];
  823. var documents = [];
  825. $('.description').each(function () {
  826. const desc = $(this).val().trim();
  827. if (desc) descriptions.push(desc); // Only add non-empty descriptions
  828. });
  830. $('.uploadDocument').each(function () {
  831. if (this.files && this.files[0]) {
  832. documents.push(this.files[0]); // Collect files if present
  833. }
  834. });
  836. // Validate file size (Optional)
  837. const MAX_FILE_SIZE_MB = 5;
  838. if (documents.some(file => file.size > MAX_FILE_SIZE_MB * 1024 * 1024)) {
  839. Swal.fire({
  840. icon: 'error',
  841. title: 'File Too Large',
  842. text: 'Please upload files smaller than ${MAX_FILE_SIZE_MB} MB.',
  843. });
  844. return;
  845. }
  847. // Collect selected hall IDs
  848. var hallIds = Array.from(document.querySelectorAll('#hallSelectOptions input[type="checkbox"]:checked'))
  849. .map(cb => cb.value)
  850. .filter(value => !isNaN(value))
  851. .join(',');
  853. // console.log("hallIds: " + hallIds);
  855. // Create FormData for AJAX
  856. var formData = new FormData();
  857. formData.append('fromDate', fromDate);
  858. formData.append('toDate', toDate);
  859. formData.append('hallID', hallIds);
  860. formData.append('reasonforblocking', reasonForBlocking);
  861. formData.append('selectedBookings', selectedValues.join(",")); // Add selected values as comma-separated
  863. // Append descriptions and documents to FormData
  864. descriptions.forEach(desc => formData.append('description', desc));
  865. documents.forEach(doc => formData.append('document', doc));
  867. // Log formData for debugging (Optional)
  868. for (let [key, value] of formData.entries()) {
  869. //console.log(${key}: ${value});
  870. }
  872. // Show SweetAlert loading popup
  873. const loadingSwal = Swal.fire({
  874. title: 'Processing...',
  875. text: 'Please wait while we process your request.',
  876. allowOutsideClick: false,
  877. didOpen: () => {
  878. Swal.showLoading(); // Show loading spinner
  879. },
  880. });
  882. // AJAX request
  883. $.ajax({
  884. url: '/communityhall/admin/api/cancelAll',
  885. type: 'POST',
  886. data: formData,
  887. processData: false, // Prevent jQuery from processing FormData
  888. contentType: false, // Allow FormData to set its own content type
  889. success: function (response) {
  890. loadingSwal.close();
  891. Swal.fire({
  892. icon: 'success',
  893. title: 'Success',
  894. text: 'You have successfully blocked.',
  895. }).then(() => {
  896. location.reload(); // Reload page after success
  897. });
  898. },
  899. error: function (xhr, status, error) {
  900. console.error("Cancel All Error:", xhr.responseText);
  901. loadingSwal.close();
  902. Swal.fire({
  903. icon: 'error',
  904. title: 'Error',
  905. text: 'Something went wrong. Please try again later.',
  906. });
  907. }
  908. });
  910. // Reset checkboxes and update UI
  911. resetBookingCheckboxes();
  912. updateHallDisplay();
  913. });
  915. // Function to reset booking checkboxes
  916. function resetBookingCheckboxes() {
  917. $("#bookingTableBody input[type='checkbox']").prop('checked', false);
  918. }
  920. // Function to update hall checkboxes based on selected bookings
  921. function updateHallCheckboxes() {
  922. // Get selected bookings' hall IDs
  923. var selectedHallIds = Array.from(document.querySelectorAll('#bookingTableBody input[type="checkbox"]:checked'))
  924. .map(cb => cb.getAttribute('data-additional-value'));
  926. // Update hall checkboxes
  927. document.querySelectorAll('#hallSelectOptions input[type="checkbox"]').forEach(cb => {
  928. const hallId = cb.value;
  930. if (selectedHallIds.includes(hallId)) {
  931. cb.style.display = ''; // Show checkboxes for selected hall IDs
  932. cb.checked = true; // Keep hall IDs in selectedHallIds checked
  933. } else {
  934. cb.style.display = ''; // Ensure that the checkbox remains visible
  935. cb.checked = false; // Uncheck hall IDs not in selectedHallIds
  936. }
  937. });
  939. updateSelectOptions(selectedHallIds);
  940. }
  942. function updateSelectOptions(selectedHallIds) {
  943. var selectElement = document.querySelector('#hallSelectLabel select');
  944. var selectedIdsSet = new Set(selectedHallIds);
  946. // Remove options that are no longer selected
  947. Array.from(selectElement.options).forEach(option => {
  948. if (!selectedIdsSet.has(option.value)) {
  949. selectElement.remove(option.index);
  950. }
  951. });
  953. // Add new options for IDs that are selected but not yet in the dropdown
  954. selectedIdsSet.forEach(id => {
  955. // Check if an option with this ID already exists
  956. if (![...selectElement.options].some(option => option.value === id)) {
  957. var newOption = document.createElement('option');
  958. newOption.value = id;
  959. newOption.textContent = `${id}`; // Ensure text is set correctly
  960. selectElement.appendChild(newOption);
  961. }
  962. });
  964. // Update the text content of the select box to show selected IDs
  965. var selectBoxText = Array.from(selectedIdsSet).map(id => `${id}`).join(', ');
  966. var firstOption = selectElement.options[0];
  967. if (firstOption) {
  968. firstOption.textContent = selectBoxText || 'Select Halls';
  969. } else {
  970. // Handle the case where no options are left
  971. var newOption = document.createElement('option');
  972. newOption.value = '';
  973. newOption.textContent = selectBoxText || 'Select Halls';
  974. selectElement.appendChild(newOption);
  975. }
  977. // Log the current state of options for debugging
  978. //console.log("Current dropdown options:");
  979. Array.from(selectElement.options).forEach(option => {
  980. //console.log(Value: ${option.value}, Text: ${option.textContent});
  981. });
  982. }
  984. // Ensure this function is called whenever the checkboxes are changed
  985. $(".bookingCheckbox").change(function () {
  986. // Collect selected hall IDs
  987. var selectedHallIds = Array.from(document.querySelectorAll('#hallSelectOptions input[type="checkbox"]:checked'))
  988. .map(cb => cb.value);
  990. updateSelectOptions(selectedHallIds);
  991. });
  993. // Function to update the display of selected hall IDs
  994. function updateHallDisplay() {
  995. var checkedHallIds = Array.from(document.querySelectorAll('#hallSelectOptions input[type="checkbox"]:checked'))
  996. .map(cb => cb.value);
  998. //console.log("Selected Hall IDs:", checkedHallIds.join(', '));
  1000. // Optional: Update a UI element with the selected hall IDs
  1001. // For example, set the text of a span element:
  1002. // $("#selectedHallIdsDisplay").text(checkedHallIds.join(', '));
  1003. }
  1004. });
  1006. function getBlockedevents() {
  1008. var selectedZones = Array.from(document.querySelectorAll('#zoneSelectOptions input[type="checkbox"]:checked'))
  1009. .map(cb => cb.value);
  1011. var selectedHalls = Array.from(document.querySelectorAll('#hallSelectOptions input[type="checkbox"]:checked'))
  1012. .map(cb => cb.value)
  1013. .filter(value => !isNaN(value)); // Filter out non-numeric values
  1015. var fromDate = $("#fromDate").val();
  1016. var toDate = $("#toDate").val();
  1017. var reasonforBlocking = $("#reasonforBlocking").val();
  1019. // Validate all mandatory fields
  1020. if (!selectedZones || selectedZones.length === 0) {
  1021. Swal.fire('Error!', 'Please select at least one Zone.', 'error');
  1022. return;
  1023. }
  1024. if (!selectedHalls || selectedHalls.length === 0) {
  1025. Swal.fire('Error!', 'Please select at least one Hall.', 'error');
  1026. return;
  1027. }
  1028. if (!fromDate) {
  1029. Swal.fire('Error!', 'From Date is required.', 'error');
  1030. return;
  1031. }
  1032. if (!toDate) {
  1033. Swal.fire('Error!', 'To Date is required.', 'error');
  1034. return;
  1035. }
  1036. if (!reasonforBlocking || !reasonforBlocking.trim()) {
  1037. Swal.fire('Error!', 'Reason For Blocking is required.', 'error');
  1038. return;
  1039. }
  1041. $.ajax({
  1042. url: '/communityhall/admin/api/blockedevents',
  1043. type: 'GET',
  1044. data: {
  1045. hallIds: selectedHalls.join(','), // Pass selected hall IDs as comma-separated values
  1046. fromDate: fromDate,
  1047. toDate: toDate,
  1048. reasonforBlocking: reasonforBlocking,
  1049. },
  1050. success: function (response) {
  1051. },
  1052. error: function (xhr, status, error) {
  1053. console.error(xhr.responseText); // Log the error for debugging
  1054. // Handle error
  1055. }
  1056. });
  1057. }
  1059. function cancelBlockedevent(element) {
  1060. var blockingId = element.getAttribute('data-blocking-id');
  1061. var fromDate = element.getAttribute('data-from-date');
  1062. var endDate = element.getAttribute('data-end-date');
  1063. Swal.fire({
  1064. title: 'Are you sure?',
  1065. text: 'Do you want to unblock this item?',
  1066. icon: 'warning',
  1067. showCancelButton: true,
  1068. confirmButtonText: 'Yes, unblock it!',
  1069. cancelButtonText: 'No, keep it blocked'
  1070. }).then((result) => {
  1071. if (result.isConfirmed) {
  1072. $.ajax({
  1073. url: '/communityhall/admin/api/cancelByid',
  1074. type: 'GET',
  1075. data: {
  1076. blockingId: blockingId,
  1077. fromDate: fromDate,
  1078. endDate: endDate
  1079. },
  1080. success: function (response) {
  1081. // console.log("Unblock response:", response);
  1082. $("#viewdetails").modal('hide');
  1083. window.location.reload();
  1084. $("#viewdetails").modal('hide');
  1085. },
  1086. error: function (xhr, status, error) {
  1087. console.error("Error unblocking:", xhr.responseText); // Log the error for debugging
  1088. // Handle error
  1089. }
  1090. });
  1091. }
  1092. });
  1093. }
  1095. // function unblockSpecificBlockedevent(blockingId, bookingId, fromDate, hallId) {
  1096. // Swal.fire({
  1097. // title: 'Are you sure?',
  1098. // text: 'Do you want to unblock this item?',
  1099. // icon: 'warning',
  1100. // showCancelButton: true,
  1101. // confirmButtonText: 'Yes, unblock it!',
  1102. // cancelButtonText: 'No, keep it blocked'
  1103. // }).then((result) => {
  1104. // if (result.isConfirmed) {
  1105. // $.ajax({
  1106. // url: '/communityhall/admin/api/cancelByid',
  1107. // type: 'GET',
  1108. // data: {
  1109. // blockingId: blockingId,
  1110. // bookingId: bookingId,
  1111. // fromDate: fromDate,
  1112. // hallId: hallId
  1113. // },
  1114. // success: function (response) {
  1115. // $("#viewdetails").modal('hide');
  1116. // window.location.reload();
  1117. // },
  1118. // error: function (xhr, status, error) {
  1119. // console.error("Error unblocking:", xhr.responseText); // Log the error for debugging
  1120. // // Handle error
  1121. // }
  1122. // });
  1123. // }
  1124. // });
  1125. // }
  1127. function formatDate(date) {
  1128. var d = new Date(date),
  1129. month = '' + (d.getMonth() + 1),
  1130. day = '' + d.getDate(),
  1131. year = d.getFullYear();
  1133. if (month.length < 2) month = '0' + month;
  1134. if (day.length < 2) day = '0' + day;
  1136. return [year, month, day].join('-');
  1137. }
  1140. document.addEventListener("DOMContentLoaded", function () {
  1141. var today = new Date();
  1142. var yyyy = today.getFullYear();
  1143. var mm = String(today.getMonth() + 1).padStart(2, '0');
  1144. var dd = String(today.getDate()).padStart(2, '0');
  1145. var formattedToday = yyyy + '-' + mm + '-' + dd;
  1147. // Set min attribute to today for both date inputs
  1148. document.getElementById("fromDate").setAttribute("min", formattedToday);
  1149. document.getElementById("toDate").setAttribute("min", formattedToday);
  1150. });
  1152. // Function to show/hide checkboxes
  1153. // Function to show/hide checkboxes
  1154. function toggleCheckboxArea(id, onlyHide = false) {
  1155. var checkboxes = document.getElementById(id);
  1156. var displayValue = checkboxes.style.display;
  1158. if (displayValue !== "block") {
  1159. if (onlyHide === false) {
  1160. checkboxes.style.display = "block";
  1161. }
  1162. } else {
  1163. checkboxes.style.display = "none";
  1164. }
  1165. }
  1167. // Function to initialize the zones
  1168. function getZone() {
  1169. $.ajax({
  1170. type: "GET",
  1171. url: '/communityhall/user/api/getZone',
  1172. success: function (data) {
  1173. const uniqueZones = [...new Set(data.map(item => item.zone))];
  1174. const zoneMenu = document.getElementById('zoneSelectOptions');
  1175. zoneMenu.innerHTML = ''; // Clear existing options
  1177. // Add "All Zones" checkbox
  1178. const allZonesCheckbox = document.createElement('input');
  1179. allZonesCheckbox.type = 'checkbox';
  1180. allZonesCheckbox.value = 'All Zones';
  1181. allZonesCheckbox.name = 'zone';
  1182. allZonesCheckbox.addEventListener('change', function () {
  1183. toggleAllZones(this.checked);
  1184. });
  1185. const allZonesLabel = document.createElement('label');
  1186. allZonesLabel.htmlFor = 'allZonesCheckbox';
  1187. allZonesLabel.textContent = 'All Zones';
  1188. allZonesLabel.prepend(allZonesCheckbox);
  1189. zoneMenu.appendChild(allZonesLabel);
  1191. uniqueZones.forEach(zone => {
  1192. const label = document.createElement('label');
  1193. const checkbox = document.createElement('input');
  1194. checkbox.type = 'checkbox';
  1195. checkbox.value = zone;
  1196. checkbox.id = zone;
  1197. checkbox.name = 'zone';
  1198. label.htmlFor = zone;
  1199. label.textContent = zone;
  1200. label.prepend(checkbox);
  1201. zoneMenu.appendChild(label);
  1203. // Bind change event
  1204. checkbox.addEventListener('change', function () {
  1205. loadHallsbyzone();
  1206. checkboxStatusChange('zoneSelectOptions', 'zoneSelectLabel');
  1207. });
  1208. });
  1209. },
  1210. error: function (xhr, status, error) {
  1211. console.error('Error loading zones:', error);
  1212. }
  1213. });
  1214. }
  1216. // Function to toggle all zones checkboxes
  1217. function toggleAllZones(checked) {
  1218. const zoneCheckboxes = document.querySelectorAll('#zoneSelectOptions input[type="checkbox"]');
  1219. zoneCheckboxes.forEach(checkbox => {
  1220. checkbox.checked = checked;
  1221. });
  1222. loadHallsbyzone();
  1223. checkboxStatusChange('zoneSelectOptions', 'zoneSelectLabel');
  1224. }
  1226. function addHallCheckbox(hallMenu, hall) {
  1227. const label = document.createElement('label');
  1228. const checkbox = document.createElement('input');
  1229. checkbox.type = 'checkbox';
  1230. checkbox.value = hall.hallId;
  1231. checkbox.id = hall.hallName;
  1232. checkbox.name = 'hall';
  1234. label.htmlFor = hall.hallId;
  1236. // Remove leading comma if present
  1237. const hallName = hall.hallName.trim(); // Remove leading and trailing whitespace
  1238. label.textContent = hallName.replace(/^, */, ''); // Remove leading comma and spaces, if any
  1240. label.prepend(checkbox);
  1242. hallMenu.appendChild(label);
  1244. // Bind change event
  1245. checkbox.addEventListener('change', function () {
  1246. checkboxStatusChange('hallSelectOptions', 'hallSelectLabel');
  1247. });
  1248. }
  1250. // Function to load halls based on selected zones
  1251. function loadHallsbyzone() {
  1252. const selectedZones = Array.from(document.querySelectorAll('#zoneSelectOptions input[type="checkbox"]:checked')).map(cb => cb.value);
  1254. if (selectedZones.length === 0) {
  1255. document.getElementById('hallSelectOptions').innerHTML = '';
  1256. return;
  1257. }
  1259. $.ajax({
  1260. url: '/communityhall/user/api/hallsbyzone',
  1261. method: 'GET',
  1262. data: { zones: selectedZones.join(',') }, // Pass selected zones to the backend
  1263. success: function (response) {
  1264. const hallMenu = document.getElementById('hallSelectOptions');
  1265. hallMenu.innerHTML = ''; // Clear existing options
  1267. // Add "All Halls" checkbox
  1268. const allHallsCheckbox = document.createElement('input');
  1269. allHallsCheckbox.type = 'checkbox';
  1270. allHallsCheckbox.addEventListener('change', function () {
  1271. toggleAllHalls(this.checked);
  1272. });
  1274. const allHallsLabel = document.createElement('label');
  1275. allHallsLabel.htmlFor = 'allHallsCheckbox';
  1276. allHallsLabel.textContent = 'All Halls';
  1277. allHallsLabel.prepend(allHallsCheckbox);
  1278. hallMenu.appendChild(allHallsLabel);
  1280. // Add individual hall checkboxes
  1281. response.forEach(function (hall) {
  1282. addHallCheckbox(hallMenu, hall);
  1283. });
  1284. },
  1285. error: function (xhr, status, error) {
  1286. console.error('Error loading halls:', error);
  1287. }
  1288. });
  1289. }
  1291. // Function to toggle all halls checkboxes
  1292. function toggleAllHalls(checked) {
  1293. const hallCheckboxes = document.querySelectorAll('#hallSelectOptions input[type="checkbox"]');
  1294. hallCheckboxes.forEach(checkbox => {
  1295. checkbox.checked = checked;
  1296. });
  1297. checkboxStatusChange('hallSelectOptions', 'hallSelectLabel');
  1298. }
  1300. function checkboxStatusChange(optionsId, labelId) {
  1301. var multiselect = document.getElementById(labelId);
  1302. var multiselectOption = multiselect.getElementsByTagName('option')[0];
  1304. var values = [];
  1305. var checkboxes = document.getElementById(optionsId);
  1306. var checkedCheckboxes = checkboxes.querySelectorAll('input[type=checkbox]:checked');
  1308. // Check if all zones are selected
  1309. var allZonesCheckbox = document.getElementById('allZonesCheckbox');
  1310. var zoneCheckboxes = document.querySelectorAll('#zoneSelectOptions input[type="checkbox"]');
  1311. var allZonesChecked = Array.from(zoneCheckboxes).every(checkbox => checkbox.checked);
  1313. for (const item of checkedCheckboxes) {
  1314. var checkboxValue = item.getAttribute('id');
  1315. if (allZonesChecked && checkboxValue === 'All Zones') {
  1316. // Skip the "All Zones" label if all zones are selected
  1317. continue;
  1318. }
  1319. values.push(checkboxValue);
  1320. }
  1322. var dropdownValue = "Nothing is selected";
  1323. if (values.length > 0) {
  1324. dropdownValue = values.join(', ').replace(/^, */, ''); // Remove leading comma and spaces if any
  1325. }
  1327. multiselectOption.innerText = dropdownValue;
  1328. }
  1331. window.onload = function () {
  1332. document.addEventListener("click", function (evt) {
  1333. var zoneFlyoutElement = document.getElementById('zoneMultiselect'),
  1334. hallFlyoutElement = document.getElementById('hallMultiselect'),
  1335. targetElement = evt.target; // clicked element
  1337. do {
  1338. if (targetElement == zoneFlyoutElement || targetElement == hallFlyoutElement) {
  1339. return; // Click inside
  1340. }
  1341. targetElement = targetElement.parentNode;
  1342. } while (targetElement);
  1344. // Click outside
  1345. toggleCheckboxArea('zoneSelectOptions', true);
  1346. toggleCheckboxArea('hallSelectOptions', true);
  1347. });
  1348. };
  1350. document.addEventListener('DOMContentLoaded', function () {
  1351. function clearModalFields() {
  1352. // Clear text inputs
  1353. document.querySelectorAll('#viewdetails input[type="text"], #viewdetails input[type="date"]').forEach(input => {
  1354. input.value = '';
  1355. });
  1357. // Reset select elements
  1358. document.querySelectorAll('#viewdetails select').forEach(select => {
  1359. select.selectedIndex = 0; // Reset to default option
  1360. });
  1362. // Uncheck checkboxes and clear their container
  1363. document.querySelectorAll('#viewdetails .checkboxes input[type="checkbox"]').forEach(checkbox => {
  1364. checkbox.checked = false;
  1365. });
  1366. document.querySelectorAll('#viewdetails .checkboxes').forEach(container => {
  1367. container.innerHTML = ''; // Clear all checkboxes from the container
  1368. });
  1370. // Add default options for zones and halls
  1371. document.querySelector('#zoneMultiselect select').innerHTML = '<option>Select Zones</option>';
  1372. document.querySelector('#hallMultiselect select').innerHTML = '<option>Select Halls</option>';
  1374. // Optionally, hide content area if needed
  1375. document.getElementById('bookinglistdataTable').style.display = 'none';
  1376. }
  1378. // Event listener for when the modal is hidden
  1379. document.getElementById('viewdetails').addEventListener('hidden.bs.modal', clearModalFields);
  1380. });
  1382. function formatDate(date) {
  1383. let d = new Date(date),
  1384. month = '' + (d.getMonth() + 1),
  1385. day = '' + d.getDate(),
  1386. year = d.getFullYear();
  1388. if (month.length < 2) month = '0' + month;
  1389. if (day.length < 2) day = '0' + day;
  1391. return [year, month, day].join('-');
  1392. }
  1394. // Get today's date
  1395. let today = new Date();
  1396. let todayFormatted = formatDate(today);
  1398. // Set the minimum date for fromDate input to today
  1399. let fromDateInput = document.getElementById('fromDate');
  1400. fromDateInput.setAttribute('min', todayFormatted);
  1402. // Add event listener to fromDate to update toDate min value and reset its value
  1403. fromDateInput.addEventListener('change', function () {
  1404. let selectedFromDate = this.value;
  1405. let toDateInput = document.getElementById('toDate');
  1406. toDateInput.setAttribute('min', selectedFromDate);
  1407. toDateInput.value = ''; // Reset the value of toDate
  1408. });
  1409. </script>
  1410. </body>
  1412. </html>