balaji
/
GCC_Officer_Portal
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
This portal only for GCC Officers. Based on there roles and Group ID they can view there module`s Like PGR, QR Public Asset Feedback, Makkalai Thedi Mayor,etc...
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.
25 Commits
2 Branches
0 Tags
289 MiB
Tree: 3f8518fd02
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '3f8518fd02'
${ noResults }
GCC_Officer_Portal/target/classes/templates/modules/callcenterqaqc/pgrcomplaints.html

1899 lines
74 KiB
Raw Normal View History

New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
New Module Added New module updated
1 year ago
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
New Module Added New module updated
1 year ago
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
New Module Added New module updated
1 year ago
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
New Module Added New module updated
1 year ago
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
New Module Added New module updated
1 year ago
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
​
​
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
New Module Added New module updated
1 year ago
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
New Module Added New module updated
1 year ago
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
New Module Added New module updated
1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
New Module Code Updated NULM, QAQC (1913) & Petition Modules added
2 years ago
​
​
​
​
​
​
  1. <!DOCTYPE html>
  3. <html xmlns:th="http://www.thymeleaf.org">
  4. <head th:replace="~{fragments/modules/base/head :: head}">
  6. <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
  7. <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css">
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  9. <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
  10. </head>
  12. <style>
  13. .required {
  14. color: red;
  15. }
  16. /* Mobile screens - targeting devices with a max width of 767px */
  17. @media ( max-width : 767px) {
  18. #complaintform label {
  19. margin-top: 10px;
  20. }
  21. }
  23. .form-row {
  24. margin-bottom: 20px;
  25. }
  27. .form-step {
  28. display: none;
  29. }
  31. .form-step.active {
  32. display: block;
  33. }
  35. .container {
  36. max-width: 100%;
  37. }
  39. /*css for step 3*/
  40. .complaint-icons {
  41. display: flex;
  42. justify-content: space-around;
  43. margin-bottom: 20px;
  44. }
  46. .complaint-icon {
  47. text-align: center;
  48. cursor: pointer;
  49. }
  51. .complaint-icon img {
  52. width: 50px;
  53. height: 50px;
  54. }
  56. .complaint-fields {
  57. display: none;
  58. }
  60. .complaint-fields.active {
  61. display: block;
  62. }
  64. /*for radio button style*/
  65. .radio-group {
  66. display: flex;
  67. align-items: center;
  68. /* Ensures all items are aligned to the center */
  69. }
  71. .radio-item {
  72. display: flex;
  73. align-items: center;
  74. margin-right: 20px;
  75. /* Adds space between each radio item */
  76. }
  78. .radio-item input[type="radio"] {
  79. margin-right: 10px;
  80. /* Adds space between the radio button and its label */
  81. vertical-align: middle;
  82. /* Ensures vertical alignment */
  83. }
  85. .radio-item label {
  86. margin: 0;
  87. /* Removes any default margins that might affect alignment */
  88. }
  90. .back-button {
  91. background: none;
  92. border: none;
  93. color: #000;
  94. font-size: 16px;
  95. cursor: pointer;
  96. padding: 0;
  97. margin-right: auto;
  98. /* Align the button to the left */
  99. }
  101. .title {
  102. text-align: center;
  103. flex-grow: 1;
  104. font-size: 24px;
  105. font-weight: bold;
  106. margin: 0;
  107. }
  109. /*css for map in step2*/
  111. #googleMap {
  112. height: 300px;
  113. width: 100%;
  114. position: relative;
  115. overflow: hidden;
  116. max-width: 100%;
  117. }
  119. #pac-input {
  120. position: absolute;
  121. top: 10px;
  122. left: 50%;
  123. transform: translateX(-50%);
  124. width: 300px;
  125. z-index: 5;
  126. padding: 10px;
  127. border: 1px solid #ccc;
  128. background-color: white;
  129. border-radius: 4px;
  130. }
  132. #search-container {
  133. position: absolute;
  134. top: 10px;
  135. left: 50%;
  136. transform: translateX(-50%);
  137. z-index: 1000;
  138. width: 500px;
  139. box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  140. background-color: white;
  141. border-radius: 4px;
  142. padding: 0;
  143. /* Removed extra padding to match the input width */
  144. }
  146. #search-box {
  147. width: 100%;
  148. /* Ensures the input takes up the entire width of the container */
  149. padding: 5px;
  150. font-size: 16px;
  151. border: 1px solid #ccc;
  152. border-radius: 4px;
  153. /* Rounded corners matching the container */
  154. box-sizing: border-box;
  155. /* Makes sure padding is considered in width */
  156. }
  158. #suggestions {
  159. border: 1px solid #ccc;
  160. border-radius: 4px;
  161. max-height: 200px;
  162. overflow-y: auto;
  163. margin-top: 5px;
  164. background-color: white;
  165. display: none;
  166. width: 100%;
  167. /* Matches the width of the container and input */
  168. box-sizing: border-box;
  169. /* Ensures the width includes borders and padding */
  170. }
  172. #suggestions ul {
  173. list-style: none;
  174. padding: 0;
  175. margin: 0;
  176. }
  178. #suggestions ul li {
  179. padding: 5px;
  180. cursor: pointer;
  181. }
  183. #suggestions ul li:hover {
  184. background-color: #f0f0f0;
  185. }
  187. #reader-btn, #invertColorBtn {
  188. padding: 5px 10px;
  189. font-size: 14px;
  190. cursor: pointer;
  191. }
  193. .loader {
  194. border: 16px solid #f3f3f3;
  195. /* Light grey */
  196. border-top: 16px solid #3498db;
  197. /* Blue */
  198. border-radius: 50%;
  199. width: 120px;
  200. height: 120px;
  201. animation: spin 2s linear infinite;
  202. position: absolute;
  203. top: 50%;
  204. left: 50%;
  205. margin: -60px 0 0 -100px;
  206. /* Center the loader */
  207. z-index: 9999;
  208. /* Ensure it's on top of everything */
  209. display: none;
  210. /* Initially hidden */
  211. }
  213. .row {
  214. display: flex;
  215. flex-wrap: wrap;
  216. margin-bottom: 15px;
  217. gap: 15px;
  218. }
  220. .col-md-6 {
  221. flex: 0 0 48%;
  222. max-width: 48%;
  223. display: flex;
  224. flex-direction: column;
  225. }
  227. .col-md-6 label {
  228. font-weight: 600;
  229. margin-bottom: 5px;
  230. }
  232. .col-md-6 select,
  233. .col-md-6 input {
  234. height: 38px;
  235. padding: 5px 10px;
  236. border-radius: 5px;
  237. border: 1px solid #ccc;
  238. }
  240. @keyframes spin { 0%
  241. {
  242. transform: rotate(0deg);
  243. }
  245. 100%
  246. {
  247. transform:rotate(360deg);
  248. }
  249. }
  251. #snackbar {
  252. visibility: hidden;
  253. min-width: 250px;
  254. background-color: #333;
  255. color: #fff;
  256. text-align: center;
  257. border-radius: 2px;
  258. padding: 16px;
  259. position: fixed;
  260. z-index: 1;
  261. left: 50%;
  262. bottom: 30px;
  263. font-size: 17px;
  264. transform: translateX(-50%);
  265. }
  267. #snackbar.show {
  268. visibility: visible;
  269. -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  270. animation: fadein 0.5s, fadeout 0.5s 2.5s;
  271. }
  274. @-webkit-keyframes fadein {from { bottom:0;
  275. opacity: 0;
  276. }
  278. to {
  279. bottom: 30px;
  280. opacity: 1;
  281. }
  283. }
  284. @keyframes fadein {from { bottom:0;
  285. opacity: 0;
  286. }
  288. to {
  289. bottom: 30px;
  290. opacity: 1;
  291. }
  293. }
  294. @-webkit-keyframes fadeout {from { bottom:30px;
  295. opacity: 1;
  296. }
  298. to {
  299. bottom: 0;
  300. opacity: 0;
  301. }
  303. }
  304. @keyframes fadeout {from { bottom:30px;
  305. opacity: 1;
  306. }
  308. to {
  309. bottom: 0;
  310. opacity: 0;
  311. }
  312. }
  314. /*for snack bar*/
  315. </style>
  316. <body>
  317. <div id="snackbar"></div>
  319. <!--[if lt IE 8]>
  320. <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  321. <![endif]-->
  323. <div class="wrapper">
  324. <!-- header top menu Start -->
  325. <header th:replace="~{fragments/modules/base/header :: header}"></header>
  326. <!-- header top menu end -->
  328. <div class="page-wrap">
  329. <!--=============== Left Menu side Start ================-->
  330. <div th:replace="~{fragments/modules/base/menu :: menu}"></div>
  331. <!--=============== Left side End ================-->
  332. <div class="main-content">
  333. <div class="container-fluid">
  334. <div class="page-header mb-2">
  335. <div class="row align-items-end">
  336. <div class="col-lg-8">
  337. <div class="page-header-title">
  338. <i class="fas fa-ticket-alt bg-blue"></i>
  339. <div class="d-inline">
  340. <h5>PGR Complaint Registration</h5>
  341. <span>1913 PGR Complaint Registration</span>
  342. </div>
  343. </div>
  344. </div>
  345. <div class="col-lg-4">
  346. <nav class="breadcrumb-container" aria-label="breadcrumb">
  347. <ol class="breadcrumb">
  348. <li class="breadcrumb-item"><a href="/gcc/index"><i class="ik ik-home"></i></a></li>
  349. <li class="breadcrumb-item" aria-current="page">Register Complaint</li>
  350. <li class="breadcrumb-item active" aria-current="page">Complaint Registration</li>
  351. </ol>
  352. </nav>
  353. </div>
  354. </div>
  355. </div>
  358. <div class="row inside mt-4">
  360. <div class="col-md-12">
  361. <div class="card" style="margin-top: 0px;">
  363. <div class="card-body">
  366. <!-- Step 1 -->
  367. <!-- Step 1 -->
  368. <div class=" form-step active" id="step-1">
  369. <!-- <div class="card-body"> -->
  370. <h5 class="card-title">1. Complaining Person's Details:</h5>
  371. <div class="form-row">
  372. <div class="col-md-4">
  373. <label for="mobile">Mobile Number:<span class="required">*</span></label>
  374. <div class="input-group">
  375. <input type="text" id="mobileNo" name="mobileNo"
  376. class="form-control mb-1"
  377. placeholder="Enter Mobile Number" maxlength="10"
  378. minlength="10" required>
  379. </div>
  380. </div>
  381. </div>
  382. <div class="form-row">
  383. <div class="col-md-4">
  384. <label for="name">Name:<span class="required">*</span></label>
  385. <input type="text" class="form-control" id="name"
  386. placeholder="Enter your name" required>
  387. </div>
  389. <div class="col-md-4">
  390. <label for="gender" class="ml-4">Gender/பாலினம்:<span
  391. class="required">*</span></label>
  392. <div class="radio-group mt-2 ml-4">
  393. <div class="radio-item">
  394. <input type="radio" id="male" name="gender" value="male"
  395. > <label for="male">Male</label>
  396. </div>
  397. <div class="radio-item">
  398. <input type="radio" id="female" name="gender"
  399. value="female"> <label for="female">Female</label>
  400. </div>
  401. <div class="radio-item">
  402. <input type="radio" id="transgender" name="gender"
  403. value="transgender"> <label for="transgender">Transgender</label>
  404. </div>
  405. </div>
  406. </div>
  408. <div class="col-md-4">
  409. <label for="email">Email:</label> <input type="email"
  410. class="form-control" id="email"
  411. placeholder="Enter your email">
  412. </div>
  413. </div>
  414. <button id="nextStep1" class="btn btn-primary float-right"
  415. onclick="nextStep('nextStep1')"
  416. style="background-color: #414f69;">Next</button>
  417. <!-- </div> -->
  418. </div>
  419. <!--step-2-->
  420. <div class=" form-step readable" id="step-2">
  421. <!-- <div class="card-body"> -->
  422. <h5 class="card-title">2. Complaint Location Details:</h5>
  423. <div class="form-row">
  425. <!-- loader section -->
  426. <!-- <div id="loader" class="loader" style="display: none;"></div> -->
  428. <!--map fields-->
  430. <div class="col-md-12">
  431. <!-- <div id="map"></div> -->
  432. <div id="mapContainer" style="position: relative; height: 500px;">
  433. <input id="pac-input" class="controls" type="text" placeholder="Search location">
  434. <div id="googleMap" style="height: 100%; width: 100%;"></div>
  435. </div>
  436. <div id="search-container">
  437. <!-- <input type="text" id="search-box" placeholder="Search for a location..."> -->
  438. <div id="suggestions"></div>
  439. </div>
  440. <div class="row">
  441. <div class="col-md-6">
  442. <!-- <label for="street">Street:</label>
  443. <input type="text" class="form-control" id="street"> -->
  444. <label for="streetName">Street:</label>
  445. <select id="streetName" name="streetName"></select>
  446. <!-- <label for="streetName">Street:</label>
  447. <input type="text" class="form-control" id="streetName"> -->
  448. </div>
  450. <div class="col-md-6">
  451. <!-- <label for="longitude_field">Longtitude</label>
  452. <input type="text" class="form-control" id="longitude_field" name="longtitude"> -->
  453. <label for="longitude_field">Longtitude</label>
  454. <input type="text" class="form-control" id="longitude_field" readonly>
  455. </div>
  456. <div class="col-md-6">
  457. <!-- <label for="latitude_field">Latitide</label>
  458. <input type="text" class="form-control" id="latitude_field"> -->
  459. <label for="latitude_field">Latitude</label>
  460. <input type="text" class="form-control" id="latitude_field" readonly>
  461. </div>
  462. <div class="col-md-6">
  463. <!-- <label for="street_id">Street Id</label>
  464. <input type="text" class="form-control" id="street_id"> -->
  465. <label for="streetId">Street Id</label>
  466. <input type="text" class="form-control" id="streetId" readonly>
  467. </div>
  468. <div class="col-md-6">
  469. <!-- <label for="landmark">Landmark</label>
  470. <input type="text" class="form-control" id="landmark"> -->
  471. <label for="landmark">Landmark</label>
  472. <input type="text" class="form-control" id="landmark" readonly>
  473. </div>
  474. <!-- <div class="col-md-6">
  475. <label for="zone">Zone</label>
  476. <input type="text" class="form-control" id="zone" readonly>
  477. </div>
  478. <div class="col-md-6">
  479. <label for="ward">Ward</label>
  480. <input type="text" class="form-control" id="ward" readonly>
  481. </div> -->
  482. </div>
  483. </div>
  484. </div>
  485. <button id="prevStep2" class="btn btn-secondary"
  486. onclick="prevStep('prevStep2')">Previous</button>
  487. <button id="nextStep2" class="btn btn-primary float-right"
  488. onclick="nextStep('nextStep2')"
  489. style="background-color: #414f69;">Next</button>
  490. <!-- </div> -->
  491. </div>
  492. <!-- Step 3 -->
  493. <div class=" form-step active readable" id="step-3">
  494. <div class="card-body">
  495. <h5 class="card-title">3. Complaint Type:&nbsp;<span>(Please Select Complaint Type from Below...)</span></h5>
  497. <!-- Icons -->
  498. <div class="complaint-icons">
  499. <div class="complaint-icon" data-type="specific"
  500. data-id="112">
  501. <img src="/gcc/assets/images/road.png" alt="Pothole">
  502. <p>Pothole</p>
  503. </div>
  504. <div class="complaint-icon" data-type="specific"
  505. data-id="97">
  506. <img src="/gcc/assets/images/recycle.png" alt="garbage">
  507. <p>Garbage</p>
  508. </div>
  509. <div class="complaint-icon" data-type="specific"
  510. data-id="104">
  511. <img src="/gcc/assets/images/waste-bin.png" alt="broken-bin">
  512. <p>Broken-Bin</p>
  513. </div>
  514. <div class="complaint-icon" data-type="specific"
  515. data-id="146">
  516. <img src="/gcc/assets/images/street-lamp.png" alt="StreetLight">
  517. <p>StreetLight</p>
  518. </div>
  519. <div class="complaint-icon" data-type="specific"
  520. data-id="199">
  521. <img src="/gcc/assets/images/portable-bathroom.png"
  522. alt="public-toilet">
  523. <p>Public Toilet</p>
  524. </div>
  525. <div class="complaint-icon" data-type="specific"
  526. data-id="118">
  527. <img src="/gcc/assets/images/mosquito.png" alt="mosquito">
  528. <p>Mosquito Menace</p>
  529. </div>
  530. <div class="complaint-icon" data-type="specific"
  531. data-id="138">
  532. <img src="/gcc/assets/images/tsunami.png" alt="waterstag">
  533. <p>WaterStagnation</p>
  534. </div>
  535. <div class="complaint-icon" data-type="specific"
  536. data-id="142">
  537. <img src="/gcc/assets/images/sewage.png" alt="sewage">
  538. <p>Storm Water Drains</p>
  539. </div>
  540. <div class="complaint-icon" data-type="specific"
  541. data-id="119">
  542. <img src="/gcc/assets/images/dog.png" alt="dog">
  543. <p>Street Dog</p>
  544. </div>
  545. <!--<div class="complaint-icon" data-type="specific" data-id="">
  546. <img src="images/bad-weather.png" alt="weather">
  547. <p>Tree Fallen</p>
  548. </div>-->
  550. <!-- <div class="complaint-icon" data-type="others">
  551. <img src="/gcc/assets/images/menu.png" alt="Others">
  552. <p>Others</p>
  553. </div> -->
  554. </div>
  557. <!-- Specific Complaint Fields -->
  558. <div class="complaint-fields active" id="specific-fields">
  559. <div class="form-row">
  560. <div class="col-md-6">
  561. <label for="complaint-title">Complaint Title:</label> <input
  562. type="text" class="form-control" id="complaint-title"
  563. placeholder="Enter Complaint Type">
  564. </div>
  565. <div class="col-md-6">
  566. <label for="complaint-id">Complaint Type:</label> <input
  567. type="text" class="form-control" id="complaint-id"
  568. disabled>
  569. </div>
  571. </div>
  572. <div class="form-row">
  573. <div class="col-md-6">
  574. <label for="othercomplaint-details">Details of
  575. Complaint:</label>
  576. <textarea class="form-control" id="othercomplaint-details"
  577. rows="3" placeholder="Enter complaint details"
  578. maxlength="400"></textarea>
  579. </div>
  580. <div class="col-md-6">
  581. <label for="complaint-image">Upload Photo:&nbsp;<span style="color: orange;">
  582. Less than 1 MB.</span></label>
  583. <input type="file" class="form-control" id="complaint-image" name="Comp_Image">
  585. </div>
  587. </div>
  588. </div>
  590. <!-- Others Complaint Fields -->
  591. <div class="complaint-fields" id="others-fields">
  592. <div class="form-row">
  593. <div class="col-md-4">
  594. <label for="type">Type:</label> <select
  595. class="form-control" id="type">
  596. <option value="">Please Select</option>
  597. </select>
  598. </div>
  599. <div class="col-md-4">
  600. <label for="sub-type">Sub-Type:</label> <select
  601. class="form-control" id="sub-type">
  602. <option value="">Select complaint</option>
  603. </select>
  604. </div>
  605. <div class="col-md-4">
  606. <label for="uploadothers">Upload Photo:</label> <input
  607. type="file" class="form-control" id="uploadothers"
  608. accept="image/*"> <span style="color: red;">
  609. <p>Upload Photo Less Than 1mb*.</p>
  610. </span>
  611. </div>
  612. </div>
  613. <div class="form-row">
  614. <div class="col-md-6">
  615. <label for="othercomplaintdetailsss">Details of
  616. Complaint:</label>
  617. <textarea class="form-control"
  618. id="othercomplaintdetailsss" rows="3"
  619. placeholder="Enter complaint details" maxlength="400"></textarea>
  620. </div>
  621. </div>
  622. </div>
  625. <button id="prevStep3" class="btn btn-secondary"
  626. onclick="prevStep('prevStep3')">Previous</button>
  627. <button id="nextStep3" class="btn btn-primary float-right"
  629. style="background-color: #414f69;">Next</button>
  630. </div>
  631. </div>
  633. <!-- Step 4 -->
  634. <div class=" form-step readable" id="step-4">
  635. <div class="card-body">
  636. <h5 class="card-title">4. Complaint Details:</h5>
  637. <table class="table">
  638. <tbody>
  639. <tr>
  640. <td><strong>Name</strong></td>
  641. <td>: <span id="summaryName"></span></td>
  642. <td><strong>Complaint Location</strong></td>
  643. <td>: <span id="summaryStreet"></span></td>
  644. </tr>
  645. <tr>
  646. <td><strong>Mobile Number</strong></td>
  647. <td>: <span id="summaryMobile"></span></td>
  648. <td><strong>Email Address</strong></td>
  649. <td>: <span id="summaryEmail"></span></td>
  650. </tr>
  651. <tr>
  652. <td><strong>Complaint Type</strong></td>
  653. <td>: <span id="summaryComplaintType"></span></td>
  654. <td><strong>Complaint Title</strong></td>
  655. <td>: <span id="summaryComplaintTitle"></span></td>
  656. </tr>
  657. <tr>
  658. <td><strong>Description</strong></td>
  659. <td>: <span id="summaryDescription"></span></td>
  660. <td><strong>Street Id</strong></td>
  661. <td>: <span id="summaryStreetId"></span></td>
  662. </tr>
  663. <tr>
  664. <td><strong>Landmark</strong></td>
  665. <td>: <span id="summaryLandmark"></span></td>
  666. <td><strong>Latitude</strong></td>
  667. <td>: <span id="summaryLatitude"></span></td>
  668. </tr>
  669. <tr>
  670. <td><strong>Longitude</strong></td>
  671. <td>: <span id="summaryLongitude"></span></td>
  672. <td><strong>Gender</strong></td>
  673. <td>: <span id="summaryGender"></span></td>
  674. </tr>
  675. <tr>
  676. <td><strong>Image / Video</strong></td>
  677. <td>: <img id="summaryImage" src="#"
  678. alt="Uploaded Image/Video" width="100"
  679. style="display: none;">
  680. </td>
  681. </tr>
  682. </tbody>
  683. </table>
  687. <button id="prevStep4" class="btn btn-secondary"
  688. onclick="prevStep('prevStep4')">Previous</button>
  691. <button id="submitButton" class="btn btn-success float-right">Submit</button>
  693. </div>
  694. </div>
  697. </div>
  698. </div>
  699. </div>
  706. </div>
  707. </div>
  710. </div>
  713. <footer th:replace="~{fragments/modules/base/footer :: footer}"></footer>
  714. </div>
  715. </div>
  720. <div th:replace="~{fragments/modules/base/app_module_menu_box :: div}"></div>
  722. <script th:replace="~{fragments/modules/base/script :: script}"></script>
  723. <script src="node_modules/tempusdominus-bootstrap-4/build/js/tempusdominus-bootstrap-4.min.js"></script>
  724. <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
  725. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  726. <script src="https://kit.fontawesome.com/a076d05399.js"></script>
  727. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  728. <script th:src="@{/js/screenreader.js}"></script>
  729. <script async defer
  730. src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCi7N6uW5MZaSkd50Kzw7ax2GkMN1vjE-E&callback=myMap&libraries=places">
  731. </script>
  733. <script type="text/javascript">
  735. //for snackbar script
  736. function showSnackbar(message) {
  737. var snackbar = document.getElementById("snackbar");
  738. snackbar.innerHTML = message;
  739. snackbar.className = "show";
  740. setTimeout(function () {snackbar.className = snackbar.className.replace("show", "");}, 3000);
  741. }
  743. //for snackbar script
  745. let currentStep = 1;
  746. let mapInitialized = false;
  748. function showStep(step) {
  749. $('.form-step').removeClass('active');
  750. $('#step-' + step).addClass('active');
  751. /* updateProgressBar(step); */
  753. if (step === 2 && !mapInitialized) {
  754. //document.getElementById('loader').style.display = 'block'; // Show loader before map initialization
  755. //setTimeout(initializeMap, 3000); // Load the map after 3 seconds
  756. mapInitialized = true; // Ensure the map is only initialized once
  757. }
  759. // If we're on step 4, populate the summary fields
  760. if (step === 4) {
  761. populateSummary();
  762. }
  763. }
  765. function nextStep() {
  766. if (currentStep < 4) {
  767. // Perform validation for the current step
  768. if (validateStep(currentStep)) {
  769. currentStep++;
  770. showStep(currentStep);
  771. }
  772. }
  773. }
  775. function prevStep() {
  776. if (currentStep > 1) {
  777. currentStep--;
  778. showStep(currentStep);
  779. }
  780. }
  782. /* function updateProgressBar(step) {
  783. const progress = (step / 4) * 100;
  784. $('.progress-bar').css('width', progress + '%').attr('aria-valuenow', progress);
  785. } */
  787. function validateStep(step) {
  788. let isValid = true;
  790. if (step === 1) {
  791. console.log("step 1");
  792. const mobileNo = $('#mobileNo').val().trim();
  793. const gender = $('input[name="gender"]:checked').val();
  794. const name = $('#name').val().trim();
  795. let email = $('#email').val().trim();
  797. console.log("mobileNo"+mobileNo);
  798. console.log("gender="+gender);
  799. console.log("name="+name);
  800. console.log("email="+email);
  802. // Validate mobile number
  803. if (mobileNo === '' || !/^\d{10}$/.test(mobileNo)) {
  804. isValid = false;
  805. showSnackbar("Please enter a valid 10-digit mobile number.");
  806. return false;
  807. }
  809. // Validate name
  810. if (!name) {
  811. isValid = false;
  812. showSnackbar("Please enter your name.");
  813. return false;
  814. }
  816. // Validate gender
  817. if (!gender) {
  818. showSnackbar("Please select your gender.");
  819. return false;
  820. }
  821. // Check email
  822. if (email === '') {
  823. email = 'N/A'; // Set N/A if empty
  824. $('#email').val(email); // Update the input field with N/A
  825. } else if (!/^\S+@\S+\.\S+$/.test(email)) {
  826. isValid = false;
  827. showSnackbar("Please enter a valid email address.");
  828. return false;
  829. }
  830. } else if (step === 2) {
  831. const streets = $('#streetName option:selected').val();
  832. console.log("streets="+streets);
  833. const longitude = $('#longitude_field').val();
  834. const latitude = $('#latitude_field').val();
  835. const streetId = $('#streetId').val();
  836. const landmark = $('#landmark').val();
  838. // Validate street
  839. if (!streets) {
  840. isValid = false;
  841. showSnackbar("Please enter the street.");
  842. return false;
  843. }
  845. // Validate longitude and latitude
  846. if (longitude === '' || isNaN(longitude)) {
  847. isValid = false;
  848. showSnackbar("Please enter a valid longitude.");
  849. return false;
  850. }
  851. if (latitude === '' || isNaN(latitude)) {
  852. isValid = false;
  853. showSnackbar("Please enter a valid latitude.");
  854. return false;
  855. }
  857. // Validate street ID
  858. if (streetId === '') {
  859. isValid = false;
  860. showSnackbar("Please enter the street ID.");
  861. return false;
  862. }
  864. // Validate landmark
  865. if (landmark === '') {
  866. isValid = false;
  867. showSnackbar("Please enter the landmark.");
  868. return false;
  869. }
  870. }
  872. return isValid;
  873. }
  875. function populateSummary() {
  876. const name = $('#name').val();
  877. const street = $('#streetName option:selected').text();
  878. const mobileNo = $('#mobileNo').val();
  879. const gender = $('input[name="gender"]:checked').val();
  880. const email = $('#email').val();
  882. // Check if 'specific-fields' is active and use its values
  883. if ($('#specific-fields').hasClass('active')) {
  884. const complaintTitle = $('#complaint-title').val();
  885. const complaintid = $('#complaint-id').val();
  886. const complaintDetails = $('#othercomplaint-details').val(); // Specific complaint details
  888. $('#summaryComplaintTitle').text(complaintTitle);
  889. $('#summaryComplaintType').text(complaintid);
  890. $('#summaryDescription').text(complaintDetails);
  892. } else if ($('#others-fields').hasClass('active')) {
  893. const complaintTitle = $('#type').find('option:selected').text();
  894. const complaintSubType = $('#sub-type').find('option:selected').text();
  895. const complaintDetails = $('#othercomplaintdetailsss').val(); // Others complaint details
  897. $('#summaryComplaintTitle').text(complaintTitle + ' - ' + complaintSubType);
  898. $('#summaryComplaintType').text('Other Complaint');
  899. $('#summaryDescription').text(complaintDetails);
  900. }
  903. //const streetid = $('#street_id').val();
  904. const streetid = $('#streetId').val();
  905. const landmark = $('#landmark').val();
  906. const latitude = $('#latitude_field').val();
  907. const longtitude = $('#longitude_field').val();
  909. $('#summaryName').text(name);
  910. $('#summaryStreet').text(street);
  911. $('#summaryMobile').text(mobileNo);
  912. $('#summaryGender').text(gender);
  913. $('#summaryEmail').text(email);
  914. $('#summaryStreetId').text(streetid);
  915. $('#summaryLandmark').text(landmark);
  916. $('#summaryLatitude').text(latitude);
  917. $('#summaryLongitude').text(longtitude);
  919. // Handle image preview
  920. /* const fileInput = $('#complaint-image')[0]; // Assuming this is for the "Others" section
  921. if (fileInput.files && fileInput.files[0]) {
  922. const reader = new FileReader();
  923. reader.onload = function (e) {
  924. $('#summaryImage').attr('src', e.target.result).show();
  925. }
  926. reader.readAsDataURL(fileInput.files[0]);
  927. } else {
  928. $('#summaryImage').hide();
  929. }*/
  931. // If there's a separate image input for the specific form, handle it similarly:
  932. // Check if specific fields section is active
  933. if ($('#specific-fields').hasClass('active')) {
  934. const specificFileInput = $('#complaint-image')[0]; // Example ID for specific form
  935. if (specificFileInput.files && specificFileInput.files[0]) {
  936. const reader = new FileReader();
  937. reader.onload = function (e) {
  938. $('#summaryImage').attr('src', e.target.result).show();
  939. };
  940. reader.readAsDataURL(specificFileInput.files[0]);
  941. } else {
  942. $('#summaryImage').hide(); // Hide the image if no file is selected
  943. }
  944. }
  945. // Check if "Others" section is active
  946. else if ($('#others-fields').hasClass('active')) {
  947. const fileInput = $('#uploadothers')[0]; // Assuming this is for the "Others" section
  948. if (fileInput.files && fileInput.files[0]) {
  949. const reader = new FileReader();
  950. reader.onload = function (e) {
  951. $('#summaryImage').attr('src', e.target.result).show();
  952. };
  953. reader.readAsDataURL(fileInput.files[0]);
  954. } else {
  955. $('#summaryImage').hide(); // Hide the image if no file is selected
  956. }
  957. } else {
  958. $('#summaryImage').hide(); // Default hide if no section is active
  959. }
  965. }
  968. $(document).ready(function () {
  969. showStep(currentStep);
  970. });
  976. $(document).ready(function () {
  977. showStep(currentStep);
  978. });
  981. //for step3 onclick function
  982. $(document).ready(function () {
  983. // On icon click
  984. $('.complaint-icon').click(function () {
  985. const type = $(this).data('type'); // Get the type (specific or others)
  986. const title = $(this).find('p').text().trim(); // Get the icon name (complaint title)
  987. const complaintId = $(this).data('id'); // Get the complaint ID
  989. // Toggle complaint fields based on type
  990. $('.complaint-fields').removeClass('active');
  992. if (type === 'specific') {
  993. $('#specific-fields').addClass('active'); // Show specific fields form
  994. $('#others-fields').removeClass('active'); // Hide others form
  995. $('#complaint-title').val(title); // Set the complaint title to the icon name
  996. $('#complaint-id').val(complaintId); // Set the complaint ID to the corresponding ID
  997. } else if (type === 'others') {
  998. $('#others-fields').addClass('active'); // Show others form
  999. $('#specific-fields').removeClass('active'); // Hide specific fields form
  1000. $('#complaint-title').val(''); // Clear the complaint title for 'Others'
  1001. $('#complaint-id').val(''); // Clear the complaint ID for 'Others'
  1002. }
  1003. });
  1004. });
  1008. //for complaint group and complainttype wise options dropdown api
  1009. $(document).ready(function () {
  1010. const $type = $('#type');
  1011. const $subType = $('#sub-type');
  1013. $subType.prop('disabled', true);
  1015. // Fetch and populate the Type dropdown
  1016. $.ajax({
  1017. url: '/gcc/api/callcenterqaqc/pgrcomplaint/getComplaintCategories',
  1018. method: 'GET',
  1019. success: function (response) {
  1021. const data = typeof response === 'string' ? JSON.parse(response) : response;
  1022. //console.log('Response:', response); // Log the response to verify
  1023. let optionsHtml = '<option value="">Please Select</option>';
  1024. data.ComplaintCategoryListResult.forEach(function (group) {
  1025. optionsHtml += `<option value="${group.groupid}">${group.groupname}</option>`;
  1026. });
  1027. $type.html(optionsHtml);
  1028. },
  1029. error: function (error) {
  1030. console.error('Error fetching complaint categories:', error);
  1031. }
  1032. });
  1034. // Handle Type dropdown change
  1035. $type.change(function () {
  1036. const selectedType = $(this).val();
  1037. $subType.empty().append('<option value="">Select complaint</option>');
  1039. if (selectedType) {
  1041. $.ajax({
  1042. url: `/gcc/api/callcenterqaqc/pgrcomplaint/getComplaintSubTypes?groupId=${selectedType}`,
  1043. method: 'GET',
  1044. success: function (response) {
  1045. const data = typeof response === 'string' ? JSON.parse(response) : response;
  1046. const selectedGroup = data.ComplaintCategoryListResult[0];
  1048. //console.log(data);
  1051. if (selectedGroup && selectedGroup.group) {
  1052. $subType.prop('disabled', false);
  1053. selectedGroup.group.forEach(function (complaint) {
  1054. $subType.append(`<option value="${complaint.id}">${complaint.complaintname}</option>`);
  1055. });
  1056. } else {
  1057. $subType.prop('disabled', true);
  1058. }
  1059. },
  1060. error: function (error) {
  1061. console.error('Error fetching sub-types:', error);
  1062. $subType.prop('disabled', true);
  1063. }
  1064. });
  1065. } else {
  1066. $subType.prop('disabled', true);
  1067. }
  1068. });
  1069. });
  1071. //api for saving
  1072. //for sweet alert
  1073. /* function showSuccessAlert() {
  1074. Swal.fire({
  1075. icon: 'success',
  1076. title: 'Complaint Registration Success',
  1077. text: 'Complaint Number 123456. Use this Number for Complaint Status Check.',
  1078. confirmButtonText: 'Back to Home',
  1079. confirmButtonColor: '#3085d6',
  1080. }).then((result) => {
  1081. if (result.isConfirmed) {
  1082. window.location.href = 'home';
  1083. }
  1084. });
  1085. } */
  1087. $('#complaint-image, #uploadothers').on('change', function () {
  1088. const file = this.files[0];
  1089. const allowedTypes = ['image/jpeg', 'image/jpg', 'image/png'];
  1091. if (file) {
  1092. // Check file type
  1093. if (!allowedTypes.includes(file.type)) {
  1094. Swal.fire({
  1095. icon: 'error',
  1096. title: 'Invalid File Format',
  1097. text: 'Only JPG, JPEG, and PNG image formats are allowed.',
  1098. confirmButtonText: 'OK'
  1099. });
  1100. $(this).val(''); // Clear the input
  1101. return;
  1102. }
  1104. // Check file size
  1105. if (file.size > 1024 * 1024) {
  1106. Swal.fire({
  1107. icon: 'error',
  1108. title: 'File Too Large',
  1109. text: 'File size exceeds 1MB. Please upload an image less than 1MB.',
  1110. confirmButtonText: 'OK'
  1111. });
  1112. $(this).val(''); // Clear the input
  1113. return;
  1114. }
  1115. }
  1116. });
  1119. //Script For Map
  1121. function myMap() {
  1122. const defaultCenter = { lat: 13.0827, lng: 80.2707 };
  1123. const map = new google.maps.Map(document.getElementById("googleMap"), {
  1124. center: defaultCenter,
  1125. zoom: 14
  1126. });
  1128. let marker = null;
  1129. let streetsList = []; // ✅ Define globally inside myMap
  1130. const infowindow = new google.maps.InfoWindow();
  1132. // 🔍 Initialize the SearchBox
  1133. const input = document.getElementById('pac-input');
  1134. const searchBox = new google.maps.places.SearchBox(input);
  1135. //map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);
  1137. map.addListener('bounds_changed', function () {
  1138. searchBox.setBounds(map.getBounds());
  1139. });
  1141. searchBox.addListener('places_changed', function () {
  1142. const places = searchBox.getPlaces();
  1143. if (places.length === 0) return;
  1145. if (marker) marker.setMap(null);
  1146. const place = places[0];
  1147. if (!place.geometry) return;
  1149. marker = new google.maps.Marker({
  1150. map: map,
  1151. position: place.geometry.location
  1152. });
  1154. const lat = place.geometry.location.lat().toFixed(6);
  1155. const lng = place.geometry.location.lng().toFixed(6);
  1156. document.getElementById("latitude_field").value = lat;
  1157. document.getElementById("longitude_field").value = lng;
  1159. map.setCenter(place.geometry.location);
  1160. map.setZoom(15);
  1162. infowindow.setContent(`Latitude: ${lat}<br>Longitude: ${lng}`);
  1163. infowindow.open(map, marker);
  1165. fetchStreets(lat, lng);
  1166. });
  1168. map.addListener("click", function (event) {
  1169. const clickedLatLng = event.latLng;
  1170. if (marker) marker.setMap(null);
  1172. marker = new google.maps.Marker({
  1173. position: clickedLatLng,
  1174. map: map
  1175. });
  1177. const lat = clickedLatLng.lat().toFixed(6);
  1178. const lng = clickedLatLng.lng().toFixed(6);
  1180. document.getElementById("latitude_field").value = lat;
  1181. document.getElementById("longitude_field").value = lng;
  1183. infowindow.setContent(`Latitude: ${lat}<br>Longitude: ${lng}`);
  1184. infowindow.open(map, marker);
  1186. fetchStreets(lat, lng);
  1187. });
  1189. // ✅ Move fetchStreets here inside myMap, and use local streetsList
  1190. function fetchStreets(lat, lng) {
  1191. const encodedGeometry = encodeURIComponent(JSON.stringify({ y: lat, x: lng }));
  1192. const streetURL = `https://gisgcc.chennaicorporation.gov.in/server/rest/services/GCCDepts/EDPMobile2025/FeatureServer/0/query?` +
  1193. `where=&objectIds=&time=&geometry=${encodedGeometry}` +
  1194. `&geometryType=esriGeometryPoint&inSR=4326&defaultSR=4326&spatialRel=esriSpatialRelIntersects&distance=25` +
  1195. `&units=esriSRUnit_Meter&relationParam=&outFields=region%2Cnew_zone%2C+new_ward%2Croad_id%2C+road_name%2Cgis_id%2Ctype` +
  1196. `&returnGeometry=false&maxAllowableOffset=&geometryPrecision=&outSR=&havingClause=&gdbVersion=&historicMoment=` +
  1197. `&returnDistinctValues=false&returnIdsOnly=false&returnCountOnly=false&returnExtentOnly=false&orderByFields=` +
  1198. `&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&multipatchOption=xyFootprint&resultOffset=` +
  1199. `&resultRecordCount=&returnTrueCurves=false&returnExceededLimitFeatures=false&quantizationParameters=&returnCentroid=false` +
  1200. `&timeReferenceUnknownClient=false&maxRecordCountFactor=&sqlFormat=none&resultType=&featureEncoding=esriDefault` +
  1201. `&datumTransformation=&f=geojson`;
  1203. const streetSelect = document.getElementById("streetName");
  1204. streetSelect.innerHTML = "";
  1206. const defaultOption = document.createElement("option");
  1207. defaultOption.value = "";
  1208. defaultOption.text = "-- Select Street --";
  1209. streetSelect.appendChild(defaultOption);
  1211. document.getElementById("streetId").value = "";
  1212. document.getElementById("landmark").value = "";
  1214. fetch(streetURL)
  1215. .then(res => res.json())
  1216. .then(data => {
  1217. const features = data.features;
  1218. if (!features || features.length === 0) {
  1219. Swal.fire({
  1220. icon: 'warning',
  1221. title: 'No Street Found',
  1222. text: 'Please select the nearby street.',
  1223. });
  1224. return;
  1225. }
  1227. streetsList = features.map(f => f.properties); // ✅ Save for use in dropdown
  1228. streetsList.forEach((props, index) => {
  1229. const option = document.createElement("option");
  1230. option.value = index;
  1231. option.text = props.road_name;
  1232. streetSelect.appendChild(option);
  1233. });
  1234. })
  1235. .catch(err => {
  1236. console.error("Error fetching street:", err);
  1237. Swal.fire("Failed to load street data", '', 'error');
  1238. });
  1239. }
  1241. document.getElementById("streetName").addEventListener("change", function () {
  1242. const selectedIndex = this.value;
  1243. if (selectedIndex !== "") {
  1244. const selectedStreet = streetsList[selectedIndex];
  1246. document.getElementById("streetId").value = selectedStreet.road_id;
  1247. document.getElementById("landmark").value = selectedStreet.type;
  1248. // document.getElementById("zone").value = selectedStreet.new_zone;
  1249. // document.getElementById("ward").value = selectedStreet.new_ward;
  1251. console.log("Selected street:", selectedStreet);
  1252. } else {
  1253. document.getElementById("streetId").value = "";
  1254. document.getElementById("landmark").value = "";
  1255. // document.getElementById("zone").value = "";
  1256. // document.getElementById("ward").value = "";
  1257. }
  1258. });
  1259. }
  1260. function fetchSuggestions(query) {
  1261. // ArcGIS API URL to fetch suggestions based on the input query
  1262. const arcgisSuggestionUrl = `https://gisgcc.chennaicorporation.gov.in/server/rest/services/Hosted/Road_API/FeatureServer/0/query?where=UPPER(road_name)%20LIKE%20'%25${query.toUpperCase()}%25'&outFields=road_name,zone,ward,road_id&returnGeometry=true&f=geojson`;
  1264. fetch(arcgisSuggestionUrl)
  1265. .then(response => response.json())
  1266. .then(data => {
  1267. var suggestions = document.getElementById('suggestions');
  1268. suggestions.innerHTML = '';
  1270. if (data.features && data.features.length > 0) {
  1271. suggestions.style.display = 'block';
  1272. var ul = document.createElement('ul');
  1273. data.features.forEach(function (result) {
  1274. var lat = result.geometry.coordinates[1];
  1275. var lng = result.geometry.coordinates[0];
  1276. var roadName = result.properties.road_name || 'Unknown Road';
  1277. /* var zone = result.properties.zone || 'Unknown Zone';
  1278. var ward = result.properties.ward || 'Unknown Ward'; */
  1279. var roadId = result.properties.road_id || 'Unknown Road ID'
  1281. // Creating the suggestion item with road name, zone, and ward
  1282. var li = document.createElement('li');
  1283. li.textContent = `${roadName} - Zone: ${zone}, Ward: ${ward}`;
  1284. li.dataset.latlng = JSON.stringify([lat, lng]);
  1285. li.dataset.roadName = roadName;
  1286. li.dataset.roadId = roadId;
  1287. /* li.dataset.zone = zone;
  1288. li.dataset.ward = ward; */
  1289. ul.appendChild(li);
  1290. });
  1291. suggestions.appendChild(ul);
  1292. } else {
  1293. suggestions.style.display = 'none';
  1294. }
  1295. })
  1296. .catch(error => console.error('Error fetching suggestions:', error));
  1297. }
  1299. function fetchLocationInfoByMap(lat, lng, marker) {
  1300. const arcgisUrl = `https://gisgcc.chennaicorporation.gov.in/server/rest/services/Hosted/Road_API/FeatureServer/0/query?where=&objectIds=&time=&geometry=%7B%22y%22%3A${lat}%2C%22x%22%3A${lng}%7D&geometryType=esriGeometryEnvelope&inSR=4326&defaultSR=4326&spatialRel=esriSpatialRelIntersects&distance=25&units=esriSRUnit_Meter&relationParam=&outFields=zone%2Cward%2Croad_id%2Croad_name&returnGeometry=false&maxAllowableOffset=&geometryPrecision=&outSR=&havingClause=&gdbVersion=&historicMoment=&returnDistinctValues=false&returnIdsOnly=false&returnCountOnly=false&returnExtentOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&multipatchOption=xyFootprint&resultOffset=&resultRecordCount=&returnTrueCurves=false&returnCentroid=false&timeReferenceUnknownClient=false&maxRecordCountFactor=&sqlFormat=none&resultType=&datumTransformation=&lodType=geohash&lod=&lodSR=&f=geojson`;
  1302. fetch(arcgisUrl)
  1303. .then(response => response.json())
  1304. .then(data => {
  1305. console.log(data);
  1306. let info;
  1307. if (data.features && data.features.length > 0) {
  1308. const properties = data.features[0].properties;
  1309. const roadName = properties.road_name || 'N/A';
  1310. /* const zone = properties.zone || 'N/A';
  1311. const ward = properties.ward || 'N/A'; */
  1312. const roadId = properties.road_id || 'N/A';
  1314. info = `Road Name: ${roadName}<br>Zone: ${zone}<br>Ward: ${ward}<br>Latitude: ${lat}<br>Longitude: ${lng}`;
  1315. document.getElementById("street").value = roadName;
  1316. document.getElementById("latitude_field").value = lat;
  1317. document.getElementById("longitude_field").value = lng;
  1318. //document.getElementById("street_id").value = roadId;
  1319. document.getElementById("streetId").value = roadId;
  1320. document.getElementById("landmark").value = roadName;
  1321. marker.bindTooltip(info, {permanent: false, direction: 'top'}).openTooltip();
  1322. } else {
  1323. document.getElementById("street").value = "No road data found for this location";
  1324. document.getElementById("latitude_field").value = "No latitude data found for this location";
  1325. document.getElementById("longitude_field").value = "No latitude data found for this location";
  1326. //document.getElementById("street_id").value = "No street id data found for this location";
  1327. document.getElementById("streetId").value = "No street id data found for this location";
  1328. document.getElementById("landmark").value = "No landmark data found for this location";
  1329. info = `No road data found for this location`
  1330. marker.bindTooltip(info, {permanent: false, direction: 'top'}).openTooltip();
  1331. }
  1332. })
  1333. .catch(error => {
  1334. console.error('Error fetching road data:', error);
  1335. marker.bindTooltip(`Error fetching road data.<br>Latitude: ${lat}<br>Longitude: ${lng}`, {permanent: false, direction: 'top'}).openTooltip();
  1336. });
  1337. }
  1339. function fetchLocationInfoBySuggestions(lat, lng, marker) {
  1340. const arcgisUrl = `https://gisgcc.chennaicorporation.gov.in/server/rest/services/Hosted/Road_API/FeatureServer/0/query?where=&objectIds=&time=&geometry=%7B%22y%22%3A${lat}%2C%22x%22%3A${lng}%7D&geometryType=esriGeometryEnvelope&inSR=4326&defaultSR=4326&spatialRel=esriSpatialRelIntersects&distance=25&units=esriSRUnit_Meter&relationParam=&outFields=zone%2Cward%2Croad_id%2Croad_name&returnGeometry=false&maxAllowableOffset=&geometryPrecision=&outSR=&havingClause=&gdbVersion=&historicMoment=&returnDistinctValues=false&returnIdsOnly=false&returnCountOnly=false&returnExtentOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&multipatchOption=xyFootprint&resultOffset=&resultRecordCount=&returnTrueCurves=false&returnCentroid=false&timeReferenceUnknownClient=false&maxRecordCountFactor=&sqlFormat=none&resultType=&datumTransformation=&lodType=geohash&lod=&lodSR=&f=geojson`;
  1342. fetch(arcgisUrl)
  1343. .then(response => response.json())
  1344. .then(data => {
  1345. console.log(data);
  1346. let info;
  1347. if (data.features && data.features.length > 0) {
  1348. const properties = data.features[0].properties;
  1349. const roadName = properties.road_name || 'N/A';
  1350. /* const zone = properties.zone || 'N/A';
  1351. const ward = properties.ward || 'N/A'; */
  1352. const roadId = properties.road_id || 'N/A';
  1354. info = `Road Name: ${roadName}<br>Zone: ${zone}<br>Ward: ${ward}<br>Latitude: ${lat}<br>Longitude: ${lng}`;
  1355. document.getElementById("street").value = roadName;
  1356. document.getElementById("latitude_field").value = lat;
  1357. document.getElementById("longitude_field").value = lng;
  1358. //document.getElementById("street_id").value = roadId;
  1359. document.getElementById("streetId").value = roadId;
  1360. document.getElementById("landmark").value = roadName;
  1361. marker.bindTooltip(info, {permanent: false, direction: 'top'}).openTooltip();
  1362. } else {
  1363. document.getElementById("street").value = suggestedRoadName;
  1364. document.getElementById("latitude_field").value = lat;
  1365. document.getElementById("longitude_field").value = lng;
  1366. //document.getElementById("street_id").value = suggestedRoadId;
  1367. document.getElementById("streetId").value = suggestedRoadId;
  1368. document.getElementById("landmark").value = suggestedRoadName;
  1369. info = `Road Name: ${suggestedRoadName}<br>Zone: ${suggestedZone}<br>Ward: ${suggestedWard}<br>Latitude: ${lat}<br>Longitude: ${lng}`
  1370. marker.bindTooltip(info, {permanent: false, direction: 'top'}).openTooltip();
  1371. }
  1372. })
  1373. .catch(error => {
  1374. console.error('Error fetching road data:', error);
  1375. marker.bindTooltip(`Error fetching road data.<br>Latitude: ${lat}<br>Longitude: ${lng}`, {permanent: false, direction: 'top'}).openTooltip();
  1376. });
  1377. }
  1379. $(document).ready(function () {
  1380. $('#submitButton').click(function (e) {
  1381. e.preventDefault(); // Prevent the default form submission
  1383. $('#submitButton').prop('disabled', true).text('Processing...');
  1385. // Collect data from the form fields
  1386. var complainantName = $('#summaryName').text().trim();
  1387. var complainantAddr = $('#summaryStreet').text().trim();
  1388. var mobileNo = $('#summaryMobile').text().trim();
  1389. var email = $('#summaryEmail').text().trim();
  1390. var complaintType = $('#summaryComplaintType').text().trim();
  1391. var complaintTitle = $('#summaryComplaintTitle').text().trim();
  1392. var complaintDetails = $('#summaryDescription').text().trim();
  1393. var streetId = $('#summaryStreetId').text().trim();
  1394. var landmark = $('#summaryLandmark').text().trim();
  1395. var latitude = $('#summaryLatitude').text().trim();
  1396. var longtitude = $('#summaryLongitude').text().trim(); // Note the misspelling
  1397. var gender = $('#summaryGender').text().trim();
  1398. var imageSrc = $('#summaryImage').attr('src');
  1400. /* console.log({
  1401. ComplainantName: complainantName,
  1402. ComplainantAddr: complainantAddr,
  1403. MobileNo: mobileNo,
  1404. Email: email,
  1405. ComplaintType: complaintType,
  1406. ComplaintTitle: complaintTitle,
  1407. ComplaintDetails: complaintDetails,
  1408. StreetId: streetId,
  1409. Comp_Image: imageSrc,
  1410. latitude: latitude,
  1411. longtitude: longtitude,
  1412. Landmark: landmark,
  1413. gender: gender
  1414. }); */
  1416. // AJAX call to your backend controller
  1417. $.ajax({
  1418. url: '/gcc/api/callcenterqaqc/pgrcomplaint/register', // Update to your Spring Boot endpoint
  1419. type: 'POST',
  1420. data: {
  1421. ComplainantName: complainantName,
  1422. ComplainantAddr: complainantAddr,
  1423. MobileNo: mobileNo,
  1424. Email: email,
  1425. ComplaintType: complaintType,
  1426. ComplaintTitle: complaintTitle,
  1427. ComplaintDetails: complaintDetails,
  1428. StreetId: streetId,
  1429. Comp_Image: imageSrc,
  1430. latitude: latitude,
  1431. longtitude: longtitude,
  1432. Landmark: landmark,
  1433. gender: gender
  1434. },
  1435. success: function (response) {
  1436. $('#submitButton').prop('disabled', false).text('Submit');
  1437. // SweetAlert upon success
  1438. console.log("API Response:", response);
  1439. // Ensure response is a JavaScript object
  1442. if (typeof response === "string") {
  1443. try {
  1444. response = JSON.parse(response);
  1445. } catch (error) {
  1446. console.error("Failed to parse response:", error);
  1447. }
  1448. }
  1450. let complaintNumber = response["complaintNumber"];
  1451. if (!complaintNumber || complaintNumber === "null" || complaintNumber === null) {
  1452. complaintNumber = "N/A";
  1453. }
  1455. Swal.fire({
  1456. title: 'Success!',
  1457. text: `Your complaint has been submitted successfully. Your Complaint Number is ${complaintNumber}. It will be sent to your mobile number.`,
  1458. icon: 'success',
  1459. allowOutsideClick: false, // Disable clicking outside the modal to close it
  1460. allowEscapeKey: false, // Disable escape key to close the modal
  1461. allowEnterKey: false, // Disable enter key to close the modal
  1462. showConfirmButton: true, // Ensure the confirm button is visible
  1463. confirmButtonText: 'OK'
  1464. }).then((result) => {
  1465. if (result.isConfirmed) {
  1467. location.reload();
  1468. }
  1469. });
  1470. },
  1471. error: function (xhr, status, error) {
  1472. // Improved error handling
  1473. $('#submitButton').prop('disabled', false).text('Submit');
  1474. console.log('Error:', xhr.responseText, status, error);
  1475. //alert('Error: ' + xhr.status + ' ' + xhr.statusText);
  1476. Swal.fire({
  1477. title: 'Error!',
  1478. text: 'Submission failed. Please try again.',
  1479. icon: 'error'
  1480. });
  1481. }
  1482. });
  1483. });
  1485. // ✅ Step 1: Map complaint ID to complaint title
  1486. const complaintTypeMap = {
  1487. "97": "Removal of Garbage",
  1488. "98": "Overflowing of Garbage Bin",
  1489. "99": "Removal of Debris",
  1490. "100": "Absenteeism of Sweepers",
  1491. "101": "Absenteeism of Door to door garbage Collector",
  1492. "102": "Improper Sweeping",
  1493. "103": "Provison of Garbage Bin",
  1494. "104": "Broken Bin",
  1495. "105": "Shifting of Garbage Bin",
  1496. "106": "Cleaning of Water Table",
  1497. "107": "Nuisance by Garbage Tractor/Truck",
  1498. "108": "Burning of Garbage",
  1499. "109": "Garbage Lorry without Net",
  1500. "110": "Spilling of Garbage from Lorry",
  1501. "111": "Burning of Garbage at Dumping Ground",
  1502. "112": "Pot hole fill up / Repairs to the damaged surface",
  1503. "113": "Relaying of Road",
  1504. "114": "Formation of New Road",
  1505. "115": "Repairs to existing Footpath",
  1506. "116": "Request to provide Footpath",
  1507. "117": "Removal of Shops in the Footpath",
  1508. "118": "Mosquito Menace",
  1509. "119": "Street Dogs",
  1510. "120": "Stray Cattle",
  1511. "121": "Stray Pigs",
  1512. "122": "Death of Stray Animals",
  1513. "123": "Public Health / Dengue / Malaria / Gastro Enteritis",
  1514. "124": "Transfer Station Smell",
  1515. "125": "Flies Menace from Dumping Ground",
  1516. "126": "Open Defecation",
  1517. "127": "Illegal Draining of Sewage to SWD / Open Site",
  1518. "128": "Complaints regarding unhygenic Restaurants",
  1519. "129": "Complaints regarding quality of food in hotels",
  1520. "130": "Road Side Eateries",
  1521. "131": "Slaughter House related complaints",
  1522. "132": "Unauthorized Sale of Meat and Meat products",
  1523. "133": "Illegal Slaughtering",
  1524. "134": "Unhygenic and Improper Transport of Meat and Livestock",
  1525. "135": "Biomedical waste / Health hazard waste removal",
  1526. "136": "Complaints regarding Corporation Hospitals",
  1527. "137": "Complaints regarding CDH",
  1528. "138": "Stagnation of Water",
  1529. "139": "Obstruction of Water Flow",
  1530. "140": "Desilting of Drain",
  1531. "141": "Desilting of Canal",
  1532. "142": "Repairs to Storm Water Drain",
  1533. "143": "Covering Manholes of Storm Water Drain",
  1534. "144": "New Drain Construction",
  1535. "145": "Disposal of Removed Silt on the Road",
  1536. "146": "Non burning of Street lights",
  1537. "147": "Electric shock due to street light",
  1538. "148": "Damage to the Electric pole",
  1539. "149": "New Street lights",
  1540. "150": "Shifting of Street light pole",
  1541. "151": "Overhead cable wires running in a haphazard manner",
  1542. "152": "Removal of Fallen Trees",
  1543. "153": "Complaints regarding Park",
  1544. "154": "Complaints regarding Playground",
  1545. "155": "Complaints regarding Centre Median",
  1546. "156": "Complaints regarding Traffic Island",
  1547. "157": "Unauthorized Tree Cutting",
  1548. "158": "Obstruction of Trees",
  1549. "159": "Complaints regarding Public Toilets",
  1550. "160": "Complaints regarding Free Usage of Public Toilets",
  1551. "161": "Complaints regarding Cleanliness of Toilets in Theatre",
  1552. "162": "Complaints regarding Cleanliness of Toilets in Shopping Complex",
  1553. "163": "Building Plan Sanction",
  1554. "164": "Violation of DCR/Building By laws",
  1555. "165": "Unauthorized / Illegal Construction",
  1556. "166": "Complaints related to Property Tax",
  1557. "167": "Complaints related to Professional Tax",
  1558. "168": "Complaints related to Trade Licence",
  1559. "174": "Name Error (Spelling Related)",
  1560. "175": "Change of Address in Electoral Roll",
  1561. "176": "Issue of Voter ID",
  1562. "177": "Inclusion, Deletion, Correction in Voter List",
  1563. "178": "Complaints regarding Voter List",
  1564. "179": "Name not found in the Electoral Roll",
  1565. "180": "Issue of Birth and Death Certificate",
  1566. "181": "Encroachment on the Public Property",
  1567. "182": " Complaints related to Schools",
  1568. "183": "Sanction of Financial Assistance under Moovalaur Thirumana Thittam",
  1569. "184": "Complaints related to issue of all types of Registration Certificate",
  1570. "185": "Slow Progress of Work",
  1571. "186": "Poor Quality of Work",
  1572. "187": "Unauthorized Advertisement Boards",
  1573. "188": "Complaints regarding Bridges / Flyovers / Subways",
  1574. "189": "Complaints related Shopping Complex",
  1575. "190": "Complaints regarding Community Hall",
  1576. "191": "Complaints regarding Burial Ground",
  1577. "192": "Complaints regarding any other CoC building",
  1578. "193": "Parking Issue",
  1579. "195": "Complaints Regarding Plastics",
  1580. "196": "No electricity in public toilet",
  1581. "197": "No water supply in public toilet",
  1582. "198": "Public toilet blockage",
  1583. "199": "Public toilet cleaning",
  1584. "200": "Burning of street light in daytime",
  1585. "201": "Illegal Parking on foot path",
  1586. "202": "Complaints regarding non availability of Doctors",
  1587. "203": "Complaints regarding non availability of medicines",
  1588. "204": "Complaints regarding laboratory issues",
  1589. "205": "Issues regarding amma baby care kits (After Delivery)",
  1590. "206": "Issues regarding Amma nutrition kit for pregnant woman",
  1591. "207": "Issues regarding Muthulakshmi Reddy Maternity Benefit Scheme (MRMBS)",
  1592. "208": "Issues regarding janani suraksha yojana scheme (JSY)",
  1593. "209": "Travel pass related complaints",
  1594. "210": "Food related complaints",
  1595. "212": "Covid Health Related Queries",
  1596. "213": "Hospital and Covid care centre(CCC) Related Queries",
  1597. "214": "Medical Emergencies",
  1598. "215": "Essentials and Medicines",
  1599. "216": "PSYCHO-SOCIO support",
  1600. "218": "Quarantine and isolation Related Queries",
  1601. "219": "General Health Queries",
  1602. "220": "Disinfection request",
  1603. "221": "Non Covid Health Related Queries",
  1604. "222": "Milling/Scraping of Road before Relaying of Road",
  1605. "226": "Food Requirement",
  1606. "227": "Relief Center Requirement",
  1607. "228": "Covid19 Ambulance Service",
  1608. "229": "Air Quality",
  1609. "230": "Online Payment Issue",
  1610. "231": "General Revision Objection",
  1611. "232": "Water Mixed with Sewarage",
  1612. "233": "Sewerage Overflow",
  1613. "234": "Drinking water supply",
  1614. "235": "Electricity Shock",
  1615. "236": "Electricity Unavailability",
  1616. "237": "Insufficient Barricading",
  1617. "238": "Fallen poles/towers/hoardings/other infra",
  1618. "239": "Fallen EB cables",
  1619. "240": "Project information not provided (Thiruvotriyur High Road)",
  1620. "241": "Project information not provided (Arunachaleshwar Road)",
  1621. "242": "Project information not provided (MC Road)",
  1622. "243": "Project information not provided (Washermenpet Metro)",
  1623. "244": "Project information not provided (Khadar Nawas Khan Road)",
  1624. "245": "Project information not provided (Race Course road + Guindy MMI)",
  1625. "246": "Advance information on consultation not provided (Thiruvotriyur High Road)",
  1626. "247": "Advance information on consultation not provided (Arunachaleshwar Road)",
  1627. "248": "Advance information on consultation not provided (MC Road)",
  1628. "249": "Advance information on consultation not provided (Washermenpet Metro)",
  1629. "250": "Advance information on consultation not provided (Khadar Nawas Khan Road)",
  1630. "251": "Advance information on consultation not provided (Race Course road + Guindy MMI)",
  1631. "252": "Location and area of consultation not provided (Thiruvotriyur High Road)",
  1632. "253": "Location and area of consultation not provided (Arunachaleshwar Road)",
  1633. "254": "Location and area of consultation not provided (MC Road)",
  1634. "255": "Location and area of consultation not provided (Washermenpet Metro)",
  1635. "256": "Location and area of consultation not provided (Khadar Nawas Khan Road)",
  1636. "257": "Location and area of consultation not provided (Race Course road + Guindy MMI)",
  1637. "258": "Information on detailed work plan not provided (Thiruvotriyur High Road)",
  1638. "259": "Information on detailed work plan not provided (Arunachaleshwar Road)",
  1639. "260": "Information on detailed work plan not provided (MC Road)",
  1640. "261": "Information on detailed work plan not provided (Washermenpet Metro)",
  1641. "262": "Information on detailed work plan not provided (Khadar Nawas Khan Road)",
  1642. "263": "Information on detailed work plan not provided (Race Course road + Guindy MMI)",
  1643. "264": "Others (Thiruvotriyur High Road)",
  1644. "265": "Others (Arunachaleshwar Road)",
  1645. "266": "Others (MC Road)",
  1646. "267": "Others (Washermenpet Metro)",
  1647. "268": "Others (Khadar Nawas Khan Road)",
  1648. "269": "Others (Race Course road + Guindy MMI)",
  1649. "270": "No information in advance provided on the date and time of civil works (Thiruvotriyur High Road)",
  1650. "271": "No information in advance provided on the date and time of civil works (Arunachaleshwar Road)",
  1651. "272": "No information in advance provided on the date and time of civil works (MC Road)",
  1652. "273": "No information in advance provided on the date and time of civil works (Washermenpet Metro)",
  1653. "274": "No information in advance provided on the date and time of civil works (Khadar Nawas Khan Road)",
  1654. "275": "No information in advance provided on the date and time of civil works (Race Course road + Guindy MMI)",
  1655. "276": "No information provided on the nature and schedule of civil work (Thiruvotriyur High Road)",
  1656. "277": "No information provided on the nature and schedule of civil work (Arunachaleshwar Road)",
  1657. "278": "No information provided on the nature and schedule of civil work (MC Road)",
  1658. "279": "No information provided on the nature and schedule of civil work (Washermenpet Metro)",
  1659. "280": "No information provided on the nature and schedule of civil work (Khadar Nawas Khan Road)",
  1660. "281": "No information provided on the nature and schedule of civil work (Race Course road + Guindy MMI)",
  1661. "282": "No consultation carried out with the people affected by the civil works (Thiruvotriyur High Road)",
  1662. "283": "No consultation carried out with the people affected by the civil works (Arunachaleshwar Road)",
  1663. "284": "No consultation carried out with the people affected by the civil works (MC Road)",
  1664. "285": "No consultation carried out with the people affected by the civil works (Washermenpet Metro)",
  1665. "286": "No consultation carried out with the people affected by the civil works (Khadar Nawas Khan Road)",
  1666. "287": "No consultation carried out with the people affected by the civil works (Race Course road + Guindy MMI)",
  1667. "288": "No arrangement made for temporary displacement (Thiruvotriyur High Road)",
  1668. "289": "No arrangement made for temporary displacement (Arunachaleshwar Road)",
  1669. "290": "No arrangement made for temporary displacement (MC Road)",
  1670. "291": "No arrangement made for temporary displacement (Washermenpet Metro)",
  1671. "292": "No arrangement made for temporary displacement (Khadar Nawas Khan Road)",
  1672. "293": "No arrangement made for temporary displacement (Race Course road + Guindy MMI)",
  1673. "294": "No display board on the project installed at work site (Thiruvotriyur High Road)",
  1674. "295": "No display board on the project installed at work site (Arunachaleshwar Road)",
  1675. "296": "No display board on the project installed at work site (MC Road)",
  1676. "297": "No display board on the project installed at work site (Washermenpet Metro)",
  1677. "298": "No display board on the project installed at work site (Khadar Nawas Khan Road)",
  1678. "299": "No display board on the project installed at work site (Race Course road + Guindy MMI)",
  1679. "300": "Temporary access to structures not provided and or not adequate (Thiruvotriyur High Road)",
  1680. "301": "Temporary access to structures not provided and or not adequate (Arunachaleshwar Road)",
  1681. "302": "Temporary access to structures not provided and or not adequate (MC Road)",
  1682. "303": "Temporary access to structures not provided and or not adequate (Washermenpet Metro)",
  1683. "304": "Temporary access to structures not provided and or not adequate (Khadar Nawas Khan Road)",
  1684. "305": "Temporary access to structures not provided and or not adequate (Race Course road + Guindy MMI)",
  1685. "306": "No safety measures taken at worksite (Thiruvotriyur High Road)",
  1686. "307": "No safety measures taken at worksite (Arunachaleshwar Road)",
  1687. "308": "No safety measures taken at worksite (MC Road)",
  1688. "309": "No safety measures taken at worksite (Washermenpet Metro)",
  1689. "310": "No safety measures taken at worksite (Khadar Nawas Khan Road)",
  1690. "311": "No safety measures taken at worksite (Race Course road + Guindy MMI)",
  1691. "312": "Water supply disrupted and alternate arrangement not provided (Thiruvotriyur High Road)",
  1692. "313": "Water supply disrupted and alternate arrangement not provided (Arunachaleshwar Road)",
  1693. "314": "Water supply disrupted and alternate arrangement not provided (MC Road)",
  1694. "315": "Water supply disrupted and alternate arrangement not provided (Washermenpet Metro)",
  1695. "316": "Water supply disrupted and alternate arrangement not provided (Khadar Nawas Khan Road)",
  1696. "317": "Water supply disrupted and alternate arrangement not provided (Race Course road + Guindy MMI)",
  1697. "318": "Electricity supply disrupted and alternate arrangement not provided (Thiruvotriyur High Road)",
  1698. "319": "Electricity supply disrupted and alternate arrangement not provided (Arunachaleshwar Road)",
  1699. "320": "Electricity supply disrupted and alternate arrangement not provided (MC Road)",
  1700. "321": "Electricity supply disrupted and alternate arrangement not provided (Washermenpet Metro)",
  1701. "322": "Electricity supply disrupted and alternate arrangement not provided (Khadar Nawas Khan Road)",
  1702. "323": "Electricity supply disrupted and alternate arrangement not provided (Race Course road + Guindy MMI)",
  1703. "324": "Disposal of debris not appropriately managed (Thiruvotriyur High Road)",
  1704. "325": "Disposal of debris not appropriately managed (Arunachaleshwar Road)",
  1705. "326": "Disposal of debris not appropriately managed (MC Road)",
  1706. "327": "Disposal of debris not appropriately managed (Washermenpet Metro)",
  1707. "328": "Disposal of debris not appropriately managed (Khadar Nawas Khan Road)",
  1708. "329": "Disposal of debris not appropriately managed (Race Course road + Guindy MMI)",
  1709. "330": " Temporary arrangement for parking not provided (Thiruvotriyur High Road)",
  1710. "331": " Temporary arrangement for parking not provided (Arunachaleshwar Road)",
  1711. "332": " Temporary arrangement for parking not provided (MC Road)",
  1712. "333": " Temporary arrangement for parking not provided (Washermenpet Metro)",
  1713. "334": " Temporary arrangement for parking not provided (Khadar Nawas Khan Road)",
  1714. "335": " Temporary arrangement for parking not provided (Race Course road + Guindy MMI)",
  1715. "336": "GRM and helpline numbers not displayed at worksite (Thiruvotriyur High Road)",
  1716. "337": "GRM and helpline numbers not displayed at worksite (Arunachaleshwar Road)",
  1717. "338": "GRM and helpline numbers not displayed at worksite (MC Road)",
  1718. "339": "GRM and helpline numbers not displayed at worksite (Washermenpet Metro)",
  1719. "340": "GRM and helpline numbers not displayed at worksite (Khadar Nawas Khan Road)",
  1720. "341": "GRM and helpline numbers not displayed at worksite (Race Course road + Guindy MMI)",
  1721. "342": "Drinking water/ other basic needs for Labour not available at worksite (Thiruvotriyur High Road)",
  1722. "343": "Drinking water/ other basic needs for Labour not available at worksite (Arunachaleshwar Road)",
  1723. "344": "Drinking water/ other basic needs for Labour not available at worksite (MC Road)",
  1724. "345": "Drinking water/ other basic needs for Labour not available at worksite (Washermenpet Metro)",
  1725. "346": "Drinking water/ other basic needs for Labour not available at worksite (Khadar Nawas Khan Road)",
  1726. "347": "Drinking water/ other basic needs for Labour not available at worksite (Race Course road + Guindy MMI)",
  1727. "348": "Noise levels are very high (Thiruvotriyur High Road)",
  1728. "349": "Noise levels are very high (Arunachaleshwar Road)",
  1729. "350": "Noise levels are very high (MC Road)",
  1730. "351": "Noise levels are very high (Washermenpet Metro)",
  1731. "352": "Noise levels are very high (Khadar Nawas Khan Road)",
  1732. "353": "Noise levels are very high (Race Course road + Guindy MMI)",
  1733. "354": " Sprinkling of water at worksite not carried out (Thiruvotriyur High Road)",
  1734. "355": " Sprinkling of water at worksite not carried out (Arunachaleshwar Road)",
  1735. "356": " Sprinkling of water at worksite not carried out (MC Road)",
  1736. "357": " Sprinkling of water at worksite not carried out (Washermenpet Metro)",
  1737. "358": " Sprinkling of water at worksite not carried out (Khadar Nawas Khan Road)",
  1738. "359": " Sprinkling of water at worksite not carried out (Race Course road + Guindy MMI)",
  1739. "360": "The worksite is not barricaded; (Thiruvotriyur High Road)",
  1740. "361": "The worksite is not barricaded; (Arunachaleshwar Road)",
  1741. "362": "The worksite is not barricaded; (MC Road)",
  1742. "363": "The worksite is not barricaded; (Washermenpet Metro)",
  1743. "364": "The worksite is not barricaded; (Khadar Nawas Khan Road)",
  1744. "365": "The worksite is not barricaded; (Race Course road + Guindy MMI)",
  1745. "366": " No information on number of labour working at the site (Thiruvotriyur High Road)",
  1746. "367": " No information on number of labour working at the site (Arunachaleshwar Road)",
  1747. "368": " No information on number of labour working at the site (MC Road)",
  1748. "369": " No information on number of labour working at the site (Washermenpet Metro)",
  1749. "370": " No information on number of labour working at the site (Khadar Nawas Khan Road)",
  1750. "371": " No information on number of labour working at the site (Race Course road + Guindy MMI)",
  1751. "372": "Labourer not using the safety equipment (Thiruvotriyur High Road)",
  1752. "373": "Labourer not using the safety equipment (Arunachaleshwar Road)",
  1753. "374": "Labourer not using the safety equipment (MC Road)",
  1754. "375": "Labourer not using the safety equipment (Washermenpet Metro)",
  1755. "376": "Labourer not using the safety equipment (Khadar Nawas Khan Road)",
  1756. "377": "Labourer not using the safety equipment (Race Course road + Guindy MMI)",
  1757. "378": "Sewerage pipe is damaged (Thiruvotriyur High Road)",
  1758. "379": "Sewerage pipe is damaged (Arunachaleshwar Road)",
  1759. "380": "Sewerage pipe is damaged (MC Road)",
  1760. "381": "Sewerage pipe is damaged (Washermenpet Metro)",
  1761. "382": "Sewerage pipe is damaged (Khadar Nawas Khan Road)",
  1762. "383": "Sewerage pipe is damaged (Race Course road + Guindy MMI)",
  1763. "384": "Others (Thiruvotriyur High Road)",
  1764. "385": "Others (Arunachaleshwar Road)",
  1765. "386": "Others (MC Road)",
  1766. "387": "Others (Washermenpet Metro)",
  1767. "388": "Others (Khadar Nawas Khan Road)",
  1768. "389": "Others (Race Course road + Guindy MMI)",
  1769. "390": "Insufficient Barricading (Thiruvotriyur High Road)",
  1770. "391": "Insufficient Barricading (Arunachaleshwar Road)",
  1771. "392": "Insufficient Barricading (MC Road)",
  1772. "393": "Insufficient Barricading (Washermenpet Metro)",
  1773. "394": "Insufficient Barricading (Khadar Nawas Khan Road)",
  1774. "395": "Insufficient Barricading (Race Course road + Guindy MMI)",
  1775. "396": "Non Removal of Debris (Thiruvotriyur High Road)",
  1776. "397": "Non Removal of Debris (Arunachaleshwar Road)",
  1777. "398": "Non Removal of Debris (MC Road)",
  1778. "399": "Non Removal of Debris (Washermenpet Metro)",
  1779. "400": "Non Removal of Debris (Khadar Nawas Khan Road)",
  1780. "401": "Non Removal of Debris (Race Course road + Guindy MMI)",
  1781. "402": "Potholes fill up (Thiruvotriyur High Road)",
  1782. "403": "Potholes fill up (Arunachaleshwar Road)",
  1783. "404": "Potholes fill up (MC Road)",
  1784. "405": "Potholes fill up (Washermenpet Metro)",
  1785. "406": "Potholes fill up (Khadar Nawas Khan Road)",
  1786. "407": "Potholes fill up (Race Course road + Guindy MMI)",
  1787. "408": "Damage to utilities (TNEB, CMWSSB, BSNL) (Thiruvotriyur High Road)",
  1788. "409": "Damage to utilities (TNEB, CMWSSB, BSNL) (Arunachaleshwar Road)",
  1789. "410": "Damage to utilities (TNEB, CMWSSB, BSNL) (MC Road)",
  1790. "411": "Damage to utilities (TNEB, CMWSSB, BSNL) (Washermenpet Metro)",
  1791. "412": "Damage to utilities (TNEB, CMWSSB, BSNL) (Khadar Nawas Khan Road)",
  1792. "413": "Damage to utilities (TNEB, CMWSSB, BSNL) (Race Course road + Guindy MMI)",
  1793. "414": "Encroaching Public Space (Thiruvotriyur High Road)",
  1794. "415": "Encroaching Public Space (Arunachaleshwar Road)",
  1795. "416": "Encroaching Public Space (MC Road)",
  1796. "417": "Encroaching Public Space (Washermenpet Metro)",
  1797. "418": "Encroaching Public Space (Khadar Nawas Khan Road)",
  1798. "419": "Encroaching Public Space (Race Course road + Guindy MMI)",
  1799. "420": "Need Pathway ramp (Thiruvotriyur High Road)",
  1800. "421": "Need Pathway ramp (Arunachaleshwar Road)",
  1801. "422": "Need Pathway ramp (MC Road)",
  1802. "423": "Need Pathway ramp (Washermenpet Metro)",
  1803. "424": "Need Pathway ramp (Khadar Nawas Khan Road)",
  1804. "425": "Need Pathway ramp (Race Course road + Guindy MMI)",
  1805. "426": "Cleanliness in Parks",
  1806. "427": "Greenary in Parks",
  1807. "428": "Play Equipment",
  1808. "429": "Opening and closing hours",
  1809. "430": "Toilets in parks",
  1810. "431": "Non functional lights/ no lights in parks",
  1811. "432": "Safety in parks/playgrounds",
  1812. "433": "Women related safety issues in parks",
  1813. "434": "Availability or cleanliness of dustbins in public toilets",
  1814. "435": "Cleanliness/ water supply in toilets",
  1815. "436": "Broken sinks, toilets or urinals and doors",
  1816. "437": "Request for new toilet",
  1817. "438": "Illegal activities in toilet",
  1818. "439": "Toilets not in use/ closed",
  1819. "440": "Inadequate lighting in and around the toilet",
  1820. "441": "Safety in public toilets",
  1821. "442": "Cleanliness in footpath",
  1822. "443": "Electrical wires/obstruction on footpath",
  1823. "444": "Unsafe dark spots/ corners",
  1824. "445": "Public defecation/urination",
  1825. "446": "Women related safety issues ",
  1826. "447": "Inadequate light in a particular location or spot/ dark spots",
  1827. };
  1829. $('#nextStep3').off('click').on('click', function (e) {
  1830. e.preventDefault();
  1832. //const complaint_Title = $('#complaint-title').val().trim();
  1833. const complaint_Type = $('#complaint-id').val();
  1835. if (!complaint_Type) {
  1836. Swal.fire({
  1837. icon: 'warning',
  1838. title: 'Missing Information',
  1839. text: 'Please Select Complaint Type.',
  1840. confirmButtonText: 'OK'
  1841. });
  1842. return; // Stop further execution
  1843. }
  1845. const shareMobile = $('input[name="shareMobile"]:checked').val();
  1846. const mobileNo = $('#mobileNo').val().trim();
  1847. const streetName = $('#streetName option:selected').text().trim().toLowerCase();
  1849. if (shareMobile === 'no' || mobileNo === '') {
  1850. nextStep(); // Skip duplicate check if mobile not shared
  1851. return;
  1852. }
  1854. let complaintId = '';
  1855. let complaintTitle = '';
  1857. if ($('#specific-fields').hasClass('active')) {
  1858. complaintId = $('#complaint-id').val().trim();
  1859. complaintTitle = complaintTypeMap[complaintId] || "Selected complaint";
  1860. } else if ($('#others-fields').hasClass('active')) {
  1861. console.log("other fields...");
  1862. complaintId = $('#sub-type option:selected').val().trim(); // ✅ send ID
  1863. console.log("complaintId... "+complaintId);
  1864. //complaintId = $('#sub-type').val().trim(); // ✅ send ID
  1865. complaintTitle = $('#sub-type option:selected').text().trim(); // readable for alert
  1866. }
  1868. console.log("Checking for duplicate:", { complaintId, complaintTitle, streetName });
  1870. const backendUrl = `/gcc/api/callcenterqaqc/pgrcomplaint/checktypeforduplicate?mobileNo=${mobileNo}&complaintId=${complaintId}&streetName=${encodeURIComponent(streetName)}`;
  1872. $.get(backendUrl, function (response) {
  1873. if (response.duplicate) {
  1874. Swal.fire({
  1875. icon: 'warning',
  1876. title: 'Duplicate Complaint Found',
  1877. text: `A similar complaint like "${complaintTitle}" already exists for this street within the last 7 days.`,
  1878. confirmButtonText: 'OK',
  1879. allowOutsideClick: false
  1880. }).then(() => {
  1881. location.reload();
  1882. });
  1883. } else {
  1884. nextStep();
  1885. }
  1886. }).fail(function () {
  1887. Swal.fire({
  1888. icon: 'error',
  1889. title: 'Error',
  1890. text: 'Could not verify for duplicate complaints. Please try again.'
  1891. });
  1892. });
  1893. });
  1894. });
  1897. /* html: `Your complaint has been submitted successfully. Your Complaint Number is <strong>${complaintNumber}</strong>. It will be sent to your mobile number.`, */
  1898. </script>
  1899. </body>
  1900. </html>