✨ Add/edit a community page

[gobyrne]

✨ Feature

Page where you can link a community to your profile or edit a current one. This is accessed by clicking the "add a community" link on the Functional communities tool of the Career development widget or by following the "Edit community" link in the dialogue for a "functional community".

🕵️ Details

Though it differs from the figma design, we will implement this for now as a single form with no stepper.

This form adds a new CommunityInterest to a users EmployeeProfile, or updates an existing one. If updating an existing one, some UI elements differ slightly, and the form should be pre-populated.

Header

Header and breadcrumbs differ if you are adding or editing.

Find a new community / Edit your interest in the X community

The header of this section differs if you are editing or adding new.
Inputs:

• Functional community: a dropdown of communities. This does not appear if you're editing a community you've already expressed interest in. If present, no other fields are rendered UNTIL a selection is made. Changing the selection resets much of the rest of the form, since Work Streams and DevelopmentPrograms depend on the community.
• Interest in job opportunities: boolean in database, represented with a radio button. Required.
• Interest in training opportunities: boolean in database, represented with a radio button. Required.
• work stream referral preferences: a series of checkboxes, one for each Work Stream within the community. At least one selection is required.

Training and development opportunities

This section lists all DevelopmentPrograms, showing the descriptionForProfile field, and the classifications it is open to. For each, the user can select one of four statuses with a radio button. These inputs are not required.

If user selects they have a completed a program, a completion date field appears, which is required.

Additional information

An optional open textarea with a 100 word limit in English.

Consent to share information

A checkbox which must be checked before submission. Not actually stored in database. Only appears if at least one of the interest in job/training opportunities is checked. If neither is, alternative text appears in a well. You can find this in the Components page on Figma.

🎨 Design

Note

In the design, this is a multi-part wizard where you transition between steps. However, in the interest of simplifying dev work for the MVP, we will initially build this as a single vertical page, with no stepper. This also means we can skip the "Review" section.

https://www.figma.com/design/H1loB8WxGP6vyJTrVqcafd/Functional-communities-(Employees)?node-id=57-24727&t=bmG0h2aMdhnfqbvW-0

@JoshBeveridge

📸 Screenshot

Consent to share information alternative states:

🙋‍♀️ Proposed Implementation

New page, hosted at /applicant/community-interest/create and applicant/community-interest/:id.

Don't worry about creating links to these pages yet, that's covered in #12288.

🌎 Localization

✅ Acceptance Criteria

• New page where user can add a new Community Interest at /applicant/community-interest/create
• New page where user can update a Community Interest at /applicant/community-interest/:id
• Page title, breadcrumbs, and some section titles differ for Add vs Update versions of the page
• In either case, form includes inputs to...
  • express interest in job opportunities and training opportunities
  • express interest in specific work streams belonging to the community
  • express interest (or completion) of Development Programs in the Community
  • add "additional information"
  • consent to share, which changes if neither interest box is checked
• When creating new Community Interest, there is a select input at the top of the form where user selects a Community. They may only select communities for which they do not already have a Community Interest. The rest of the form is not rendered until user makes a selection. Work Streams and Development Programs are reset and updated if selection changes.
• Save and submit button saves to the API, and returns to the applicant dashboard when successful.
• Design review by @JoshBeveridge
• Language review by @NienkeBr

🛑 Blockers

Blocked By

Preview Give feedback

1. ✨Backend model for Community Interest #12253
   1 of 1
   feature +1
   
2. ✨ Backend model for Development Program #12099
   0 of 1
   blocked: dependencies feature +2

[github-actions]

Status: Blocked ❌

Issues blocking this PR:

• ✨Backend model for Community Interest #12253 ❌
• ✨ Backend model for Development Program #12099 ❌

---

This comment was automatically written by the Blocking Issues bot, and this PR will be monitored for further progress.