Skip to content

Commit

Permalink
Merge pull request #112 from ygowthamr/allStatesInUserForm
Browse files Browse the repository at this point in the history 
Added all states and union territories in India for the user form
  • Loading branch information
@Harshdev098
Harshdev098 authored Oct 14, 2024
2 parents 0361282 + 1268b2e commit afee566
Showing 1 changed file with 151 additions and 118 deletions.
269 changes: 151 additions & 118 deletions public/form_filling.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,136 +28,169 @@
<li></li>
</ul>

<section class ="container">
<form id="form" >
<h2 style="display: block; color: #3e0d13; text-shadow: 2px 2px 5px rgba(60, 39, 83, 0.5); font-size: 54px; text-align: center; padding: 10px 0px 20px 0px; ">User Form</h2>
<div class="form-group">
<label>Name</label>
<input type="text" name="name" id="name">
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" id="email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">College Name</label>
<input type="text" name="col_name" id="col_name">
</div>
<div class="form-group">
<label>State</label>
<select name="state" id="state">
<option value="Uttar Pradesh">Uttar Pradesh</option>
<option value="Madhya Pradesh">Madhya Pradesh</option>
<option value="Tamil Nadu">Tamil Nadu</option>
<option value="Maharashtra">Maharashtra</option>
<option value="Jammu & Kashmir">Jammu & Kashmir</option>
<option value="Rajasthan">Rajasthan</option>
<option value="Karnataka">Karnataka</option>
</select>
</div>
<div class="form-group">
<label>Department</label>
<select name="dept" id="dept">
<option value="Computer Science">Computer Science</option>
<option value="Electronics">Electronics</option>
<option value="Science">Science</option>
<option value="Chemistry">Chemistry</option>
<option value="Molecular Medicine">Molecular Medicine</option>
<option value="AI and Informatics">AI and Informatics</option>
</select>
</div>
<div class="form-group">
<label>Course</label>
<input type="text" id="course" name="course">
</div>
<div class="form-group">
<label>Year</label>
<select name="year" id="year"></select>
</div>
<p id="result" style="display: none; font-size: 20px;color: green;font-weight: bold;">Form submitted Successfully... Redirecting...
</p>
<p id="result2" style="display: none; font-size: 20px;color: red;font-weight: bold;">An error occurred
</p>
<div class="btn">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
<!-- <div id="loader">
<section class="container">
<form id="form">
<h2
style="display: block; color: #3e0d13; text-shadow: 2px 2px 5px rgba(60, 39, 83, 0.5); font-size: 54px; text-align: center; padding: 10px 0px 20px 0px; ">
User Form</h2>
<div class="form-group">
<label>Name</label>
<input type="text" name="name" id="name">
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" id="email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">College Name</label>
<input type="text" name="col_name" id="col_name">
</div>
<div class="form-group">
<label>State</label>
<select name="state" id="state">
<option value="Andhra Pradesh">Andhra Pradesh</option>
<option value="Arunachal Pradesh">Arunachal Pradesh</option>
<option value="Assam">Assam</option>
<option value="Bihar">Bihar</option>
<option value="Chhattisgarh">Chhattisgarh</option>
<option value="Goa">Goa</option>
<option value="Gujarat">Gujarat</option>
<option value="Haryana">Haryana</option>
<option value="Himachal Pradesh">Himachal Pradesh</option>
<option value="Jharkhand">Jharkhand</option>
<option value="Karnataka">Karnataka</option>
<option value="Kerala">Kerala</option>
<option value="Madhya Pradesh">Madhya Pradesh</option>
<option value="Maharashtra">Maharashtra</option>
<option value="Manipur">Manipur</option>
<option value="Meghalaya">Meghalaya</option>
<option value="Mizoram">Mizoram</option>
<option value="Nagaland">Nagaland</option>
<option value="Odisha">Odisha</option>
<option value="Punjab">Punjab</option>
<option value="Rajasthan">Rajasthan</option>
<option value="Sikkim">Sikkim</option>
<option value="Tamil Nadu">Tamil Nadu</option>
<option value="Telangana">Telangana</option>
<option value="Tripura">Tripura</option>
<option value="Uttar Pradesh">Uttar Pradesh</option>
<option value="Uttarakhand">Uttarakhand</option>
<option value="West Bengal">West Bengal</option>
<option value="Andaman and Nicobar Islands">Andaman and Nicobar Islands</option>
<option value="Chandigarh">Chandigarh</option>
<option value="Dadra and Nagar Haveli and Daman and Diu">Dadra and Nagar Haveli and Daman and Diu
</option>
<option value="Delhi">Delhi</option>
<option value="Lakshadweep">Lakshadweep</option>
<option value="Ladakh">Ladakh</option>
<option value="Puducherry">Puducherry</option>
<option value="Jammu and Kashmir">Jammu and Kashmir</option>
</select>
</div>
<div class="form-group">
<label>Department</label>
<select name="dept" id="dept">
<option value="Computer Science">Computer Science</option>
<option value="Electronics">Electronics</option>
<option value="Science">Science</option>
<option value="Chemistry">Chemistry</option>
<option value="Molecular Medicine">Molecular Medicine</option>
<option value="AI and Informatics">AI and Informatics</option>
</select>
</div>
<div class="form-group">
<label>Course</label>
<input type="text" id="course" name="course">
</div>
<div class="form-group">
<label>Year</label>
<select name="year" id="year"></select>
</div>
<p id="result" style="display: none; font-size: 20px;color: green;font-weight: bold;">Form submitted
Successfully... Redirecting...
</p>
<p id="result2" style="display: none; font-size: 20px;color: red;font-weight: bold;">An error occurred
</p>
<div class="btn">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
<!-- <div id="loader">
<p>Checking info...Redirecting...</p>
</div> -->
<script>
const currentYear = new Date().getFullYear();
const graduationYearSelect = document.getElementById('year');
for (let year = currentYear; year <= currentYear + 10; year++) {
const option = document.createElement('option');
option.value = year;
option.text = year;
graduationYearSelect.appendChild(option);
}
<script>
const currentYear = new Date().getFullYear();
const graduationYearSelect = document.getElementById('year');
for (let year = currentYear; year <= currentYear + 10; year++) {
const option = document.createElement('option');
option.value = year;
option.text = year;
graduationYearSelect.appendChild(option);
}

