Skip to content

Veda job application form page#4958

Open
Charitha2009 wants to merge 31 commits into
developmentfrom
veda-job-application-form-page
Open

Veda job application form page#4958
Charitha2009 wants to merge 31 commits into
developmentfrom
veda-job-application-form-page

Conversation

@Charitha2009

@Charitha2009 Charitha2009 commented Mar 7, 2026

Copy link
Copy Markdown
Contributor

Description

Screenshot 2025-12-19 at 3 18 04 PM Screenshot 2025-12-19 at 3 18 22 PM

Related PRS (if any):

This is a redo of #4583
Checkout to #2255 backend PR.

Main changes explained:

  • Updated routing logic to ensure Apply Now navigates to the internal Job Application Form page instead of redirecting to the external manual submission link
  • Implemented the Job Application Form User View using referral based navigation so previously entered questionnaire data is preserved
  • Added job title displayed prominently at the top followed by the job description as per task requirements
  • Rendered all job requirements in a read only checklist format for users
  • Implemented filled checkboxes for requirements already satisfied by the user and empty checkboxes for unmet requirements
  • Matched colors typography spacing and layout with the existing Applications pages for visual consistency
  • Removed unused components related to the old external application redirect flow

How to test:

  1. check into current branch
  2. do npm install and ... to run this PR locally
  3. Clear site data/cache
  4. log as admin user
  5. go to http://localhost:5173/collaboration
  6. Click Apply on any listed job
  7. Verify the Job Application Form page loads internally
  8. Confirm the job title appears in large font followed by the job description
  9. Verify all requirements are listed with correct checkbox states based on user data
  10. Confirm styling matches other pages in the Applications section
  11. Verify the page renders correctly in dark mode using the reference document

Screenshots or videos of changes:

Screenshot 2025-12-19 at 3 20 44 PM Screenshot 2025-12-19 at 3 21 05 PM Screenshot 2025-12-19 at 3 21 26 PM

Test added 14 commits December 5, 2025 22:06
Fixes:
1. Fixed 'Apply Now' button to show application form instead of redirecting to external URL
2. Fixed job listings to load automatically on page load (removed requirement for search/category filter)
3. Fixed HTML tags displaying in job descriptions - added HTML stripping function
4. Fixed job card layout to match design:
   - Reduced icon size from 150px to 60px for compact display
   - Adjusted card padding and sizing for better proportions
   - Fixed font sizes for title and description
   - Made Apply Now button full-width at bottom
5. Fixed search section layout - vertical stacking in green navbar
6. Fixed job description on application page - strips HTML tags for clean display
7. Improved error handling in JobApplicationPage for better reliability
8. Matched styling with provided branch implementation while keeping improvements
…s, update styling to match design

