Skip to content

Manoj taking over for Meenashi - collaboration ads creation page#4307

Open
jeyanthi-sm wants to merge 19 commits intodevelopmentfrom
meenashi-collaboration-ads-creation-page
Open

Manoj taking over for Meenashi - collaboration ads creation page#4307
jeyanthi-sm wants to merge 19 commits intodevelopmentfrom
meenashi-collaboration-ads-creation-page

Conversation

@jeyanthi-sm
Copy link
Copy Markdown
Contributor

@jeyanthi-sm jeyanthi-sm commented Nov 1, 2025

image

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.

CollaborationScreen

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.

@netlify
Copy link
Copy Markdown

netlify Bot commented Nov 1, 2025

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 0abc4ea
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/692e0b6426098b00087854b5
😎 Deploy Preview https://deploy-preview-4307--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@sonarqubecloud
Copy link
Copy Markdown

sonarqubecloud Bot commented Dec 1, 2025

Quality Gate Failed Quality Gate failed

Failed conditions
D Reliability Rating on New Code (required ≥ A)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE

@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 Dec 1, 2025
@sayali-2308 sayali-2308 requested a review from nathanah January 30, 2026 20:47
Copy link
Copy Markdown
Contributor

@nathanah nathanah left a comment

Choose a reason for hiding this comment

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

The permissions look fine aside from the typo.

{
label: 'Create CollabJobAds',
key: 'createCollabJobAds',
description: 'Gives the user permission to cr.eate CollabJobAds',
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Suggested change
description: 'Gives the user permission to cr.eate CollabJobAds',
description: 'Gives the user permission to create CollabJobAds',

Typo?

@one-community one-community changed the title Meenashi collaboration ads creation page Vishnupriya taking over for Meenashi - collaboration ads creation page Mar 9, 2026
@one-community one-community added do not review Do not review or look at code without full context and removed High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible labels Mar 9, 2026
@one-community one-community changed the title Vishnupriya taking over for Meenashi - collaboration ads creation page Manoj taking over for Meenashi - collaboration ads creation page Mar 25, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

do not review Do not review or look at code without full context

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants