Skip to content

Commit b2dd278

Browse files
akshat-sachanakshat-sachan
committed
✨ css
1 parent 161696c commit b2dd278

File tree

13 files changed

+353
-60
lines changed

13 files changed

+353
-60
lines changed

‎FrontEnd/css/users.css

Lines changed: 170 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,170 @@
1+
body {
2+
font-family: Arial, sans-serif;
3+
margin: 0;
4+
padding: 0;
5+
}
6+
7+
.container {
8+
max-width: 800px;
9+
margin: 0 auto;
10+
padding: 20px;
11+
}
12+
13+
h1 {
14+
text-align: center;
15+
}
16+
17+
table {
18+
width: 100%;
19+
border-collapse: collapse;
20+
margin-top: 20px;
21+
}
22+
23+
table th,
24+
table td {
25+
border: 1px solid #ddd;
26+
padding: 8px;
27+
text-align: left;
28+
}
29+
30+
table th {
31+
background-color: #f2f2f2;
32+
}
33+
34+
table tr:nth-child(even) {
35+
background-color: #f2f2f2;
36+
}
37+
38+
39+
body {
40+
background: -webkit-linear-gradient(left, #fba71b, #ffffff); /* Orange to white gradient */
41+
}
42+
43+
.emp-profile {
44+
padding: 3%;
45+
margin-top: 3%;
46+
margin-bottom: 3%;
47+
border-radius: 0.5rem;
48+
background: #fff;
49+
}
50+
51+
.profile-img {
52+
text-align: center;
53+
}
54+
55+
.profile-img img {
56+
width: 70%;
57+
height: 100%;
58+
}
59+
60+
.profile-img .file {
61+
position: relative;
62+
overflow: hidden;
63+
margin-top: -20%;
64+
width: 70%;
65+
border: none;
66+
border-radius: 0;
67+
font-size: 15px;
68+
background: #212529b8;
69+
}
70+
71+
.profile-img .file input {
72+
position: absolute;
73+
opacity: 0;
74+
right: 0;
75+
top: 0;
76+
}
77+
78+
.profile-head h5 {
79+
color: #fff; /* White text color */
80+
}
81+
82+
.profile-head h6 {
83+
color: #fba71b; /* Orange text color */
84+
}
85+
86+
.profile-edit-btn {
87+
border: none;
88+
border-radius: 1.5rem;
89+
width: 70%;
90+
padding: 2%;
91+
font-weight: 600;
92+
color: #fff; /* White text color */
93+
cursor: pointer;
94+
background-color: #fba71b; /* Orange background color */
95+
}
96+
97+
.proile-rating {
98+
font-size: 12px;
99+
color: #818182;
100+
margin-top: 5%;
101+
}
102+
103+
.proile-rating span {
104+
color: #495057;
105+
font-size: 15px;
106+
font-weight: 600;
107+
}
108+
109+
.profile-head .nav-tabs {
110+
margin-bottom: 5%;
111+
}
112+
113+
.profile-head .nav-tabs .nav-link {
114+
font-weight: 600;
115+
border: none;
116+
}
117+
118+
.profile-head .nav-tabs .nav-link.active {
119+
border: none;
120+
border-bottom: 2px solid #fba71b; /* Orange border color */
121+
}
122+
123+
.profile-work {
124+
padding: 14%;
125+
margin-top: -15%;
126+
}
127+
128+
.profile-work p {
129+
font-size: 12px;
130+
color: #818182;
131+
font-weight: 600;
132+
margin-top: 10%;
133+
}
134+
135+
.profile-work a {
136+
text-decoration: none;
137+
color: #495057;
138+
font-weight: 600;
139+
font-size: 14px;
140+
}
141+
142+
.profile-work ul {
143+
list-style: none;
144+
}
145+
146+
.profile-tab label {
147+
font-weight: 600;
148+
}
149+
150+
.profile-tab p {
151+
font-weight: 600;
152+
color: #fba71b; /* Orange text color */
153+
}
154+
155+
#btn1 {
156+
border-radius: 5px;
157+
background-color: #fba71b; /* Orange background color */
158+
}
159+
160+
#btn2 {
161+
border-radius: 5px;
162+
background-color: #fba71b; /* Orange background color */
163+
}
164+
165+
#interest {
166+
background-color: #fba71b; /* Orange background color */
167+
}
168+
169+
/* Add any additional custom styles here */
170+

‎FrontEnd/event.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@
4343
<br>
4444
<button id="all">Get All Events</button>
4545
<button id="reg">Get Registered Events</button>
46-
<button id="sug">Get Suggestions</button>
46+
<!-- <button id="sug">Get Suggestions</button> -->
4747
</div>
4848
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
4949
<script>

‎FrontEnd/index.html

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -74,34 +74,33 @@ <h2>Create an Account or Sign In</h2>
7474

7575
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
7676
<script>
77-
// Fetch interests and populate the dropdown
77+
7878
axios.get('http://localhost:8000/api/interest')
7979
.then(response => {
8080
const interestsSelect = document.querySelector('select[name="interests"]');
8181
const interests = response.data;
8282

8383
interests.forEach(interest => {
8484
const option = document.createElement('option');
85-
option.value = interest.interestName; // Get only the interest name
86-
option.textContent = interest.interestName; // Display only the interest name
85+
option.value = interest.interestName;
86+
option.textContent = interest.interestName;
8787
interestsSelect.appendChild(option);
8888
});
8989
})
9090
.catch(error => {
9191
console.error(error);
9292
});
9393

