Skip to content

Veda Create a job application form page #4583

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Charitha2009 wants to merge 13 commits into from
Closed

Veda Create a job application form page #4583

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
43dc58e
Fixed job questionnaire data
Dec 6, 2025
342f30f
Fix linting errors: remove console/alert, fix test import, add eslint…
Dec 6, 2025
0a95fae
Fix job application form and job listing page
Dec 11, 2025
38fb147
Update JobApplicationForm: Add admin view with requirements checkboxe…
Dec 13, 2025
5e7c39c
Merge development into highestgoodnetwork and fix job application for…
Dec 19, 2025
8bb6747
Fix linting errors and accessibility issues
Dec 19, 2025
36b1618
Update job listings and application form: Add category-based view wit…
Dec 19, 2025
571ee1d
Fix SonarCloud issues: Reduce code duplication and add input validati…
Dec 21, 2025
88ed9a8
Merge development into highestgoodnetwork: Resolved conflicts by keep…
Dec 21, 2025
129e8d3
Fix test failure: Add window.matchMedia check in getColumnsFromMQ
Dec 21, 2025
df1d92a
Fix Collaboration component tests: Update test expectations to match …
Dec 21, 2025
1428082
Merge development into highestgoodnetwork - resolve conflicts
Mar 7, 2026
57d5e27
fix: remove duplicate useSelector import in Collaboration.jsx
Mar 7, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
760 changes: 525 additions & 235 deletions src/components/Collaboration/Collaboration.jsx
View file
Open in desktop

Large diffs are not rendered by default.

759 changes: 529 additions & 230 deletions src/components/Collaboration/Collaboration.module.css
View file
Open in desktop

Large diffs are not rendered by default.

399 changes: 388 additions & 11 deletions src/components/Collaboration/JobApplicationForm/JobApplicationForm.jsx
View file
Open in desktop

Large diffs are not rendered by default.

215 changes: 211 additions & 4 deletions src/components/Collaboration/JobApplicationForm/JobApplicationForm.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,23 +1,27 @@
.container {
font-family: Arial, sans-serif;
margin: 0 auto;
padding: 20px;
margin: 0;
padding: 0;
background-color: #d9d9d9;
width: 100%;
min-height: 100vh;
}

.logo {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
}

.header {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 10px;
padding: 0;
margin: 0;
border-radius: 5px;
}

Expand All @@ -28,6 +32,9 @@
width: 75%;
padding: 2%;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
box-sizing: border-box;
}

.headerLeft {
Expand All @@ -38,6 +45,8 @@
.headerRight {
display: flex;
align-items: center;
flex-shrink: 1;
min-width: 0;
}

.jobTitleInput {
Expand All @@ -50,6 +59,11 @@
padding: 5px;
border: 1px solid #ccc;
border-radius: 5px;
min-width: 150px;
max-width: 300px;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
}

.goButton {
Expand All @@ -74,6 +88,27 @@
margin-bottom: 10px;
}

.jaHeader {
margin-bottom: 20px;
}

.jaTitle {
font-size: 2.5em;
font-weight: 700;
margin-bottom: 15px;
text-align: left;
color: #333;
line-height: 1.2;
}

.jaDesc {
font-size: 1rem;
line-height: 1.6;
color: #555;
margin-bottom: 20px;
text-align: left;
}

.formSubtitle {
text-align: center;
margin-bottom: 20px;
Expand Down Expand Up @@ -127,10 +162,37 @@
font-size: medium;
}

.formGroup input {
.formGroup input,
.formGroup select {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
height: auto;
min-height: 40px;
box-sizing: border-box;
font-size: 1rem;
}

.inputField {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
height: auto;
min-height: 40px;
box-sizing: border-box;
font-size: 1rem;
}

.selectField,
.dateInput {
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
height: auto;
min-height: 40px;
box-sizing: border-box;
font-size: 1rem;
width: 100%;
}

.submitButton {
Expand Down Expand Up @@ -344,6 +406,14 @@
transition: color 0.3s;
}

.darkMode .jaTitle {
color: #ffffff;
}

.darkMode .jaDesc {
color: #e0e0e0;
}

.darkMode .resumeLabel {
background: #1c2541;
border-color: #2b3f57;
Expand All @@ -361,3 +431,140 @@
color: #cfe7ff;
border-color: rgba(255, 255, 255, 0.05);
}

/* Admin Requirements Section */
.adminRequirementsSection {
margin: 20px 0;
padding: 15px;
border-top: 2px solid #98cb03;
border-bottom: 2px solid #98cb03;
background-color: #f0f0f0;
border-radius: 8px;
display: block;
visibility: visible;
min-height: 50px;
}

/* User Requirements Section */
.userRequirementsSection {
margin: 20px 0;
padding: 15px;
border-top: 2px solid #98cb03;
border-bottom: 2px solid #98cb03;
background-color: #f0f0f0;
border-radius: 8px;
display: block;
visibility: visible;
min-height: 50px;
}

.requirementsTitle {
font-size: 1.1rem;
font-weight: 600;
margin: 0 0 15px 0;
color: #333;
text-align: left;
}

.requirementsList {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}

@media (max-width: 768px) {
.requirementsList {
grid-template-columns: 1fr;
}
}

.requirementItem {
display: flex;
align-items: flex-start;
}

.requirementCheckbox {
display: flex;
align-items: center;
gap: 10px;
cursor: default;
margin: 0;
font-size: 0.9rem;
line-height: 1.5;
width: 100%;
}

.requirementCheckboxInput {
position: absolute;
opacity: 0;
pointer-events: none;
}

.requirementCheckboxCustom {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
min-width: 20px;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #fff;
transition: all 0.2s ease;
flex-shrink: 0;
}

.requirementCheckboxCustom svg {
display: none;
}

.requirementCheckboxInput:checked + .requirementCheckboxCustom,
.requirementCheckboxCustom.checked {
background-color: #8cc63f;
border-color: #8cc63f;
}

.requirementCheckboxInput:checked + .requirementCheckboxCustom svg,
.requirementCheckboxCustom.checked svg {
display: block;
}

.requirementCheckbox span:last-child {
color: #333;
flex: 1;
}

.darkMode .adminRequirementsSection {
background-color: #1c2541;
border-top-color: #98cb03;
border-bottom-color: #98cb03;
}

.darkMode .userRequirementsSection {
background-color: #1c2541;
border-top-color: #98cb03;
border-bottom-color: #98cb03;
}

.darkMode .requirementsTitle {
color: #e0e0e0;
}

.darkMode .requirementCheckbox {
color: #e5e7eb;
}

.darkMode .requirementCheckboxCustom {
border-color: #4a5a6b;
background-color: #2a2a2a;
}

.darkMode .requirementCheckboxInput:checked + .requirementCheckboxCustom,
.darkMode .requirementCheckboxCustom.checked {
background-color: #8cc63f;
border-color: #8cc63f;
}

.darkMode .requirementCheckbox span:last-child {
color: #e0e0e0;
}
Loading
Loading