Manoj taking over for Meenashi - collaboration ads creation page#4307
Open
jeyanthi-sm wants to merge 19 commits intodevelopmentfrom
Open
Manoj taking over for Meenashi - collaboration ads creation page#4307jeyanthi-sm wants to merge 19 commits intodevelopmentfrom
jeyanthi-sm wants to merge 19 commits intodevelopmentfrom
Conversation
…tailsLink, and applyLink, implement fetchJobForms, update positions by category
…rect jobDetailsLinkId
…ts, whoareyou, and whoweare sections Also updated related CSS for consistent styling.
✅ Deploy Preview for highestgoodnetwork-dev ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
…ighestGoodNetworkApp into meenashi-collaboration-ads-creation-page
… unnecessary logs
…ighestGoodNetworkApp into meenashi-collaboration-ads-creation-page
|
nathanah
requested changes
Jan 31, 2026
Contributor
nathanah
left a comment
There was a problem hiding this comment.
The permissions look fine aside from the typo.
| { | ||
| label: 'Create CollabJobAds', | ||
| key: 'createCollabJobAds', | ||
| description: 'Gives the user permission to cr.eate CollabJobAds', |
Contributor
There was a problem hiding this comment.
Suggested change
| description: 'Gives the user permission to cr.eate CollabJobAds', | |
| description: 'Gives the user permission to create CollabJobAds', |
Typo?
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.




Description
This PR introduces two front-end features:
Job Ads Creation Screen (Admin/Owner only)
Collaboration Page Enhancements (public job browsing + form submission)
These changes support new Collaboration Job Ad creation, dynamic question rendering, and file-upload validation tied to the backend workflow.
Related Backend PR: OneCommunityGlobal/HGNRest#1872
OneCommunityGlobal/HGNRest#1872
This frontend PR requires backend PR #1872 to be running for file upload and email functionality.
1. Job Ads Creation Screen (/jobAdsCreation)
Access
Accessible only to Admin and Owner roles
Unauthorized users see:
"You do not have permission to create Collaboration job ads."
Features
All fields are required:
Category (dropdown)
Position (dropdown)
Description
Projects
Requirements
OurCommunity
Image Link (Dropbox link using raw=1) Select the files from this folder - https://www.dropbox.com/scl/fo/817lsk8fmvx5cdexbk07x/APOLV_TrgXHFLJATnj1xVFg?rlkey=rgs3pfrbav2hf6a2el6dtblnf&e=1&dl=0
Apply Link (dropdown)
Dynamic question loading:
Form questions later shown in the Job Details page depend on the selected job form.
OurCommunity supports video entries (width & height required).
Permission checks added.
2. Collaboration Page (/collaboration)
Features
Browse jobs filtered by Category and Position
Newly created job ads appear last (highest displayOrder)
Job details page shows:
All fields entered in jobAdsCreation
Correct dynamic questions for the selected form template
File Upload Validation (Collaboration page only)
Allowed file types: doc, docx, pdf, jpg, png
Maximum size: 5MB
Validation errors shown for:
Unsupported file types
Files over 5MB
Dropbox upload folder creation must be set up via backend PR #1872
Email
Form submission sends an email
Requires email functionality to be enabled in the environment
How to Test
A. Job Ads Creation Screen
Checkout this branch
Run:
npm install
npm run dev
Clear site data/cache
Log in as Admin or Owner
Navigate to: http://localhost:5173/jobAdsCreation
Verify:
Unauthorized users see the permission message
All form fields appear and validate
Dropbox image link requires raw=1 not validated
OurCommunity video requires width & height not validated
ApplyLink dropdown works
Questions update based on selected job form (check jobForms in MongoDB)
Save a job ad
CollabJobAdsCreation.mp4
B. Collaboration Page
Navigate to: http://localhost:5173/collaboration.
There are visual differences between the current screen and the demo video because recent updates were merged from the development branch, including changes to the collaboration screen’s layout and behavior. This discrepancy has already been reported.
While merging the latest development changes, I also noticed that the updates from PR #4014—expected to be included—are missing. I have not re-applied those changes in this PR, and due to time constraints, I wasn’t able to investigate the issue further.
Currently, the attached screen does not display an image, and clicking the image does not navigate to the Job Details screen (with the questions). As a workaround, you can still access the Job Details page directly using:
http://localhost:5173/jobdetailsLink/
Replace with the _id field from the jobs collection.
However, if you do see the same screen as shown in the demo video, then follow these steps:
Select the Category and Position created earlier
Verify:
New job appears last (highest displayOrder)
Image displays correctly
Clicking the job shows details and correct questions
If the questions has isRequired as true then it expects an input for the input
Test file upload:
Accepts only allowed file types
Rejects invalid types or files > 5MB
Dropbox upload works (requires backend PR #1872)
Submit the form:
Required fields enforce validation
Email is received
FormReponsesFrontEnd.mp4
Note:
There are visual differences between the current screen and the demo video because recent updates were merged from the development branch, including changes to the collaboration screen’s layout and behavior. This discrepancy has already been reported.
While merging the latest development changes, I also noticed that the updates from PR #4014—expected to be included—are missing. I have not re-applied those changes in this PR, and due to time constraints, I wasn’t able to investigate the issue further.