@ -21,6 +21,7 @@
z-index: 9999999999999 !important;
z-index: 9999999999999 !important;
/* Adjust this value if needed */
/* Adjust this value if needed */
}
}
.form-check-label {
.form-check-label {
padding-left: 0px
padding-left: 0px
}
}
@ -57,27 +58,31 @@
class="required-field">*< / span > < / label >
class="required-field">*< / span > < / label >
< input type = "tel" class = "form-control custom-input" id = "mobileNumber"
< input type = "tel" class = "form-control custom-input" id = "mobileNumber"
name="mobileNumber" minlength="10" maxlength="10" pattern="[0-9]{10}"
name="mobileNumber" minlength="10" maxlength="10" pattern="[0-9]{10}"
placeholder="Enter your mobile number" style="width: 49%;margin-left: 28%;" required
placeholder="Enter your mobile number" style="width: 49%;margin-left: 28%;"
required
onkeypress="return event.charCode >= 48 & & event.charCode < = 57">
onkeypress="return event.charCode >= 48 & & event.charCode < = 57">
< / div >
< / div >
< div class = "form-group text-center" >
< div class = "form-group text-center" >
< button type = "button" class = "btn btn-info" id = "sendOTPButton" > Send OTP< / button >
< button type = "button" class = "btn btn-info" id = "sendOTPButton" > Send OTP< / button >
< button type = "button" class = "btn btn-danger" id = "signUpButton"
< button type = "button" class = "btn btn-danger" id = "signUpButton"
onclick="redirectToSignUp()">Sign Up< / button >
onclick="redirectToSignUp()">Sign Up
< / button >
< / div >
< / div >
< / form >
< / form >
< / div >
< / div >
< div class = "tab-pane fade" id = "register" role = "tabpanel" aria-labelledby = "register-tab" >
< div class = "tab-pane fade" id = "register" role = "tabpanel" aria-labelledby = "register-tab" >
<!-- Register Form -->
<!-- Register Form -->
< form action = "/communityhall/user/newregistrationform" id = "newform" method = "post" name = "newform"
< form action = "/communityhall/user/newregistrationform" id = "newform" method = "post"
name="newform"
onsubmit="return validateUserType();" enctype="multipart/form-data">
onsubmit="return validateUserType();" enctype="multipart/form-data">
<!-- Row 1 with Name, Father Name, and Mobile No -->
<!-- Row 1 with Name, Father Name, and Mobile No -->
< div class = "row" >
< div class = "row" >
< div class = "col-sm-4" style = "margin-left:0%" >
< div class = "col-sm-4" style = "margin-left:0%" >
< div class = "form-group" >
< div class = "form-group" >
< label for = "userType" > User Type:< span class = "required-field" > *< / span > < / label >
< label for = "userType" > User Type:< span
class="required-field">*< / span > < / label >
< select class = "form-control" id = "userType" name = "usertype"
< select class = "form-control" id = "userType" name = "usertype"
placeholder="User Type" required>
placeholder="User Type" required>
< option value = "" > Select< / option >
< option value = "" > Select< / option >
@ -107,7 +112,8 @@
< label for = "employeedepartment" > Employee Department< span
< label for = "employeedepartment" > Employee Department< span
class="required">*< / span > :< / label >
class="required">*< / span > :< / label >
< input type = "text" class = "form-control" id = "employeedepartment"
< input type = "text" class = "form-control" id = "employeedepartment"
name="employeedepartment" placeholder="Employee Department "
name="employeedepartment"
placeholder="Employee Department "
style="background-color: white;" readonly>
style="background-color: white;" readonly>
< / div >
< / div >
< / div >
< / div >
@ -151,8 +157,10 @@
< label for = "mobileno" > Mobile Number:< span
< label for = "mobileno" > Mobile Number:< span
class="required-field">*< / span > < / label >
class="required-field">*< / span > < / label >
< input type = "text" class = "form-control" id = "mobileno" name = "mobileNo"
< 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>
placeholder="Mobile No" minlength="10" maxlength="10"
pattern="[0-9]{10}"
onkeypress="return event.charCode >= 48 & & event.charCode < = 57"
required>
< / div >
< / div >
< / div >
< / div >
@ -160,9 +168,12 @@
< div class = "form-group" >
< div class = "form-group" >
< label for = "mobileno" > Aadhar Number:< span
< label for = "mobileno" > Aadhar Number:< span
class="required-field">*< / span > < / label >
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>
< 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 >
< / div >
< / div >
< / div >
@ -173,7 +184,8 @@
< div class = "form-group" >
< div class = "form-group" >
< label for = "userPhoto" > Profile Photo:< / label >
< label for = "userPhoto" > Profile Photo:< / label >
< input type = "file" class = "form-control profile-file-upload"
< input type = "file" class = "form-control profile-file-upload"
id="userPhoto" name="userPhoto" accept="image/jpeg, image/png, image/gif">
id="userPhoto" name="userPhoto"
accept="image/jpeg, image/png, image/gif">
< / div >
< / div >
< / div >
< / div >
@ -187,7 +199,8 @@
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< div class = "form-group" >
< div class = "form-group" >
< label for = "doorNo" > Door No:< span class = "required-field" > *< / span > < / label >
< label for = "doorNo" > Door No:< span
class="required-field">*< / span > < / label >
< input type = "text" class = "form-control" id = "doorNo" name = "doorNo"
< input type = "text" class = "form-control" id = "doorNo" name = "doorNo"
placeholder="Door No" required>
placeholder="Door No" required>
< / div >
< / div >
@ -205,24 +218,29 @@
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< div class = "form-group" >
< div class = "form-group" >
< label for = "area" > Area:< span class = "required-field" > *< / span > < / label >
< label for = "area" > Area:< span class = "required-field" > *< / span > < / label >
< input type = "area" class = "form-control" id = "area" name = "area" placeholder = "Area"
< input type = "area" class = "form-control" id = "area" name = "area"
placeholder="Area"
required>
required>
< / div >
< / div >
< small id = "emailHelped" class = "form-text text-muted" > < / small >
< small id = "emailHelped" class = "form-text text-muted" > < / small >
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< div class = "form-group" >
< div class = "form-group" >
< label for = "location" > Location:< span class = "required-field" > *< / span > < / label >
< label for = "location" > Location:< span
class="required-field">*< / span > < / label >
< input type = "text" class = "form-control" id = "location" name = "location"
< input type = "text" class = "form-control" id = "location" name = "location"
placeholder="Location" required>
placeholder="Location" required>
< / div >
< / div >
< / div >
< / div >
< div class = "col-sm-4" >
< div class = "col-sm-4" >
< div class = "form-group" >
< div class = "form-group" >
< label for = "pincode" > Pincode:< span class = "required-field" > *< / span > < / label >
< label for = "pincode" > Pincode:< span
class="required-field">*< / span > < / label >
< input type = "text" class = "form-control" id = "pincode" name = "pinCode"
< 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>
placeholder="Pincode" minlength="6" maxlength="6"
pattern="[0-9]{6}"
onkeypress="return event.charCode >= 48 & & event.charCode < = 57"
required>
< / div >
< / div >
< / div >
< / div >
@ -231,7 +249,8 @@
< div class = "form-row" >
< div class = "form-row" >
< div class = "col text-center" >
< div class = "col text-center" >
< button type = "submit" class = "btn btn-primary"
< button type = "submit" class = "btn btn-primary"
style="background-color: #2c726c !important">Submit< / button >
style="background-color: #2c726c !important">Submit
< / button >
< / div >
< / div >
< / div >
< / div >
< / form >
< / form >
@ -241,7 +260,8 @@
< / 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 fade" id = "otpForm" tabindex = "-1" role = "dialog" aria-labelledby = "otpFormLabel"
aria-hidden="true">
< div class = "modal-dialog" role = "document" >
< div class = "modal-dialog" role = "document" >
< div class = "modal-content" >
< div class = "modal-content" >
< form action = "#" th:action = "@{/otpForm}" th:object = "${otpForm}" method = "post"
< form action = "#" th:action = "@{/otpForm}" th:object = "${otpForm}" method = "post"
@ -259,7 +279,8 @@
< / div >
< / div >
< div class = "mb-0 text-center" >
< div class = "mb-0 text-center" >
< h4 > OTP Verification< / h4 >
< h4 > OTP Verification< / h4 >
< p class = "text-mute" > Enter the OTP sent to < b class = "text-info" id = "mobilenotxt" > < / b >
< p class = "text-mute" > Enter the OTP sent to < b class = "text-info"
id="mobilenotxt">< / b >
< / p >
< / p >
< p class = "text-danger" id = "otperror" > < / p >
< p class = "text-danger" id = "otperror" > < / p >
< / div >
< / div >
@ -281,7 +302,8 @@
< / div > <!-- end row -->
< / div > <!-- end row -->
< / div > <!-- end modal - body -->
< / div > <!-- end modal - body -->
< div class = "modal-footer" >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-de-secondary btn-sm" data-bs-dismiss = "modal" > Close< / button >
< 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 >
< button type = "submit" class = "btn btn-primary btn-sm" id = "but" > Verify OTP< / button >
< / div > <!-- end modal - footer -->
< / div > <!-- end modal - footer -->
< / form >
< / form >
@ -290,12 +312,14 @@
< / 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 fade" id = "profileModal" tabindex = "-1" role = "dialog" aria-labelledby = "exampleModalLabel"
aria-hidden="true">
< div class = "modal-dialog modal-lg" role = "document" >
< div class = "modal-dialog modal-lg" role = "document" >
< div class = "modal-content" >
< div class = "modal-content" >
< div class = "modal-header" style = "background-color: rgb(21,69,93);" >
< div class = "modal-header" style = "background-color: rgb(21,69,93);" >
< h5 class = "modal-title" id = "exampleModalLabel" style = "color: white;" > Profile< / h5 >
< 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" >
< button type = "button" class = "close" style = "color: white;" data-bs-dismiss = "modal"
aria-label="Close">
< span aria-hidden = "true" > × < / span >
< span aria-hidden = "true" > × < / span >
< / button >
< / button >
< / div >
< / div >
@ -319,7 +343,8 @@
< / div >
< / div >
< div class = "col-sm-6" >
< div class = "col-sm-6" >
< label for = "p_email" > E-Mail ID:< / label >
< label for = "p_email" > E-Mail ID:< / label >
< input type = "mail" class = "form-control" id = "p_email" readonly maxlength = "255" oninput = "validateEmail()" >
< input type = "mail" class = "form-control" id = "p_email" readonly maxlength = "255"
oninput="validateEmail()">
< / div >
< / div >
< div class = "col-sm-6" >
< div class = "col-sm-6" >
< label for = "p_mobnum" > Mobile No:< / label >
< label for = "p_mobnum" > Mobile No:< / label >
@ -339,7 +364,8 @@
< / div >
< / div >
< div class = "col-sm-6" >
< div class = "col-sm-6" >
< label for = "p_pincode" > Pincode:< / label >
< label for = "p_pincode" > Pincode:< / label >
< input type = "text" class = "form-control" id = "p_pincode" readonly minlength = "6" maxlength = "6" pattern = "[0-9]{6}"
< 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">
onkeypress="return event.charCode >= 48 & & event.charCode < = 57">
< / div >
< / div >
< div class = "col-sm-6" >
< div class = "col-sm-6" >
@ -364,21 +390,26 @@
< / div >
< / div >
< div class = "modal-footer" >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-secondary" data-bs-dismiss = "modal" > Close< / button >
< 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 >
< button type = "button" class = "btn btn-primary" id = "updateButton" style = "display:none;"
onclick="updateUserDetails();">Update
< / button >
< / div >
< / div >
< / div >
< / div >
< / 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 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-dialog" role = "document" >
< div class = "modal-content" >
< div class = "modal-content" >
< form action = "#" onsubmit = "return checkofficialMobileNo();" >
< form action = "#" onsubmit = "return checkofficialMobileNo();" >
< div class = "block block-rounded block-themed block-transparent mb-0" >
< div class = "block block-rounded block-themed block-transparent mb-0" >
< div class = "block-header bg-primary-dark" >
< 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 >
< 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" >
< div class = "block-options" >
< button type = "button" class = "btn-block-option" data-bs-dismiss = "modal" aria-label = "Close" >
< button type = "button" class = "btn-block-option" data-bs-dismiss = "modal"
aria-label="Close">
< i class = "fa fa-fw fa-times" > < / i >
< i class = "fa fa-fw fa-times" > < / i >
< / button >
< / button >
< / div >
< / div >
@ -386,19 +417,24 @@
< div class = "block-content" >
< div class = "block-content" >
< div class = "mb-4" >
< div class = "mb-4" >
< label class = "form-label" > Mobile Number< span class = "text-danger" > *< / span > < / label >
< 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" / >
< input type = "text" th:value = "${mobileno}" class = "form-control text-center"
name="resetpinmobilenumber" id="resetpinmobilenumber"/>
< / div >
< / div >
< div class = "mb-4" >
< div class = "mb-4" >
< label class = "form-label" > Old Password< span class = "text-danger" > *< / span > < / label >
< 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" / >
< input type = "text" maxlength = "4" class = "form-control text-center" name = "oldpin"
id="oldpin" placeholder="Numbers Only"/>
< / div >
< / div >
< div class = "mb-4" >
< div class = "mb-4" >
< label class = "form-label" > New 4 Digit PIN < span class = "text-danger" > *< / span > < / label >
< 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 / >
< input type = "password" maxlength = "4" class = "form-control text-center" name = "newpin"
id="newpin" placeholder="Numbers Only" required/>
< / div >
< / div >
< / div >
< / div >
< div class = "block-content block-content-full text-end bg-body" id = "mbutton" >
< 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 = "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 >
< button type = "submit" class = "btn btn-sm btn-primary" > Submit< / button >
< / div >
< / div >
< / div >
< / div >
@ -406,3 +442,53 @@
< / div >
< / div >
< / div >
< / 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 >