hariprasaths
/
Volunteers_and_Cdwaste
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

form changes

master
mohammedthaqi 2 years ago
parent
fda070fb8f
commit
63ff2a988b
3 changed files with 123 additions and 25 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/main/resources/application.properties
  2. BIN
      src/main/resources/static/images/gcclogo1.jpeg
  3. 144
      src/main/resources/templates/index.html

4
src/main/resources/application.properties
View File

@ -1,8 +1,8 @@
spring.application.name=volunteersregistration
spring.datasource.url=jdbc:mysql://localhost:3306/volunteer
spring.datasource.url=jdbc:mysql://localhost:3306/volunteers
spring.datasource.username=root
spring.datasource.password=gccroot
spring.datasource.password=root
spring.jpa.hibernate.ddl-auto=update
spring.jpa.show-sql=true
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver

BIN
src/main/resources/static/images/gcclogo1.jpeg
View File

Side by Side

After

Width: 325  |  Height: 435  |  Size: 38 KiB

144
src/main/resources/templates/index.html
View File

@ -3,12 +3,27 @@
<head>
<meta charset="UTF-8">
<title>ChennaiCorporation</title>
<title>Chennai-Corporation</title>
<!-- Bootstrap CSS -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<!-- SweetAlert CSS -->
<!--
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
-->
<!-- Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<!-- SweetAlert JS -->
<!--
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<style>
/*for radio button style*/
.radio-group {
@ -69,10 +84,68 @@
label {
color: #858585;
}
/* Header Styling */
.header {
background-color: #1d495a;
padding: 10px 20px;
display: flex;
align-items: center;
justify-content: space-between;
color: white;
font-family: Arial, sans-serif;
}
.header .logo {
display: flex;
align-items: center;
}
.header .logo img {
height: 60px;
}
.header .menu {
display: flex;
justify-content: center;
align-items: center;
flex-grow: 1;
margin-left: 20px;
}
.header .menu a {
color: white;
margin: 0 15px;
text-decoration: none;
}
.header .menu a:hover {
text-decoration: underline;
}
</style>
</head>
<body style="background-color: #ebf1fa;">
<!-- Header Section -->
<div class="header">
<!-- Left Logo -->
<div class="logo">
<img src="/images/gcclogo1.jpeg" alt="Greater Chennai Corporation Logo">
<span class="ml-2">GREATER CHENNAI CORPORATION</span>
</div>
<!-- Center Menu -->
<div class="menu">
<a href="https://chennaicorporation.gov.in/gcc/">Home</a>
<a href="https://chennaicorporation.gov.in/gcc/about-GCC/">About GCC</a>
<a href="https://chennaicorporation.gov.in/gcc/who-is-who/index_data.jsp">Who'sWho</a>
<a href="https://chennaicorporation.gov.in/gcc/council/about-council/">Council</a>
<a href="https://chennaicorporation.gov.in/gcc/tender/">Tender</a>
<a href="https://chennaicorporation.gov.in/gcc/department/">Departments</a>
<a href="https://chennaicorporation.gov.in/gcc/online-services/">Online Services</a>
</div>
</div>
<div class="container mt-5">
<form onsubmit="return validateForm();">
@ -247,12 +320,12 @@
<h3>Employment Details</h3>
<div class="form-row mb-4">
<div class="col-md-6">
<label for="occupation">Current Occupation</label>
<input type="text" class="form-control" id="occupation" placeholder="Enter Current Occupation...">
<label for="occupation">Company/NGO Name (Enter NA if not working)</label>
<input type="text" class="form-control" id="occupation" placeholder="Enter company/NGO...">
</div>
<div class="col-md-6">
<div class="col-md-6" style="display:none;">
<label for="designation">Designation</label>
<input type="text" class="form-control" id="designation" placeholder="Enter Designation...">
@ -262,7 +335,7 @@
<h3>Other Information</h3>
<div class="form-row mb-4">
<div class="col-md-6">
<label for="ngoAny">NGO you are associated with,if any</label>
<label for="ngoAny">Company/NGO you are associated with,if any(NA otherwise) *</label>
<input type="text" class="form-control" id="ngoAny" placeholder="">
</div>
<div class="col-md-6">
@ -299,14 +372,14 @@
<div class="col-md-6">
<label for="cmpEmail">Email *</label>
<input type="text" class="form-control" id="cmpEmail" placeholder="Enter Company Email">
<label for="cmpEmail">Company Email ID</label>
<input type="text" class="form-control" id="cmpEmail" placeholder="Enter Company Email ID">
</div>
</div>
<div class="form-row mb-4">
<div class="form-row mb-4" style="display:none;">
<div class="col-md-6">
<label for="cmpLandline">Phone</label>
<div class="input-group mb-3">
@ -424,14 +497,14 @@
<div class="col-md-6">
<label for="ngoOrgEmail">Email *</label>
<input type="text" class="form-control" id="ngoOrgEmail" placeholder="Enter Email">
<label for="ngoOrgEmail">Company Email ID</label>
<input type="text" class="form-control" id="ngoOrgEmail" placeholder="Enter Email ID">
</div>
</div>
<div class="form-row mb-4">
<div class="form-row mb-4" style="display:none;">
<div class="col-md-6">
<label for="oLandline">Phone</label>
<div class="input-group mb-3">
@ -672,14 +745,7 @@
</form>
</div>
<!-- Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<!-- SweetAlert JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
@ -732,6 +798,12 @@
let mobilePattern = /^[0-9]{10}$/;
let pincodePattern = /^[0-9]{6}$/;
function validateForm(){
var i = 0;
$(".zone-checkbox:checked").each(function() {
if( $(this).val()){
i++;
};
});
var category = document.getElementById("category").value;
if (category === "Individual") {
@ -749,6 +821,8 @@
// var occupation = document.getElementById("occupation").value= document.getElementById("occupation").value.trim();
// var designation = document.getElementById("designation").value= document.getElementById("designation").value.trim();
let preVolSelected = document.querySelector('input[name="preVol"]:checked');
var ngoAny = document.getElementById("ngoAny").value= document.getElementById("ngoAny").value.trim();
var dob = document.getElementById("dob").value= document.getElementById("dob").value.trim();
if(subcategory == -1){
alert("Please Select SubCategory !");
return false;
@ -761,6 +835,10 @@
alert("Please enter a valid Email ID");
return false;
}
if(dob == undefined || dob == ""){
alert("Please enter a Date of birth");
return false;
}
if(!genderSelected){
alert("Please Select Gender !");
return false;
@ -806,6 +884,14 @@
alert("Please Select Previous Volunteer details !");
return false;
}
if(ngoAny == undefined || ngoAny == ""){
alert("Please Enter Company/NGO details !");
return false;
}
if(i==0){
alert("Please select Preferred Area details !");
return false;
}
saveTheIndividualForm();
return false;
}
@ -854,6 +940,10 @@
alert("Please Select previous volunteers details");
return false;
}
if(i==0){
alert("Please select Preferred Area details !");
return false;
}
saveCorporateDetails();
return false;
}
@ -869,6 +959,7 @@
var cmpPoc = document.getElementById("oPoc").value= document.getElementById("oPoc").value.trim();
var cmdPom = document.getElementById("oPom").value= document.getElementById("oPom").value.trim();
var cmpPVolSelect = document.querySelector('input[name="oPvolY"]:checked');
var oPoE = document.getElementById("oPoE").value= document.getElementById("oPoE").value.trim();
if(cmpName== undefined || cmpName == ""){
alert("Please Enter Organisation Name");
@ -890,8 +981,8 @@
alert("Please Enter Point of Conduct Name");
return false;
}
if (ngoOrgEmail === "" || !emailPattern.test(ngoOrgEmail)) {
alert("Please enter a valid Email ID");
if (oPoE === "" || !emailPattern.test(oPoE)) {
alert("Please enter Point of Conduct valid Email ID");
return false;
}
if(cmdPom == undefined || cmdPom == "" || !mobilePattern.test(cmdPom)){
@ -902,6 +993,10 @@
alert("Please Select previous volunteers details");
return false;
}
if(i==0){
alert("Please select Preferred Area details !");
return false;
}
saveNGODetails();
return false;
@ -1050,8 +1145,11 @@
title: "Good job!",
text: "Thank you for registering as a volunteer \nwith the Greater Chennai Corporation for monsoon support! \nYour registration is successful, and your reference number is [GCC-"+id+"]. \nYou will be contacted once the final listing is complete and deployment details \nare confirmed. Together, we can help Chennai stay safe this monsoon",
icon: "success"
})
//location.reload();
}).then((result) => {
if (result.isConfirmed) {
location.reload(); // Reload the page when "OK" is clicked
}
});
}
</script>

Write Preview
Loading…
Cancel
Save