- Add isAdmin prop and requirements checking logic
- Create RequirementsSection component with two-column layout
- Update button styling to green (#69B369) scoped to component only
- Update header styling (light gray background, green title text)
- Add admin view detection in JobApplicationPage
- Add padding below form for better spacing
…h proper images, referral link support, and user requirements section
- Collaboration.jsx: keep branch behavior (fetchJobAds, selectedCategory, summaries pagination, history.push to job-application, category images)
- Collaboration.module.css: keep branch styles (header, collabContainer, jobLandingDark, summariesList, pagination)
- JobApplicationForm.module.css: keep admin/user requirements section and dark mode
- Collaboration.test.jsx: keep fetch expectation with stringContaining and method GET
- authInit.js: use console.error for invalid token (development)

Made-with: Cursor
- JobApplicationForm: remove vulnerable regex in stripHtml fallback (use whitespace-only cleanup)
- Collaboration.module.css: fix .jobAd h3 conflicting margin/margin-top (use single margin declaration)

Made-with: Cursor
@netlify

netlify Bot commented Mar 7, 2026

Copy link
Copy Markdown

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit b164279
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a35f8eaace5eb0008b672c8
😎 Deploy Preview https://deploy-preview-4958--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

Test added 3 commits March 7, 2026 17:04
Collaboration.jsx:
- Remove unused isAdmin; use globalThis instead of window
- Move getColumnsFromMQ to module scope; optional chain in getUniqueCategories

JobApplicationForm.jsx:
- Handle exception in isAdmin selector (log error)
- Remove unused handleShowDescription
- Use replaceAll instead of replace in stripHtml
- Reduce cognitive complexity (extract applyQuestionnairePreFill)
- Add PropTypes for RequirementsSection and UserRequirementsSection

SuggestedJobsList.jsx: use replaceAll for whitespace cleanup

Collaboration.module.css: improve contrast (disabled button, dark hover)

Made-with: Cursor
…new code

- Single RequirementsSection with variant prop (admin/user) instead of two components
- Shared REQUIREMENT_ITEMS config and CheckIcon; build list from requirements[id]
- Lowers duplicated lines for SonarCloud Quality Gate (target ≤3%)

Made-with: Cursor
@sonarqubecloud

sonarqubecloud Bot commented Mar 7, 2026

Copy link
Copy Markdown

@Vishnu10-hub Vishnu10-hub left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Image Image Image

Checked out the branch and ran the application locally.

Navigated to /collaboration and clicked Apply on a listed job.

Verified the Job Application Form loads correctly with the job title, description, and requirements.

Confirmed checkbox states reflect user data and styling is consistent with other Applications pages.

Verified the page renders correctly in both light and dark modes.

@Anusha-Gali Anusha-Gali left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Veda,

I have reviewed your PR locally and i see the duplication of the questions as well as few questions are not similar to the figma requirement : https://www.figma.com/design/Amg28wlU9ENb7CWHuKF88p/Applicants-Analytics-Dashboard?node-id=77-1200&t=7eqcYfwpfTIDjwpS-0 and also there is no mandatory questions to be answered and other form pre-requisites being fulfilled (do let me know if this was a part of the PR and i will provide individuals misses)
Also on a side note i do not see the Apply button you mentioned in the description.

Image Image Image Image Image Image Image Image Image Image Image

@rohanrastogi311 rohanrastogi311 left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Charitha,

Well done with this implementation. The check boxes aren't functional though.

Image

@HemanthNidamanuru HemanthNidamanuru left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Charitha,

Good work on the implementation! Just wanted to let you know the checkboxes are not functioning and there are some repeated questions. Could you please take a look?

Image Image

@one-community one-community added the High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible label May 14, 2026
Test and others added 4 commits May 15, 2026 23:42
Integrate collaboration job board with upstream form UX: dynamic questions,
referral/job pre-fill, requirements checks, and URL endpoints for job lookup.

Co-authored-by: Cursor <cursoragent@cursor.com>
Make Requirements Status actionable for owner/admin with overrides, harden
job-title form matching and required-field detection, tighten layout (full-width
fields, card alignment), hide global back-to-top, and paint html/body/#root on
this route so scrolling no longer shows a white band under the gray page.

Stylelint: visually-hidden clip-path, requirement checkbox specificity order,
and role group aria fixes for eslint.

Co-authored-by: Cursor <cursoragent@cursor.com>
…plicationForm

Reduce cognitive complexity, improve accessibility with native buttons, fix WCAG button contrast, and clean up lint smells in form helpers and requirement evaluation.

Co-authored-by: Cursor <cursoragent@cursor.com>
Use fieldsets for option groups, fix label spacing and requirement toggles, improve button and dark-mode tag contrast, and prefer globalThis in Collaboration tests.

Co-authored-by: Cursor <cursoragent@cursor.com>

@DeepighaJ DeepighaJ left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Checked out to current branch and tested PR locally. Below are the findings.
  • Page has excessive empty scroll space below the form content. Layout/container height does not properly fit the content, resulting in unnecessary vertical scrolling.
  • There is no upload button to attach document for resume and second upload instead textbox is available.
  • There is a upload button on top and it doesn't show the upload status of document uploaded or not.
  • Application gets successfully and success toast appears
Image Image Image Image Image

Test and others added 6 commits May 31, 2026 14:46
Keep branch Collaboration job board and application navigation; development
rewrote the same component with a different modal-based flow.

Co-authored-by: Cursor <cursoragent@cursor.com>
Wire the form to the real submit API, add visible file upload controls with status, and remove excess page scroll below the content.

Co-authored-by: Cursor <cursoragent@cursor.com>
Job ads requests now pass an abort signal; use objectContaining so tests match the updated fetch options.

Co-authored-by: Cursor <cursoragent@cursor.com>
…zation

Extract helpers to resolve Sonar cognitive complexity and nested ternary warnings.

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Hide resume/CV questions 19–20 from the dynamic list and use a single profile resume field, honoring required flags from the form definition.

Co-authored-by: Cursor <cursoragent@cursor.com>

@DeepighaJ DeepighaJ left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Tested the PR locally, Upload button works fine as expected.
  • The questions Name, Email, Location&timezone, Phonenumber, Company position , Primary website/social page is duplicated. Highlighted it in screenshot below.
  • The error toast displays "Must be a number" for all fields.
  • The job description link works as expected.
Image Image Image Image Image Image

Test and others added 2 commits June 11, 2026 23:25
Co-authored-by: Cursor <cursoragent@cursor.com>
Simplify question-number regex and wrap file upload label text to fix ambiguous JSX spacing.

Co-authored-by: Cursor <cursoragent@cursor.com>
@sonarqubecloud

Copy link
Copy Markdown

@DeepighaJ DeepighaJ left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested the PR locally and found the issues remain the same and not resolved.

Image Image

Test and others added 2 commits June 19, 2026 21:49
Keep feature-branch Collaboration.jsx with job application navigation
while integrating latest development changes.

Co-authored-by: Cursor <cursoragent@cursor.com>
Restrict numeric validation to hours-per-week questions so text answers
no longer trigger false "must be a number" errors on submit.

Co-authored-by: Cursor <cursoragent@cursor.com>
@sonarqubecloud

Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants