89 changed files with 4731 additions and 3852 deletions
-
17src/main/java/com/gcc/communityHall/controller/CareTakerAPIController.java
-
224src/main/java/com/gcc/communityHall/controller/CounterController.java
-
8src/main/java/com/gcc/communityHall/controller/UserAPIController.java
-
18src/main/java/com/gcc/communityHall/controller/UserController.java
-
2src/main/java/com/gcc/communityHall/entity/BookingCalendar.java
-
10src/main/java/com/gcc/communityHall/entity/BookingDetails.java
-
18src/main/java/com/gcc/communityHall/others/UserSession.java
-
23src/main/java/com/gcc/communityHall/paymentService/controller/PaymentController.java
-
2src/main/java/com/gcc/communityHall/paymentService/repository/TransactionResponseRepository.java
-
7src/main/java/com/gcc/communityHall/paymentService/scheduler/PaymentStatusScheduler.java
-
2src/main/java/com/gcc/communityHall/repository/BookingDetailsRepository.java
-
3src/main/java/com/gcc/communityHall/repository/LoginRepository.java
-
7src/main/java/com/gcc/communityHall/service/Impl/BookingServiceImpl.java
-
200src/main/java/com/gcc/communityHall/service/Impl/CounterServiceImpl.java
-
2src/main/resources/templates/admin/adminpage.html
-
2src/main/resources/templates/admin/booking-list.html
-
2src/main/resources/templates/admin/caretakerpage.html
-
2src/main/resources/templates/admin/developer.html
-
4src/main/resources/templates/admin/gccblocking.html
-
2src/main/resources/templates/admin/halldetailslist.html
-
4src/main/resources/templates/admin/ongoingevents.html
-
20src/main/resources/templates/admin/refund-failedlist.html
-
2src/main/resources/templates/admin/rejected-list.html
-
6src/main/resources/templates/admin/reports.html
-
20src/main/resources/templates/admin/settlement-approved.html
-
2src/main/resources/templates/admin/settlement-completed.html
-
2src/main/resources/templates/admin/settlement-initiate.html
-
20src/main/resources/templates/admin/settlement-list.html
-
8src/main/resources/templates/admin/settlement-reject.html
-
2src/main/resources/templates/admin/settlementlist.html
-
8src/main/resources/templates/admin/viewUploadNoc.html
-
2src/main/resources/templates/caretaker/caretakerpage.html
-
2src/main/resources/templates/caretaker/past-booking.html
-
2src/main/resources/templates/caretaker/present-booking.html
-
2src/main/resources/templates/caretaker/settlementlist.html
-
2src/main/resources/templates/counter/calculate-hall-amount.html
-
779src/main/resources/templates/counter/counter-booking.html
-
6src/main/resources/templates/counter/refund-initialisation.html
-
24src/main/resources/templates/counter/viewhistory.html
-
8src/main/resources/templates/departments/counsellor/dashboard.html
-
2src/main/resources/templates/departments/counsellor/user-pending.html
-
2src/main/resources/templates/departments/gccstaff/user-approved.html
-
6src/main/resources/templates/departments/gccstaff/user-pending.html
-
2src/main/resources/templates/departments/gccstaff/user-reject.html
-
6src/main/resources/templates/departments/pensioner/user-pending.html
-
2src/main/resources/templates/departments/pensioner/user-reject.html
-
16src/main/resources/templates/fragments/PaymentScript.html
-
4src/main/resources/templates/fragments/head.html
-
124src/main/resources/templates/fragments/header-counter.html
-
2266src/main/resources/templates/fragments/logRegiOtpScript.html
-
2src/main/resources/templates/fragments/loginhead.html
-
858src/main/resources/templates/fragments/loginreg.html
-
2src/main/resources/templates/fragments/loginscript.html
-
8src/main/resources/templates/fragments/menuCounter.html
-
5src/main/resources/templates/fragments/nav-user.html
-
198src/main/resources/templates/fragments/nav-usermenu.html
-
10src/main/resources/templates/fragments/script.html
-
2src/main/resources/templates/headquarters/booking-list.html
-
4src/main/resources/templates/headquarters/bookingwaiting.html
-
6src/main/resources/templates/headquarters/dashboard.html
-
4src/main/resources/templates/headquarters/gccblocking.html
-
2src/main/resources/templates/headquarters/headquarterspage.html
-
20src/main/resources/templates/headquarters/refund-failedlist.html
-
2src/main/resources/templates/headquarters/rejected-list.html
-
6src/main/resources/templates/headquarters/reports.html
-
20src/main/resources/templates/headquarters/settlement-approved.html
-
2src/main/resources/templates/headquarters/settlement-completed.html
-
2src/main/resources/templates/headquarters/settlement-initiate.html
-
20src/main/resources/templates/headquarters/settlement-list.html
-
8src/main/resources/templates/headquarters/settlement-reject.html
-
2src/main/resources/templates/headquarters/settlementlist.html
-
2src/main/resources/templates/headquarters/user-approved.html
-
2src/main/resources/templates/headquarters/user-reject.html
-
8src/main/resources/templates/headquarters/viewUploadNoc.html
-
4src/main/resources/templates/officer/officer-dashboard.html
-
20src/main/resources/templates/officer/refund-failedlist.html
-
2src/main/resources/templates/officer/settlement-completed.html
-
20src/main/resources/templates/officer/settlement-list.html
-
8src/main/resources/templates/officer/settlement-reject.html
-
17src/main/resources/templates/officiallogin.html
-
2src/main/resources/templates/user/PaymentResponse.html
-
4src/main/resources/templates/user/acknowledgement.html
-
2src/main/resources/templates/user/calculatehallamount.html
-
6src/main/resources/templates/user/communityHallList.html
-
30src/main/resources/templates/user/dashboard.html
-
4src/main/resources/templates/user/extraebdamageamountack.html
-
3335src/main/resources/templates/user/hallbookingform.html
-
8src/main/resources/templates/user/viewhallform.html
-
20src/main/resources/templates/user/viewhistory.html
779
src/main/resources/templates/counter/counter-booking.html
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1,73 +1,73 @@ |
|||||
<header id="page-header" xmlns:th="http://www.w3.org/1999/xhtml"> |
<header id="page-header" xmlns:th="http://www.w3.org/1999/xhtml"> |
||||
<!-- Header Content --> |
|
||||
<div class="content-header"> |
|
||||
<!-- Left Section --> |
|
||||
<div class="space-x-1"> |
|
||||
<!-- Toggle Sidebar --> |
|
||||
<!-- Layout API, functionality initialized in Template._uiApiLayout()--> |
|
||||
<button type="button" class="btn btn-alt-secondary" data-toggle="layout" data-action="sidebar_toggle"> |
|
||||
<i class="fa fa-fw fa-bars"></i> |
|
||||
</button> |
|
||||
<!-- END Toggle Sidebar --> |
|
||||
</div> |
|
||||
<!-- END Left Section --> |
|
||||
<div class="row pt-1" style="margin:0px;"> |
|
||||
<!--<div class="col-2 text-center p-1"> |
|
||||
|
<!-- Header Content --> |
||||
|
<div class="content-header"> |
||||
|
<!-- Left Section --> |
||||
|
<div class="space-x-1"> |
||||
|
<!-- Toggle Sidebar --> |
||||
|
<!-- Layout API, functionality initialized in Template._uiApiLayout()--> |
||||
|
<button type="button" class="btn btn-alt-secondary" data-toggle="layout" data-action="sidebar_toggle"> |
||||
|
<i class="fa fa-fw fa-bars"></i> |
||||
|
</button> |
||||
|
<!-- END Toggle Sidebar --> |
||||
|
</div> |
||||
|
<!-- END Left Section --> |
||||
|
<div class="row pt-1" style="margin:0px;"> |
||||
|
<!--<div class="col-2 text-center p-1"> |
||||
<img src="assets/media/images/tamilnadu-logo.png" style="padding-top:2px;" width="30px" alt="Tamilnadu Logo"> |
<img src="assets/media/images/tamilnadu-logo.png" style="padding-top:2px;" width="30px" alt="Tamilnadu Logo"> |
||||
</div>--> |
</div>--> |
||||
<div class="col-2 text-center p-1"> |
|
||||
<img src='media/images/logo-sm.png' width="37" alt="Logo Sm"> |
|
||||
</div> |
|
||||
<div class="col-8 text-center p-0" style="font-size:15px;"> |
|
||||
பெருநகர சென்னை மாநகராட்சி |
|
||||
</div> |
|
||||
<!--<div class="col-2 text-center p-1"> |
|
||||
|
<div class="col-2 text-center p-1"> |
||||
|
<img src='media/images/logo-sm.png' width="37" alt="Logo Sm"> |
||||
|
</div> |
||||
|
<div class="col-8 text-center p-0" style="font-size:15px;"> |
||||
|
பெருநகர சென்னை மாநகராட்சி |
||||
|
</div> |
||||
|
<!--<div class="col-2 text-center p-1"> |
||||
<img src='assets/media/images/logo-sm.png' width="32" alt="Logo Sm"> |
<img src='assets/media/images/logo-sm.png' width="32" alt="Logo Sm"> |
||||
</div>--> |
</div>--> |
||||
</div> |
|
||||
<!-- Right Section --> |
|
||||
<div class="space-x-1"> |
|
||||
<!-- User Dropdown --> |
|
||||
<button type="button" class="btn btn-alt-secondary" id="page-header-user-dropdown" data-bs-toggle="dropdown" |
|
||||
aria-haspopup="true" aria-expanded="false"> |
|
||||
<i class="far fa-fw fa-user me-1"></i> |
|
||||
<span class="d-none d-sm-inline ms-1" th:text="${countername}"></span> |
|
||||
|
</div> |
||||
|
<!-- Right Section --> |
||||
|
<div class="space-x-1"> |
||||
|
<!-- User Dropdown --> |
||||
|
<button type="button" class="btn btn-alt-secondary" id="page-header-user-dropdown" data-bs-toggle="dropdown" |
||||
|
aria-haspopup="true" aria-expanded="false"> |
||||
|
<i class="far fa-fw fa-user me-1"></i> |
||||
|
<span class="d-none d-sm-inline ms-1" th:text="${countername}"></span> |
||||
|
|
||||
</button> |
|
||||
|
</button> |
||||
|
|
||||
<!-- END User Dropdown --> |
|
||||
|
<!-- END User Dropdown --> |
||||
|
|
||||
|
|
||||
<!-- Header Search --> |
|
||||
<div id="page-header-search" class="overlay-header bg-header-dark"> |
|
||||
<div class="bg-white-10"> |
|
||||
<div class="content-header"> |
|
||||
<form class="w-100" action="be_pages_generic_search.html" method="POST"> |
|
||||
<div class="input-group"> |
|
||||
<!-- Layout API, functionality initialized in Template._uiApiLayout() --> |
|
||||
<button type="button" class="btn btn-alt-primary" data-toggle="layout" |
|
||||
data-action="header_search_off"> |
|
||||
<i class="fa fa-fw fa-times-circle"></i> |
|
||||
</button> |
|
||||
<input type="text" class="form-control border-0" placeholder="Search or hit ESC.." |
|
||||
id="page-header-search-input" name="page-header-search-input"> |
|
||||
</div> |
|
||||
</form> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!-- END Header Search --> |
|
||||
|
<!-- Header Search --> |
||||
|
<div id="page-header-search" class="overlay-header bg-header-dark"> |
||||
|
<div class="bg-white-10"> |
||||
|
<div class="content-header"> |
||||
|
<form class="w-100" action="be_pages_generic_search.html" method="POST"> |
||||
|
<div class="input-group"> |
||||
|
<!-- Layout API, functionality initialized in Template._uiApiLayout() --> |
||||
|
<button type="button" class="btn btn-alt-primary" data-toggle="layout" |
||||
|
data-action="header_search_off"> |
||||
|
<i class="fa fa-fw fa-times-circle"></i> |
||||
|
</button> |
||||
|
<input type="text" class="form-control border-0" placeholder="Search or hit ESC.." |
||||
|
id="page-header-search-input" name="page-header-search-input"> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- END Header Search --> |
||||
|
|
||||
<!-- Header Loader --> |
|
||||
<!-- Please check out the Loaders page under Components category to see examples of showing/hiding it --> |
|
||||
<div id="page-header-loader" class="overlay-header bg-header-dark"> |
|
||||
<div class="bg-white-10"> |
|
||||
<div class="content-header"> |
|
||||
<div class="w-100 text-center"> |
|
||||
<i class="fa fa-fw fa-sun fa-spin text-white"></i> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!-- END Header Loader --> |
|
||||
|
<!-- Header Loader --> |
||||
|
<!-- Please check out the Loaders page under Components category to see examples of showing/hiding it --> |
||||
|
<div id="page-header-loader" class="overlay-header bg-header-dark"> |
||||
|
<div class="bg-white-10"> |
||||
|
<div class="content-header"> |
||||
|
<div class="w-100 text-center"> |
||||
|
<i class="fa fa-fw fa-sun fa-spin text-white"></i> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- END Header Loader --> |
||||
</header> |
</header> |
||||
2266
src/main/resources/templates/fragments/logRegiOtpScript.html
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1,408 +1,494 @@ |
|||||
<style> |
<style> |
||||
.required-field { |
|
||||
color: red; |
|
||||
} |
|
||||
|
.required-field { |
||||
|
color: red; |
||||
|
} |
||||
|
|
||||
.error { |
|
||||
border: 1px solid red; |
|
||||
} |
|
||||
|
.error { |
||||
|
border: 1px solid red; |
||||
|
} |
||||
|
|
||||
.error-message { |
|
||||
color: red; |
|
||||
font-size: 12px; |
|
||||
padding-top: 5px; |
|
||||
} |
|
||||
|
.error-message { |
||||
|
color: red; |
||||
|
font-size: 12px; |
||||
|
padding-top: 5px; |
||||
|
} |
||||
|
|
||||
.form-control[readonly] { |
|
||||
background-color: white; |
|
||||
} |
|
||||
|
.form-control[readonly] { |
||||
|
background-color: white; |
||||
|
} |
||||
|
|
||||
.swal2-container { |
|
||||
z-index: 9999999999999 !important; |
|
||||
/* Adjust this value if needed */ |
|
||||
} |
|
||||
.form-check-label { |
|
||||
padding-left:0px |
|
||||
} |
|
||||
|
.swal2-container { |
||||
|
z-index: 9999999999999 !important; |
||||
|
/* Adjust this value if needed */ |
||||
|
} |
||||
|
|
||||
|
.form-check-label { |
||||
|
padding-left: 0px |
||||
|
} |
||||
</style> |
</style> |
||||
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" |
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" |
||||
aria-hidden="true"> |
|
||||
<div class="modal-dialog modal-lg" role="document"> |
|
||||
<div class="modal-content"> |
|
||||
<div class="modal-header"> |
|
||||
<h5 class="modal-title" id="loginModalLabel">Login or Register</h5> |
|
||||
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> |
|
||||
<span aria-hid den="true" style="color:black">×</span> |
|
||||
</button> |
|
||||
</div> |
|
||||
<div class="modal-body"> |
|
||||
<!-- Nav tabs --> |
|
||||
<ul class="nav nav-tabs" id="loginTabs" role="tablist"> |
|
||||
<li class="nav-item"> |
|
||||
<a class="nav-link active" id="login-tab" data-toggle="tab" href="#login" role="tab" |
|
||||
aria-controls="login" aria-selected="true">Login</a> |
|
||||
</li> |
|
||||
<li class="nav-item"> |
|
||||
<a class="nav-link" id="register-tab" data-toggle="tab" href="#register" role="tab" |
|
||||
aria-controls="register" aria-selected="false">Register</a> |
|
||||
</li> |
|
||||
</ul> |
|
||||
<!-- Tab panes --> |
|
||||
<div class="tab-content mt-3" id="loginTabContent"> |
|
||||
<div class="tab-pane fade show active" id="login" role="tabpanel" aria-labelledby="login-tab"> |
|
||||
<!-- Login Form --> |
|
||||
<form> |
|
||||
<div class="form-group"> |
|
||||
<label for="mobileNumber" style="margin-right:29%">Mobile Number<span |
|
||||
class="required-field">*</span></label> |
|
||||
<input type="tel" class="form-control custom-input" id="mobileNumber" |
|
||||
name="mobileNumber" minlength="10" maxlength="10" pattern="[0-9]{10}" |
|
||||
placeholder="Enter your mobile number" style="width: 49%;margin-left: 28%;" required |
|
||||
onkeypress="return event.charCode >= 48 && event.charCode <= 57"> |
|
||||
</div> |
|
||||
|
aria-hidden="true"> |
||||
|
<div class="modal-dialog modal-lg" role="document"> |
||||
|
<div class="modal-content"> |
||||
|
<div class="modal-header"> |
||||
|
<h5 class="modal-title" id="loginModalLabel">Login or Register</h5> |
||||
|
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> |
||||
|
<span aria-hid den="true" style="color:black">×</span> |
||||
|
</button> |
||||
|
</div> |
||||
|
<div class="modal-body"> |
||||
|
<!-- Nav tabs --> |
||||
|
<ul class="nav nav-tabs" id="loginTabs" role="tablist"> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link active" id="login-tab" data-toggle="tab" href="#login" role="tab" |
||||
|
aria-controls="login" aria-selected="true">Login</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link" id="register-tab" data-toggle="tab" href="#register" role="tab" |
||||
|
aria-controls="register" aria-selected="false">Register</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
<!-- Tab panes --> |
||||
|
<div class="tab-content mt-3" id="loginTabContent"> |
||||
|
<div class="tab-pane fade show active" id="login" role="tabpanel" aria-labelledby="login-tab"> |
||||
|
<!-- Login Form --> |
||||
|
<form> |
||||
|
<div class="form-group"> |
||||
|
<label for="mobileNumber" style="margin-right:29%">Mobile Number<span |
||||
|
class="required-field">*</span></label> |
||||
|
<input type="tel" class="form-control custom-input" id="mobileNumber" |
||||
|
name="mobileNumber" minlength="10" maxlength="10" pattern="[0-9]{10}" |
||||
|
placeholder="Enter your mobile number" style="width: 49%;margin-left: 28%;" |
||||
|
required |
||||
|
onkeypress="return event.charCode >= 48 && event.charCode <= 57"> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group text-center"> |
||||
|
<button type="button" class="btn btn-info" id="sendOTPButton">Send OTP</button> |
||||
|
<button type="button" class="btn btn-danger" id="signUpButton" |
||||
|
onclick="redirectToSignUp()">Sign Up |
||||
|
</button> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
<div class="tab-pane fade" id="register" role="tabpanel" aria-labelledby="register-tab"> |
||||
|
<!-- Register Form --> |
||||
|
<form action="/communityhall/user/newregistrationform" id="newform" method="post" |
||||
|
name="newform" |
||||
|
onsubmit="return validateUserType();" enctype="multipart/form-data"> |
||||
|
<!-- Row 1 with Name, Father Name, and Mobile No --> |
||||
|
<div class="row"> |
||||
|
<div class="col-sm-4" style="margin-left:0%"> |
||||
|
<div class="form-group"> |
||||
|
|
||||
|
<label for="userType">User Type:<span |
||||
|
class="required-field">*</span></label> |
||||
|
<select class="form-control" id="userType" name="usertype" |
||||
|
placeholder="User Type" required> |
||||
|
<option value="">Select</option> |
||||
|
<option value="PUBLIC">General Public</option> |
||||
|
<option value="PENSIONER">GCC Pensioner</option> |
||||
|
<option value="COUNCILLOR">Councillor</option> |
||||
|
<option value="GCC_EMPLOYEE">GCC Employee</option> |
||||
|
</select> |
||||
|
</div> |
||||
|
</div> |
||||
|
<input type="hidden" class="form-control" id="governmentId" name="governmentId"> |
||||
|
<input type="hidden" class="form-control" id="department" name="department"> |
||||
|
<div class="hidden" id="employeeFields"> |
||||
|
<div class="row"> |
||||
|
<div class="col-sm-4"> |
||||
|
<div class="form-group"> |
||||
|
|
||||
<div class="form-group text-center"> |
|
||||
<button type="button" class="btn btn-info" id="sendOTPButton">Send OTP</button> |
|
||||
<button type="button" class="btn btn-danger" id="signUpButton" |
|
||||
onclick="redirectToSignUp()">Sign Up</button> |
|
||||
</div> |
|
||||
</form> |
|
||||
</div> |
|
||||
<div class="tab-pane fade" id="register" role="tabpanel" aria-labelledby="register-tab"> |
|
||||
<!-- Register Form --> |
|
||||
<form action="/communityhall/user/newregistrationform" id="newform" method="post" name="newform" |
|
||||
onsubmit="return validateUserType();" enctype="multipart/form-data"> |
|
||||
<!-- Row 1 with Name, Father Name, and Mobile No --> |
|
||||
<div class="row"> |
|
||||
<div class="col-sm-4" style="margin-left:0%"> |
|
||||
<div class="form-group"> |
|
||||
|
<label for="employeeId">Employee ID<span |
||||
|
class="required">*</span>:</label> |
||||
|
<input type="text" class="form-control" id="employeeId" |
||||
|
name="employeeId" placeholder="Employee ID"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-4"> |
||||
|
<div class="form-group"> |
||||
|
|
||||
<label for="userType">User Type:<span class="required-field">*</span></label> |
|
||||
<select class="form-control" id="userType" name="usertype" |
|
||||
placeholder="User Type" required> |
|
||||
<option value="">Select</option> |
|
||||
<option value="PUBLIC">General Public</option> |
|
||||
<option value="PENSIONER">GCC Pensioner</option> |
|
||||
<option value="COUNCILLOR">Councillor</option> |
|
||||
<option value="GCC_EMPLOYEE">GCC Employee</option> |
|
||||
</select> |
|
||||
</div> |
|
||||
</div> |
|
||||
<input type="hidden" class="form-control" id="governmentId" name="governmentId"> |
|
||||
<input type="hidden" class="form-control" id="department" name="department"> |
|
||||
<div class="hidden" id="employeeFields"> |
|
||||
<div class="row"> |
|
||||
<div class="col-sm-4"> |
|
||||
<div class="form-group"> |
|
||||
|
<label for="employeedepartment">Employee Department<span |
||||
|
class="required">*</span>:</label> |
||||
|
<input type="text" class="form-control" id="employeedepartment" |
||||
|
name="employeedepartment" |
||||
|
placeholder="Employee Department " |
||||
|
style="background-color: white;" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
<label for="employeeId">Employee ID<span |
|
||||
class="required">*</span>:</label> |
|
||||
<input type="text" class="form-control" id="employeeId" |
|
||||
name="employeeId" placeholder="Employee ID"> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-sm-4"> |
|
||||
<div class="form-group"> |
|
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="hidden" id="pensionerFields"> |
||||
|
<div class="row"> |
||||
|
<div class="col-sm-6"> |
||||
|
<div class="form-group"> |
||||
|
<label for="pensionerId">Pensioner ID<span |
||||
|
class="required">*</span>:</label> |
||||
|
<input type="text" class="form-control" id="pensionerId" |
||||
|
name="pensionerId" placeholder="Pensioner ID"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-6"> |
||||
|
<div class="form-group"> |
||||
|
<label for="department">Department:</label> |
||||
|
<input type="text" class="form-control" id="pendionerdepartment" |
||||
|
name="pendionerdepartment" placeholder="Department" |
||||
|
style="background-color: white;" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div id="validationResult"></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row"> |
||||
|
<div class="col-sm-4"> |
||||
|
<div class="form-group"> |
||||
|
<label for="name">Name:<span class="required-field">*</span></label> |
||||
|
<input type="text" class="form-control" id="name" name="name" |
||||
|
placeholder="First Name" required> |
||||
|
</div> |
||||
|
<small id="emailHelp" class="form-text text-muted"></small> |
||||
|
</div> |
||||
|
|
||||
<label for="employeedepartment">Employee Department<span |
|
||||
class="required">*</span>:</label> |
|
||||
<input type="text" class="form-control" id="employeedepartment" |
|
||||
name="employeedepartment" placeholder="Employee Department " |
|
||||
style="background-color: white;" readonly> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
<div class="col-sm-4"> |
||||
|
<div class="form-group"> |
||||
|
<label for="mobileno">Mobile Number:<span |
||||
|
class="required-field">*</span></label> |
||||
|
<input type="text" class="form-control" id="mobileno" name="mobileNo" |
||||
|
placeholder="Mobile No" minlength="10" maxlength="10" |
||||
|
pattern="[0-9]{10}" |
||||
|
onkeypress="return event.charCode >= 48 && event.charCode <= 57" |
||||
|
required> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="hidden" id="pensionerFields"> |
|
||||
<div class="row"> |
|
||||
<div class="col-sm-6"> |
|
||||
<div class="form-group"> |
|
||||
<label for="pensionerId">Pensioner ID<span |
|
||||
class="required">*</span>:</label> |
|
||||
<input type="text" class="form-control" id="pensionerId" |
|
||||
name="pensionerId" placeholder="Pensioner ID"> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-sm-6"> |
|
||||
<div class="form-group"> |
|
||||
<label for="department">Department:</label> |
|
||||
<input type="text" class="form-control" id="pendionerdepartment" |
|
||||
name="pendionerdepartment" placeholder="Department" |
|
||||
style="background-color: white;" readonly> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div id="validationResult"></div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
<div class="col-sm-4"> |
|
||||
<div class="form-group"> |
|
||||
<label for="name">Name:<span class="required-field">*</span></label> |
|
||||
<input type="text" class="form-control" id="name" name="name" |
|
||||
placeholder="First Name" required> |
|
||||
</div> |
|
||||
<small id="emailHelp" class="form-text text-muted"></small> |
|
||||
</div> |
|
||||
|
<div class="col-sm-4"> |
||||
|
<div class="form-group"> |
||||
|
<label for="mobileno">Aadhar Number:<span |
||||
|
class="required-field">*</span></label> |
||||
|
<input type="text" class="form-control" id="aadharnumber" |
||||
|
name="aadharnumber" |
||||
|
placeholder="Aadhar No" minlength="12" maxlength="12" |
||||
|
pattern="[0-9]{12}" |
||||
|
onkeypress="return event.charCode >= 48 && event.charCode <= 57" |
||||
|
required> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- Row 2 with Email, Door No, and Street --> |
||||
|
<div class="row"> |
||||
|
|
||||
<div class="col-sm-4"> |
|
||||
<div class="form-group"> |
|
||||
<label for="mobileno">Mobile Number:<span |
|
||||
class="required-field">*</span></label> |
|
||||
<input type="text" class="form-control" id="mobileno" name="mobileNo" |
|
||||
placeholder="Mobile No" minlength="10" maxlength="10" pattern="[0-9]{10}" |
|
||||
onkeypress="return event.charCode >= 48 && event.charCode <= 57" required> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<div class="col-sm-4"> |
|
||||
<div class="form-group"> |
|
||||
<label for="mobileno">Aadhar Number:<span |
|
||||
class="required-field">*</span></label> |
|
||||
<input type="text" class="form-control" id="aadharnumber" name="aadharnumber" |
|
||||
placeholder="Aadhar No" minlength="12" maxlength="12" pattern="[0-9]{12}" |
|
||||
onkeypress="return event.charCode >= 48 && event.charCode <= 57" required> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<!-- Row 2 with Email, Door No, and Street --> |
|
||||
<div class="row"> |
|
||||
|
|
||||
<div class="col-sm-4"> |
|
||||
<div class="form-group"> |
|
||||
<label for="userPhoto">Profile Photo:</label> |
|
||||
<input type="file" class="form-control profile-file-upload" |
|
||||
id="userPhoto" name="userPhoto" accept="image/jpeg, image/png, image/gif"> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<div class="col-sm-4"> |
|
||||
<div class="form-group"> |
|
||||
<label for="email">E-Mail ID:</label> |
|
||||
<input type="email" class="form-control" id="email" name="email" |
|
||||
placeholder="E-Mail ID" maxlength="255"> |
|
||||
</div> |
|
||||
<small id="emailHelps" class="form-text text-muted"></small> |
|
||||
</div> |
|
||||
<div class="col-sm-4"> |
|
||||
<div class="form-group"> |
|
||||
<label for="doorNo">Door No:<span class="required-field">*</span></label> |
|
||||
<input type="text" class="form-control" id="doorNo" name="doorNo" |
|
||||
placeholder="Door No" required> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
|
|
||||
<div class="col-sm-4"> |
|
||||
<div class="form-group"> |
|
||||
<label for="street">Street:<span class="required-field">*</span></label> |
|
||||
<input type="text" class="form-control" id="street" name="street" |
|
||||
placeholder="Street" required> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-sm-4"> |
|
||||
<div class="form-group"> |
|
||||
<label for="area">Area:<span class="required-field">*</span></label> |
|
||||
<input type="area" class="form-control" id="area" name="area" placeholder="Area" |
|
||||
required> |
|
||||
</div> |
|
||||
<small id="emailHelped" class="form-text text-muted"></small> |
|
||||
</div> |
|
||||
<div class="col-sm-4"> |
|
||||
<div class="form-group"> |
|
||||
<label for="location">Location:<span class="required-field">*</span></label> |
|
||||
<input type="text" class="form-control" id="location" name="location" |
|
||||
placeholder="Location" required> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="col-sm-4"> |
|
||||
<div class="form-group"> |
|
||||
<label for="pincode">Pincode:<span class="required-field">*</span></label> |
|
||||
<input type="text" class="form-control" id="pincode" name="pinCode" |
|
||||
placeholder="Pincode" minlength="6" maxlength="6" pattern="[0-9]{6}" |
|
||||
onkeypress="return event.charCode >= 48 && event.charCode <= 57" required> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
<div class="col-sm-4"> |
||||
|
<div class="form-group"> |
||||
|
<label for="userPhoto">Profile Photo:</label> |
||||
|
<input type="file" class="form-control profile-file-upload" |
||||
|
id="userPhoto" name="userPhoto" |
||||
|
accept="image/jpeg, image/png, image/gif"> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
</div> |
|
||||
|
<div class="col-sm-4"> |
||||
|
<div class="form-group"> |
||||
|
<label for="email">E-Mail ID:</label> |
||||
|
<input type="email" class="form-control" id="email" name="email" |
||||
|
placeholder="E-Mail ID" maxlength="255"> |
||||
|
</div> |
||||
|
<small id="emailHelps" class="form-text text-muted"></small> |
||||
|
</div> |
||||
|
<div class="col-sm-4"> |
||||
|
<div class="form-group"> |
||||
|
<label for="doorNo">Door No:<span |
||||
|
class="required-field">*</span></label> |
||||
|
<input type="text" class="form-control" id="doorNo" name="doorNo" |
||||
|
placeholder="Door No" required> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row"> |
||||
|
|
||||
<div class="form-row"> |
|
||||
<div class="col text-center"> |
|
||||
<button type="submit" class="btn btn-primary" |
|
||||
style="background-color: #2c726c !important">Submit</button> |
|
||||
</div> |
|
||||
</div> |
|
||||
</form> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
<div class="col-sm-4"> |
||||
|
<div class="form-group"> |
||||
|
<label for="street">Street:<span class="required-field">*</span></label> |
||||
|
<input type="text" class="form-control" id="street" name="street" |
||||
|
placeholder="Street" required> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-4"> |
||||
|
<div class="form-group"> |
||||
|
<label for="area">Area:<span class="required-field">*</span></label> |
||||
|
<input type="area" class="form-control" id="area" name="area" |
||||
|
placeholder="Area" |
||||
|
required> |
||||
|
</div> |
||||
|
<small id="emailHelped" class="form-text text-muted"></small> |
||||
|
</div> |
||||
|
<div class="col-sm-4"> |
||||
|
<div class="form-group"> |
||||
|
<label for="location">Location:<span |
||||
|
class="required-field">*</span></label> |
||||
|
<input type="text" class="form-control" id="location" name="location" |
||||
|
placeholder="Location" required> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-4"> |
||||
|
<div class="form-group"> |
||||
|
<label for="pincode">Pincode:<span |
||||
|
class="required-field">*</span></label> |
||||
|
<input type="text" class="form-control" id="pincode" name="pinCode" |
||||
|
placeholder="Pincode" minlength="6" maxlength="6" |
||||
|
pattern="[0-9]{6}" |
||||
|
onkeypress="return event.charCode >= 48 && event.charCode <= 57" |
||||
|
required> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="form-row"> |
||||
|
<div class="col text-center"> |
||||
|
<button type="submit" class="btn btn-primary" |
||||
|
style="background-color: #2c726c !important">Submit |
||||
|
</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
<div class="modal fade" id="otpForm" tabindex="-1" role="dialog" aria-labelledby="otpFormLabel" aria-hidden="true"> |
|
||||
<div class="modal-dialog" role="document"> |
|
||||
<div class="modal-content"> |
|
||||
<form action="#" th:action="@{/otpForm}" th:object="${otpForm}" method="post" |
|
||||
onsubmit="return verifyOtp(); "> |
|
||||
<div class="modal-header"> |
|
||||
<h6 class="modal-title m-0" id="exampleModalDefaultLabel">OTP Login</h6> |
|
||||
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close" |
|
||||
style="color:black;border: white;background-color: white;"> |
|
||||
<span aria-hidden="true">×</span></button> |
|
||||
</div><!--end modal-header--> |
|
||||
<div class="modal-body"> |
|
||||
<div class="row"> |
|
||||
<div class="mb-3 text-center"> |
|
||||
<img src="media/images/mobileotp.png" width="50%" alt="Mobileotp"> |
|
||||
</div> |
|
||||
<div class="mb-0 text-center"> |
|
||||
<h4>OTP Verification</h4> |
|
||||
<p class="text-mute">Enter the OTP sent to <b class="text-info" id="mobilenotxt"></b> |
|
||||
</p> |
|
||||
<p class="text-danger" id="otperror"></p> |
|
||||
</div> |
|
||||
<div class="mb-3 text-center"> |
|
||||
<div class="otp-input-box"> |
|
||||
<input type="text" maxlength="1" class="otp-input" id="otp1" required /> |
|
||||
<input type="text" maxlength="1" class="otp-input" id="otp2" required /> |
|
||||
<input type="text" maxlength="1" class="otp-input" id="otp3" required /> |
|
||||
<input type="text" maxlength="1" class="otp-input" id="otp4" required /> |
|
||||
<input type="text" maxlength="1" class="otp-input" id="otp5" required /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="mb-3 text-center"> |
|
||||
<div id="resend-containers"> |
|
||||
<p class="mb-0">Didn't receive OTP?</p> |
|
||||
<p class="mb-0 text-info" id="resendlink"></p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div><!--end row--> |
|
||||
</div><!--end modal-body--> |
|
||||
<div class="modal-footer"> |
|
||||
<button type="button" class="btn btn-de-secondary btn-sm" data-bs-dismiss="modal">Close</button> |
|
||||
<button type="submit" class="btn btn-primary btn-sm" id="but">Verify OTP</button> |
|
||||
</div><!--end modal-footer--> |
|
||||
</form> |
|
||||
</div><!--end modal-content--> |
|
||||
</div><!--end modal-dialog--> |
|
||||
|
<div class="modal fade" id="otpForm" tabindex="-1" role="dialog" aria-labelledby="otpFormLabel" |
||||
|
aria-hidden="true"> |
||||
|
<div class="modal-dialog" role="document"> |
||||
|
<div class="modal-content"> |
||||
|
<form action="#" th:action="@{/otpForm}" th:object="${otpForm}" method="post" |
||||
|
onsubmit="return verifyOtp(); "> |
||||
|
<div class="modal-header"> |
||||
|
<h6 class="modal-title m-0" id="exampleModalDefaultLabel">OTP Login</h6> |
||||
|
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close" |
||||
|
style="color:black;border: white;background-color: white;"> |
||||
|
<span aria-hidden="true">×</span></button> |
||||
|
</div><!--end modal-header--> |
||||
|
<div class="modal-body"> |
||||
|
<div class="row"> |
||||
|
<div class="mb-3 text-center"> |
||||
|
<img src="media/images/mobileotp.png" width="50%" alt="Mobileotp"> |
||||
|
</div> |
||||
|
<div class="mb-0 text-center"> |
||||
|
<h4>OTP Verification</h4> |
||||
|
<p class="text-mute">Enter the OTP sent to <b class="text-info" |
||||
|
id="mobilenotxt"></b> |
||||
|
</p> |
||||
|
<p class="text-danger" id="otperror"></p> |
||||
|
</div> |
||||
|
<div class="mb-3 text-center"> |
||||
|
<div class="otp-input-box"> |
||||
|
<input type="text" maxlength="1" class="otp-input" id="otp1" required/> |
||||
|
<input type="text" maxlength="1" class="otp-input" id="otp2" required/> |
||||
|
<input type="text" maxlength="1" class="otp-input" id="otp3" required/> |
||||
|
<input type="text" maxlength="1" class="otp-input" id="otp4" required/> |
||||
|
<input type="text" maxlength="1" class="otp-input" id="otp5" required/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="mb-3 text-center"> |
||||
|
<div id="resend-containers"> |
||||
|
<p class="mb-0">Didn't receive OTP?</p> |
||||
|
<p class="mb-0 text-info" id="resendlink"></p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div><!--end row--> |
||||
|
</div><!--end modal-body--> |
||||
|
<div class="modal-footer"> |
||||
|
<button type="button" class="btn btn-de-secondary btn-sm" data-bs-dismiss="modal">Close |
||||
|
</button> |
||||
|
<button type="submit" class="btn btn-primary btn-sm" id="but">Verify OTP</button> |
||||
|
</div><!--end modal-footer--> |
||||
|
</form> |
||||
|
</div><!--end modal-content--> |
||||
|
</div><!--end modal-dialog--> |
||||
</div> |
</div> |
||||
<!--profile popup--> |
<!--profile popup--> |
||||
<!-- Modal --> |
<!-- Modal --> |
||||
<div class="modal fade" id="profileModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> |
|
||||
<div class="modal-dialog modal-lg" role="document"> |
|
||||
<div class="modal-content"> |
|
||||
<div class="modal-header" style="background-color: rgb(21,69,93);"> |
|
||||
<h5 class="modal-title" id="exampleModalLabel" style="color: white;">Profile</h5> |
|
||||
<button type="button" class="close" style="color: white;" data-bs-dismiss="modal" aria-label="Close"> |
|
||||
<span aria-hidden="true">×</span> |
|
||||
</button> |
|
||||
</div> |
|
||||
<div class="modal-body"> |
|
||||
<div class="row"> |
|
||||
<div class="col-sm-4"></div> |
|
||||
<div class="col-sm-4"> |
|
||||
<div style="border-radius: 50%; overflow: hidden; width: 110px; height: 110px; margin: 0 auto;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);"> |
|
||||
<img id="p_image" name="p_image" style="width: 100%; height: 100%;" alt="-"> |
|
||||
</div> |
|
||||
<input type="file" id="fileInput" style="display:none;"> |
|
||||
|
|
||||
</div> |
|
||||
<div class="col-sm-4"></div> |
|
||||
|
<div class="modal fade" id="profileModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" |
||||
|
aria-hidden="true"> |
||||
|
<div class="modal-dialog modal-lg" role="document"> |
||||
|
<div class="modal-content"> |
||||
|
<div class="modal-header" style="background-color: rgb(21,69,93);"> |
||||
|
<h5 class="modal-title" id="exampleModalLabel" style="color: white;">Profile</h5> |
||||
|
<button type="button" class="close" style="color: white;" data-bs-dismiss="modal" |
||||
|
aria-label="Close"> |
||||
|
<span aria-hidden="true">×</span> |
||||
|
</button> |
||||
</div> |
</div> |
||||
<div class="row"> |
|
||||
<input type="hidden" class="form-control" id="p_userId"> |
|
||||
<div class="col-sm-6"> |
|
||||
<label for="p_name">Name:</label> |
|
||||
<input type="text" class="form-control" id="p_name" readonly> |
|
||||
</div> |
|
||||
<div class="col-sm-6"> |
|
||||
<label for="p_email">E-Mail ID:</label> |
|
||||
<input type="mail" class="form-control" id="p_email" readonly maxlength="255" oninput="validateEmail()"> |
|
||||
</div> |
|
||||
<div class="col-sm-6"> |
|
||||
<label for="p_mobnum">Mobile No:</label> |
|
||||
<input type="text" class="form-control" id="p_mobnum" readonly> |
|
||||
</div> |
|
||||
<div class="col-sm-6"> |
|
||||
<label for="p_doornum">Door no:</label> |
|
||||
<input type="text" class="form-control" id="p_doornum" readonly> |
|
||||
</div> |
|
||||
<div class="col-sm-6"> |
|
||||
<label for="p_area">Area:</label> |
|
||||
<input type="text" class="form-control" id="p_area" readonly> |
|
||||
</div> |
|
||||
<div class="col-sm-6"> |
|
||||
<label for="p_location">Location:</label> |
|
||||
<input type="text" class="form-control" id="p_location" readonly> |
|
||||
</div> |
|
||||
<div class="col-sm-6"> |
|
||||
<label for="p_pincode">Pincode:</label> |
|
||||
<input type="text" class="form-control" id="p_pincode" readonly minlength="6" maxlength="6" pattern="[0-9]{6}" |
|
||||
onkeypress="return event.charCode >= 48 && event.charCode <= 57"> |
|
||||
</div> |
|
||||
<div class="col-sm-6"> |
|
||||
<label for="p_userstatus">User Status:</label> |
|
||||
<input type="text" class="form-control" id="p_userstatus" readonly> |
|
||||
</div> |
|
||||
<div class="col-sm-6" id="rejectionReasonContainer" style="display:none;"> |
|
||||
<label for="p_rejectionreason">Rejection Reason:</label> |
|
||||
<input type="text" class="form-control" id="p_rejectionreason" readonly> |
|
||||
</div> |
|
||||
<div class="col-sm-6" readonly> |
|
||||
<label for="p_usertype">User Type:</label> |
|
||||
<select id="p_usertype" class="form-control"> |
|
||||
<option value="PUBLIC">General Public</option> |
|
||||
<!--<option value="FAMILYPENSIONER">Family Pensioner</option>--> |
|
||||
<option value="PENSIONER">GCC Pensioner</option> |
|
||||
<option value="COUNCILLOR">Councillor</option> |
|
||||
<option value="GCC_EMPLOYEE">Gcc Employee</option> |
|
||||
</select> |
|
||||
</div> |
|
||||
|
<div class="modal-body"> |
||||
|
<div class="row"> |
||||
|
<div class="col-sm-4"></div> |
||||
|
<div class="col-sm-4"> |
||||
|
<div style="border-radius: 50%; overflow: hidden; width: 110px; height: 110px; margin: 0 auto;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);"> |
||||
|
<img id="p_image" name="p_image" style="width: 100%; height: 100%;" alt="-"> |
||||
|
</div> |
||||
|
<input type="file" id="fileInput" style="display:none;"> |
||||
|
|
||||
|
</div> |
||||
|
<div class="col-sm-4"></div> |
||||
|
</div> |
||||
|
<div class="row"> |
||||
|
<input type="hidden" class="form-control" id="p_userId"> |
||||
|
<div class="col-sm-6"> |
||||
|
<label for="p_name">Name:</label> |
||||
|
<input type="text" class="form-control" id="p_name" readonly> |
||||
|
</div> |
||||
|
<div class="col-sm-6"> |
||||
|
<label for="p_email">E-Mail ID:</label> |
||||
|
<input type="mail" class="form-control" id="p_email" readonly maxlength="255" |
||||
|
oninput="validateEmail()"> |
||||
|
</div> |
||||
|
<div class="col-sm-6"> |
||||
|
<label for="p_mobnum">Mobile No:</label> |
||||
|
<input type="text" class="form-control" id="p_mobnum" readonly> |
||||
|
</div> |
||||
|
<div class="col-sm-6"> |
||||
|
<label for="p_doornum">Door no:</label> |
||||
|
<input type="text" class="form-control" id="p_doornum" readonly> |
||||
|
</div> |
||||
|
<div class="col-sm-6"> |
||||
|
<label for="p_area">Area:</label> |
||||
|
<input type="text" class="form-control" id="p_area" readonly> |
||||
|
</div> |
||||
|
<div class="col-sm-6"> |
||||
|
<label for="p_location">Location:</label> |
||||
|
<input type="text" class="form-control" id="p_location" readonly> |
||||
|
</div> |
||||
|
<div class="col-sm-6"> |
||||
|
<label for="p_pincode">Pincode:</label> |
||||
|
<input type="text" class="form-control" id="p_pincode" readonly minlength="6" |
||||
|
maxlength="6" pattern="[0-9]{6}" |
||||
|
onkeypress="return event.charCode >= 48 && event.charCode <= 57"> |
||||
|
</div> |
||||
|
<div class="col-sm-6"> |
||||
|
<label for="p_userstatus">User Status:</label> |
||||
|
<input type="text" class="form-control" id="p_userstatus" readonly> |
||||
|
</div> |
||||
|
<div class="col-sm-6" id="rejectionReasonContainer" style="display:none;"> |
||||
|
<label for="p_rejectionreason">Rejection Reason:</label> |
||||
|
<input type="text" class="form-control" id="p_rejectionreason" readonly> |
||||
|
</div> |
||||
|
<div class="col-sm-6" readonly> |
||||
|
<label for="p_usertype">User Type:</label> |
||||
|
<select id="p_usertype" class="form-control"> |
||||
|
<option value="PUBLIC">General Public</option> |
||||
|
<!--<option value="FAMILYPENSIONER">Family Pensioner</option>--> |
||||
|
<option value="PENSIONER">GCC Pensioner</option> |
||||
|
<option value="COUNCILLOR">Councillor</option> |
||||
|
<option value="GCC_EMPLOYEE">Gcc Employee</option> |
||||
|
</select> |
||||
|
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
</div> |
|
||||
<div class="modal-footer"> |
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> |
|
||||
<button type="button" class="btn btn-primary" id="updateButton" style="display:none;" onclick="updateUserDetails();">Update</button> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
<div class="modal-footer"> |
||||
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> |
||||
|
<button type="button" class="btn btn-primary" id="updateButton" style="display:none;" |
||||
|
onclick="updateUserDetails();">Update |
||||
|
</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="modal fade backdrop" id="resetpinForm" data-backdrop="static" tabindex="-1" role="dialog" |
||||
|
aria-labelledby="staticBackdropLabel" aria-hidden="true"> |
||||
|
<div class="modal-dialog" role="document"> |
||||
|
<div class="modal-content"> |
||||
|
<form action="#" onsubmit="return checkofficialMobileNo();"> |
||||
|
<div class="block block-rounded block-themed block-transparent mb-0"> |
||||
|
<div class="block-header bg-primary-dark"> |
||||
|
<h3 class="block-title" id="mtitl">Reset PIN Mobile NO<span |
||||
|
class="d-none d-sm-inline ms-1" th:text="${mobileno}"></span></h3> |
||||
|
<div class="block-options"> |
||||
|
<button type="button" class="btn-block-option" data-bs-dismiss="modal" |
||||
|
aria-label="Close"> |
||||
|
<i class="fa fa-fw fa-times"></i> |
||||
|
</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="block-content"> |
||||
|
<div class="mb-4"> |
||||
|
<label class="form-label">Mobile Number<span class="text-danger">*</span></label> |
||||
|
<input type="text" th:value="${mobileno}" class="form-control text-center" |
||||
|
name="resetpinmobilenumber" id="resetpinmobilenumber"/> |
||||
|
</div> |
||||
|
<div class="mb-4"> |
||||
|
<label class="form-label">Old Password<span class="text-danger">*</span></label> |
||||
|
<input type="text" maxlength="4" class="form-control text-center" name="oldpin" |
||||
|
id="oldpin" placeholder="Numbers Only"/> |
||||
|
</div> |
||||
|
<div class="mb-4"> |
||||
|
<label class="form-label">New 4 Digit PIN <span class="text-danger">*</span></label> |
||||
|
<input type="password" maxlength="4" class="form-control text-center" name="newpin" |
||||
|
id="newpin" placeholder="Numbers Only" required/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="block-content block-content-full text-end bg-body" id="mbutton"> |
||||
|
<button type="button" class="btn btn-sm btn-alt-secondary" data-bs-dismiss="modal"> |
||||
|
Close |
||||
|
</button> |
||||
|
<button type="submit" class="btn btn-sm btn-primary">Submit</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
|
|
||||
<div class="modal fade backdrop" id="resetpinForm" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true"> |
|
||||
<div class="modal-dialog" role="document"> |
|
||||
<div class="modal-content"> |
|
||||
<form action="#" onsubmit="return checkofficialMobileNo();"> |
|
||||
<div class="block block-rounded block-themed block-transparent mb-0"> |
|
||||
<div class="block-header bg-primary-dark"> |
|
||||
<h3 class="block-title" id="mtitl">Reset PIN Mobile NO<span class="d-none d-sm-inline ms-1" th:text="${mobileno}"></span></h3> |
|
||||
<div class="block-options"> |
|
||||
<button type="button" class="btn-block-option" data-bs-dismiss="modal" aria-label="Close"> |
|
||||
<i class="fa fa-fw fa-times"></i> |
|
||||
</button> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="block-content"> |
|
||||
<div class="mb-4"> |
|
||||
<label class="form-label">Mobile Number<span class="text-danger">*</span></label> |
|
||||
<input type="text" th:value="${mobileno}" class="form-control text-center" name="resetpinmobilenumber" id="resetpinmobilenumber" /> |
|
||||
</div> |
|
||||
<div class="mb-4"> |
|
||||
<label class="form-label">Old Password<span class="text-danger">*</span></label> |
|
||||
<input type="text" maxlength="4" class="form-control text-center" name="oldpin" id="oldpin" placeholder="Numbers Only"/> |
|
||||
</div> |
|
||||
<div class="mb-4"> |
|
||||
<label class="form-label">New 4 Digit PIN <span class="text-danger">*</span></label> |
|
||||
<input type="password" maxlength="4" class="form-control text-center" name="newpin" id="newpin" placeholder="Numbers Only" required /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="block-content block-content-full text-end bg-body" id="mbutton"> |
|
||||
<button type="button" class="btn btn-sm btn-alt-secondary" data-bs-dismiss="modal">Close</button> |
|
||||
<button type="submit" class="btn btn-sm btn-primary">Submit</button> |
|
||||
</div> |
|
||||
</div> |
|
||||
</form> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
|
<!--Conuter Login Modal--> |
||||
|
<div class="modal fade" id="cloginModal" tabindex="-1" role="dialog" aria-labelledby="cloginModalLabel" |
||||
|
aria-hidden="true"> |
||||
|
<div class="modal-dialog modal-lg" role="document"> |
||||
|
<div class="modal-content"> |
||||
|
<div class="modal-header"> |
||||
|
<h5 class="modal-title" id="cloginModalLabel">Counter Login</h5> |
||||
|
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> |
||||
|
<span aria-hid den="true" style="color:black">×</span> |
||||
|
</button> |
||||
|
</div> |
||||
|
<div class="modal-body"> |
||||
|
<!-- Nav tabs --> |
||||
|
<ul class="nav nav-tabs" id="cloginTabs" role="tablist"> |
||||
|
<li class="nav-item"> |
||||
|
<a class="nav-link active" id="clogin-tab" data-toggle="tab" href="#login" role="tab" |
||||
|
aria-controls="login" aria-selected="true">Login</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
<!-- Tab panes --> |
||||
|
<div class="tab-content mt-3" id="cloginTabContent"> |
||||
|
<div class="tab-pane fade show active" id="clogin" role="tabpanel" aria-labelledby="login-tab"> |
||||
|
<!-- Login Form --> |
||||
|
<form class="form-inline"> |
||||
|
<div class="form-group col-12 d-flex justify-content-center mt-2" > |
||||
|
<label for="cusername">UserName<span |
||||
|
class="required-field">*</span></label> |
||||
|
<input type="text" class="form-control" id="cusername" placeholder="Enter username" |
||||
|
style="width: 35% " required> |
||||
|
</div> |
||||
|
<div class="form-group col-12 d-flex justify-content-center mt-2" > |
||||
|
<label>Password<span |
||||
|
class="required-field">*</span></label> |
||||
|
<input type="password" class="form-control" id="cpassword" placeholder="Enter Password" |
||||
|
minlength="4" maxlength="4" style="width: 35%" required> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group col-12 d-flex justify-content-center mt-2"> |
||||
|
<button type="button" class="btn btn-info" id="counterSubmit" onclick="verifyCounterLogin()">Submit</button> |
||||
|
</div> |
||||
|
<p class="text-uppercase fw-bold fs-sm text-muted col-12 " id="error" |
||||
|
th:utext="${errortxt}"></p> |
||||
|
</form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
@ -1,82 +1,126 @@ |
|||||
<nav class="pcoded-navbar"> |
<nav class="pcoded-navbar"> |
||||
<div class="pcoded-inner-navbar"> |
|
||||
<ul class="pcoded-item pcoded-left-item"> |
|
||||
<li class="pcoded-hasmenu"> |
|
||||
<a href="/communityhall/dashboard"> |
|
||||
<span class="pcoded-micon"><i class="feather icon-home"></i></span> |
|
||||
<span class="pcoded-mtext">Home</span> |
|
||||
<span class="pcoded-mcaret"></span> |
|
||||
</a> |
|
||||
|
<div class="pcoded-inner-navbar"> |
||||
|
<ul class="pcoded-item pcoded-left-item"> |
||||
|
<li class="pcoded-hasmenu"> |
||||
|
<a href="/communityhall/dashboard"> |
||||
|
<span class="pcoded-micon"><i class="feather icon-home"></i></span> |
||||
|
<span class="pcoded-mtext">Home</span> |
||||
|
<span class="pcoded-mcaret"></span> |
||||
|
</a> |
||||
|
|
||||
</li> |
|
||||
<li class="pcoded-hasmenu" id="hallBookingLogin_nav" onclick="return checkLoginedIn('hallbookingform')"> |
|
||||
<a href="/communityhall/user/hallbookingform"> |
|
||||
<span class="pcoded-micon"><i class="feather icon-clipboard"></i></span> |
|
||||
<span class="pcoded-mtext">Hall Booking</span> |
|
||||
<span class="pcoded-mcaret"></span> |
|
||||
</a> |
|
||||
</li> |
|
||||
<li class="pcoded-hasmenu" id="bookingDetailsLogin_nav" onclick=" return checkLoginedIn('viewhistory')"> |
|
||||
<a href="/communityhall/user/viewhistory"> |
|
||||
<span class="pcoded-micon"><i class="feather icon-credit-card"></i></span> |
|
||||
<span class="pcoded-mtext">Booking Details</span> |
|
||||
<span class="pcoded-mcaret"></span> |
|
||||
</a> |
|
||||
</li> |
|
||||
<li class="pcoded-hasmenu"> |
|
||||
<a href="/communityhall/CommunityHallList"> |
|
||||
<span class="pcoded-micon"><i class="feather icon-map-pin"></i></span> |
|
||||
<span class="pcoded-mtext">Community Hall List</span> |
|
||||
<span class="pcoded-mcaret"></span> |
|
||||
</a> |
|
||||
</li> |
|
||||
<li class="pcoded-hasmenu"> |
|
||||
<a href="/communityhall/hallAmountCalculation"> |
|
||||
<span class="pcoded-micon"><i class="feather icon-file-text"></i></span> |
|
||||
<span class="pcoded-mtext">Calculate Rent Amount</span> |
|
||||
<span class="pcoded-mcaret"></span> |
|
||||
</a> |
|
||||
</li> |
|
||||
</ul> |
|
||||
|
</li> |
||||
|
<li class="pcoded-hasmenu" id="hallBookingLogin_nav" onclick="return checkLoginedIn('hallbookingform')"> |
||||
|
<a href="/communityhall/user/hallbookingform"> |
||||
|
<span class="pcoded-micon"><i class="feather icon-clipboard"></i></span> |
||||
|
<span class="pcoded-mtext">Hall Booking</span> |
||||
|
<span class="pcoded-mcaret"></span> |
||||
|
</a> |
||||
|
</li> |
||||
|
<li class="pcoded-hasmenu" id="bookingDetailsLogin_nav" onclick=" return checkLoginedIn('viewhistory')"> |
||||
|
<a href="/communityhall/user/viewhistory"> |
||||
|
<span class="pcoded-micon"><i class="feather icon-credit-card"></i></span> |
||||
|
<span class="pcoded-mtext">Booking Details</span> |
||||
|
<span class="pcoded-mcaret"></span> |
||||
|
</a> |
||||
|
</li> |
||||
|
<li class="pcoded-hasmenu"> |
||||
|
<a href="/communityhall/CommunityHallList"> |
||||
|
<span class="pcoded-micon"><i class="feather icon-map-pin"></i></span> |
||||
|
<span class="pcoded-mtext">Community Hall List</span> |
||||
|
<span class="pcoded-mcaret"></span> |
||||
|
</a> |
||||
|
</li> |
||||
|
<li class="pcoded-hasmenu"> |
||||
|
<a href="/communityhall/hallAmountCalculation"> |
||||
|
<span class="pcoded-micon"><i class="feather icon-file-text"></i></span> |
||||
|
<span class="pcoded-mtext">Calculate Rent Amount</span> |
||||
|
<span class="pcoded-mcaret"></span> |
||||
|
</a> |
||||
|
</li> |
||||
|
<!--<li th:if="${counterName != null}" class="pcoded-hasmenu"> |
||||
|
<a href="/communityhall/counterReport"> |
||||
|
<span class="pcoded-micon"><i class="feather icon-file-text"></i></span> |
||||
|
<span class="pcoded-mtext">Counter Report</span> |
||||
|
<span class="pcoded-mcaret"></span> |
||||
|
</a> |
||||
|
</li>--> |
||||
|
</ul> |
||||
|
|
||||
<ul class="pcoded-item pcoded-right-item" id="pds1" style="display: none;"> |
|
||||
<li class="pcoded-hasmenu"> |
|
||||
<button class="btn" style="background-color: rgb(21,69,93);margin-top: 6px;" type="button" |
|
||||
id="profilePopup" onclick="showprofilepopup()"> |
|
||||
<span class="pcoded-micon"><i class="fa fa-user" style="color: white;" |
|
||||
aria-hidden="true"></i></span> |
|
||||
<span class="pcoded-mtext" th:text="${userName}" id="userNameLogin" |
|
||||
style="cursor: pointer;color: white;" data-toggle="tooltip" data-placement="bottom" |
|
||||
title="View/Edit Profile"></span> |
|
||||
</button> |
|
||||
</li> |
|
||||
<li class="pcoded-hasmenu"> |
|
||||
<a href="/communityhall/user/logout"> |
|
||||
<span class="pcoded-micon"><i class="fa fa-sign-in" aria-hidden="true"></i></span> |
|
||||
<span class="pcoded-mtext">Logout</span> |
|
||||
<span class="pcoded-mcaret"></span> |
|
||||
</a> |
|
||||
</li> |
|
||||
</ul> |
|
||||
|
|
||||
<ul class="pcoded-item pcoded-right-item" id="pds"> |
|
||||
<li> |
|
||||
<div class="dropdown"> |
|
||||
<button class="btn btn-primary dropdown-toggle" type="button" id="loginDropdown" |
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" |
|
||||
style="background-color: white;color: black;border-color: white;"> |
|
||||
<span class="pcoded-micon"><i class="fa fa-sign-in" aria-hidden="true"></i></span> |
|
||||
<span class="pcoded-mtext">Login</span> |
|
||||
<span class="pcoded-mcaret"></span> |
|
||||
</button> |
|
||||
<div class="dropdown-menu" aria-labelledby="loginDropdown"> |
|
||||
<a class="dropdown-item" id="loginpopup" name="loginpopup" style="cursor: pointer;"><i |
|
||||
class="fa fa-user"></i> User Login</a> |
|
||||
<a class="dropdown-item" href="/communityhall/login" style="cursor: pointer;" target="_blank"><i |
|
||||
class="fa fa-lock"></i> Official Login</a> |
|
||||
</div> |
|
||||
</div> |
|
||||
</li> |
|
||||
</ul> |
|
||||
</div> |
|
||||
|
<ul class="pcoded-item pcoded-right-item" th:if="${counterName != null}"> |
||||
|
<li class="pcoded-hasmenu"> |
||||
|
<div class="dropdown"> |
||||
|
<button th:if="${counterName != null}" class="btn btn-primary dropdown-toggle" |
||||
|
type="button" id="counterloginDropdown" |
||||
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" |
||||
|
style="background-color: rgb(21,69,93); color: orange; font-weight: bold; border-color: white; margin-top: 6px;"> |
||||
|
<span class="pcoded-micon"> |
||||
|
<i class="fa fa-user" style="color: white;" aria-hidden="true"></i> |
||||
|
</span> |
||||
|
<span th:text="${counterName}" id="counterNameLogin" |
||||
|
style="cursor: not-allowed;" data-toggle="tooltip" |
||||
|
data-placement="bottom"> |
||||
|
</span> |
||||
|
</button> |
||||
|
<div class="dropdown-menu" aria-labelledby="counterLoginDropdown"> |
||||
|
<a href="/communityhall/counter/logout" class="dropdown-item" id="counterlogout" |
||||
|
name="counterlogout" style="cursor: pointer;"><i |
||||
|
class="fa fa-sign-out"></i> Counter Logout</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</li> |
||||
|
</ul> |
||||
|
|
||||
|
|
||||
|
<ul class="pcoded-item pcoded-right-item" id="pds1" style="display: none;"> |
||||
|
<li class="pcoded-hasmenu"> |
||||
|
<div class="dropdown"> |
||||
|
<button class="btn btn-primary dropdown-toggle" |
||||
|
type="button" id="profilePopup1" |
||||
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" |
||||
|
style="background-color: rgb(21,69,93); font-weight: bold; border-color: white; margin-top: 6px;"> |
||||
|
<span class="pcoded-micon"> |
||||
|
<i class="fa fa-user" style="color: white;" aria-hidden="true"></i> |
||||
|
</span> |
||||
|
<span class="pcoded-mtext" th:text="${userName}" id="userNameLogin" |
||||
|
style="cursor: not-allowed;" data-toggle="tooltip" |
||||
|
data-placement="bottom" title="View/Edit Profile"> |
||||
|
</span> |
||||
|
</button> |
||||
|
<div class="dropdown-menu" aria-labelledby="profilePopup1"> |
||||
|
<a class="dropdown-item" id="profilePopup" |
||||
|
name="profilePopup" style="cursor: pointer;" onclick="showprofilepopup()"> |
||||
|
<i class="fa fa-user-circle"></i> View Profile |
||||
|
</a> |
||||
|
<a href="/communityhall/user/logout" class="dropdown-item" id="userloginpopup" |
||||
|
name="userloginpopup" style="cursor: pointer;"> |
||||
|
<i class="fa fa-sign-out"></i> User Logout |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</li> |
||||
|
</ul> |
||||
|
|
||||
|
<ul class="pcoded-item pcoded-right-item" id="pds"> |
||||
|
<li> |
||||
|
<div class="dropdown"> |
||||
|
<button class="btn btn-primary dropdown-toggle" type="button" id="loginDropdown" |
||||
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" |
||||
|
style="background-color: white;color: black;border-color: white;"> |
||||
|
<span class="pcoded-micon"><i class="fa fa-sign-in" aria-hidden="true"></i></span> |
||||
|
<span class="pcoded-mtext">Login</span> |
||||
|
<span class="pcoded-mcaret"></span> |
||||
|
</button> |
||||
|
<div class="dropdown-menu" aria-labelledby="loginDropdown"> |
||||
|
<a class="dropdown-item" id="loginpopup" name="loginpopup" style="cursor: pointer;"><i |
||||
|
class="fa fa-user"></i> User Login</a> |
||||
|
<a th:if="${counterName == null}" class="dropdown-item" href="/communityhall/login" style="cursor: pointer;" target="_blank"><i |
||||
|
class="fa fa-lock"></i> Official Login</a> |
||||
|
<a th:if="${counterName == null}" class="dropdown-item" id="counterloginpopup" name="counterloginpopup" style="cursor: pointer;" target="_blank"><i |
||||
|
class="fa fa-lock"></i> Counter Login</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
</nav> |
</nav> |
||||
3335
src/main/resources/templates/user/hallbookingform.html
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
Write
Preview
Loading…
Cancel
Save
Reference in new issue