document.getElementById('form').addEventListener('submit', async function (event) {
event.preventDefault();
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
const col_name = document.getElementById('col_name').value;
const state = document.getElementById('state').value;
const dept = document.getElementById('dept').value;
const course = document.getElementById('course').value.toUpperCase();
const year = document.getElementById('year').value;
const result = document.getElementById('result');
const result2 = document.getElementById('result2')

const data = { name, email, col_name, state, course, year, dept };
const token = localStorage.getItem('accessToken');
const headers = new Headers();
headers.append('Authorization', `Bearer ${token}`);

document.getElementById('form').addEventListener('submit', async function (event) {
event.preventDefault();
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
const col_name = document.getElementById('col_name').value;
const state = document.getElementById('state').value;
const dept = document.getElementById('dept').value;
const course = document.getElementById('course').value.toUpperCase();
const year = document.getElementById('year').value;
const result = document.getElementById('result');
const result2=document.getElementById('result2')
try {
const response = await fetch('http://localhost:3000/info', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer ${token}`,
},
body: JSON.stringify(data),
});

const data = { name, email, col_name, state, course, year,dept };
const token = localStorage.getItem('accessToken');
const headers = new Headers();
headers.append('Authorization', `Bearer ${token}`);
if (response.status == 200) {
console.log("Information saved");
result.style.display = "inline-block";
setTimeout(() => {
window.location.href = 'main_page.html';
}, 2000);
}
else {
console.log("Submission failed");
result2.style.display = "block";
setTimeout(() => {
result2.style.display = "none";
}, 2000);
}
} catch (error) {
console.error("Error occurred", error);
}
});

try {
const response = await fetch('http://localhost:3000/info', {
method: 'POST',
async function usercheck() {
const token = localStorage.getItem('accessToken');
const headers = new Headers();
headers.append('Authorization', `Bearer ${token}`);
const response = await fetch('http://localhost:3000/form_filling', {
headers: {
'Content-Type': 'application/json',
'Authorization': `Bearer ${token}`,
},
body: JSON.stringify(data),
});

if (response.status == 200) {
console.log("Information saved");
result.style.display = "inline-block";
setTimeout(() => {
window.location.href = 'main_page.html';
}, 2000);
}
else {
console.log("Submission failed");
result2.style.display = "block";
setTimeout(() => {
result2.style.display = "none";
}, 2000);
if (response.status == 201) {
window.location.href = 'main_page.html'
}
} catch (error) {
console.error("Error occurred", error);
}
});

async function usercheck(){
const token = localStorage.getItem('accessToken');
const headers = new Headers();
headers.append('Authorization', `Bearer ${token}`);
const response = await fetch('http://localhost:3000/form_filling', {
headers: {
'Authorization': `Bearer ${token}`,
},
});
if(response.status==201){
window.location.href='main_page.html'
}
}
usercheck();
usercheck();

</script>
</section>
</script>
</section>
</body>

</html

0 comments on commit afee566

Please sign in to comment.