94-
// Handle form submission for Sign Up
94+
9595
document.getElementById('register-form').addEventListener('submit', function (event) {
9696
event.preventDefault();
9797
const form = event.target;
9898
const formData = new FormData(form);
9999

100-
// Get all selected interest options
100+
101101
const selectedOptions = form.elements['interests'].selectedOptions;
102102
const selectedInterests = Array.from(selectedOptions).map(option => option.value);
103103

104-
// Create the payload object
105104
const payload = {
106105
firstName: formData.get('firstName'),
107106
lastName: formData.get('lastName'),
@@ -113,38 +112,37 @@ <h2>Create an Account or Sign In</h2>
113112

114113
axios.post('http://localhost:8000/api/user', payload)
115114
.then(response => {
116-
// Handle the response, e.g., show a success message or redirect to the dashboard
115+
117116
console.log('User registered successfully!');
118-
// Redirect to dashboard.html
117+
119118
window.location.href = 'event.html';
120119
})
121120
.catch(error => {
122-
// Handle the error, e.g., display an error message
121+
123122
console.error(error);
124123
});
125124
});
126125

127-
// Handle form submission for Sign In
126+
128127
document.getElementById('login-form').addEventListener('submit', function (event) {
129128
event.preventDefault();
130129
const form = event.target;
131130
const formData = new FormData(form);
132131

133-
// Create the payload object
134132
const payload = {
135133
email: formData.get('your_email_1'),
136134
password: formData.get('password_1')
137135
};
138136

139137
axios.post('http://localhost:8000/api/login', payload)
140138
.then(response => {
141-
// Handle the response, e.g., show a success message or redirect to the dashboard
139+
142140
console.log('User logged in successfully!');
143-
// Redirect to dashboard.html
141+
144142
window.location.href = 'dashboard.html';
145143
})
146144
.catch(error => {
147-
// Handle the error, e.g., display an error message
145+
148146
console.error(error);
149147
});
150148
});

‎FrontEnd/indexpayload.html

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ <h2>Sign Up</h2>
3434
<div class="form-row">
3535
<label class="label">Interests</label>
3636
<select name="interests" class="input-text" multiple required>
37-
<!-- Interests will be populated here -->
37+
<!-- Interests -->
3838
</select>
3939
</div>
4040
<div class="form-row">
@@ -45,34 +45,34 @@ <h2>Sign Up</h2>
4545

4646
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
4747
<script>
48-
// Fetch interests and populate the dropdown
48+
4949
axios.get('http://localhost:8000/api/interest')
5050
.then(response => {
5151
const interestsSelect = document.querySelector('select[name="interests"]');
5252
const interests = response.data;
5353

5454
interests.forEach(interest => {
5555
const option = document.createElement('option');
56-
option.value = interest.interestName; // Get only the interest name
57-
option.textContent = interest.interestName; // Display only the interest name
56+
option.value = interest.interestName;
57+
option.textContent = interest.interestName;
5858
interestsSelect.appendChild(option);
5959
});
6060
})
6161
.catch(error => {
6262
console.error(error);
6363
});
6464

65-
// Handle form submission
65+
6666
document.getElementById('signup-form').addEventListener('submit', function (event) {
6767
event.preventDefault();
6868
const form = event.target;
6969
const formData = new FormData(form);
7070

71-
// Get all selected interest options
71+
7272
const selectedOptions = form.elements['interests'].selectedOptions;
7373
const selectedInterests = Array.from(selectedOptions).map(option => option.value);
7474

75-
// Create the payload object
75+
7676
const payload = {
7777
firstName: formData.get('firstName'),
7878
lastName: formData.get('lastName'),
@@ -84,13 +84,13 @@ <h2>Sign Up</h2>
8484

8585
axios.post('http://localhost:8000/api/signup', payload)
8686
.then(response => {
87-
// Handle the response, e.g., show a success message or redirect to the dashboard
87+
8888
console.log('User registered successfully!');
89-
// Redirect to dashboard.html
89+
9090
window.location.href = 'dashboard.html';
9191
})
9292
.catch(error => {
93-
// Handle the error, e.g., display an error message
93+
9494
console.error(error);
9595
});
9696
});

‎FrontEnd/js/index.js

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ registerForm.addEventListener('submit',(e)=>{
3636
document.getElementById('city').value=""
3737
document.getElementById('password1').value=""
3838
})
39-
// Modify the 'register-form' submission to include selected interests
39+
4040
document.getElementById('register-form').addEventListener('submit', function (event) {
4141
event.preventDefault();
4242
const form = event.target;
@@ -45,8 +45,7 @@ document.getElementById('register-form').addEventListener('submit', function (ev
4545
const selectedInterests = Array.from(interestsSelect.selectedOptions).map(option => option.value);
4646
formData.append('interests', selectedInterests.join(',')); // Assuming interests are stored as a comma-separated string in the database
4747

48-
// Now you can submit the form data to the server using Axios or other methods
49-
// Example: sendFormDataToServer(formData);
48+
5049
});
5150

5251

0 commit comments

Comments
 (0)