FE - Mozfest Community Directory

[wilhitem]

Design team contact

@sabrinang
Torchbox designers from project available via slack:

• Lindiwe (ux)
• Jeth (visual design)

Final Designs

Figma - https://www.figma.com/file/2knnwWmmqCXuMyF6WPiOuG/MozFest-Additional-Features?node-id=30%3A317

Details

Front end ticket for #7421

Relates to the existing component - https://foundation.mozilla.org/en/what-we-fund/fellowships-and-awards-directory/
API - https://pulse.mozilla.org/api/index.html
Examples of wagtail currently - https://foundation.mozilla.org/en/docs/how-do-i-wagtail/profiles-from-pulse/

Duplicate existing component and make following changes:

• Admin can define the tabs to show from a list of Profile Types from Pulse (years to be removed)
• Add the the Space dropdown will list all spaces of people under current tab

For each card:

• list spaces

Implementation Checklist

Acceptance Criteria

• Matches designFilter can be turned off by profile type (keep blank space where it was to avoid content jumping)
• Navigation is horizontally scrollable on mobile
• 2 Card grid on desktop
• 1 card grid on mobile
• Current tab is highlighted

[wilhitem]

@jamilasnell this one is assigned to @stevedya and was estimated at 3 hours, so maybe mark as a 4?
Steven does appear to have access to the repo, i just can't assign it to him currently.

[jamilasnell]

Steven is struggling to test this locally, @Pomax would you be able to assist here?

[stevedya]

Hey @jamilasnell / @Pomax I was able to get this testing okay locally after a chat with Boggs yesterday :)
I just have a couple questions regarding the filters:

• Just wanted to confirm the filters above the block in the figma design (Wranglers, Facilitators, Etc) are based off of profile_type in the api?
• Is there a "space" attribute in the pulse api or would the "Filter by space" drop down be used to filter profiles by program_type or issues?
  

[stevedya]

Ohh also forgot to ask:

• Will the Profile Directory Block used on other Mozilla pages use this new filtering?
• The blue links at the bottom of each card (AI IRL, neurodiversity) I'm curious which field these are connected to in the API as well (i'm guessing they are "issues" connected to the profile)

[marcwalsh]

Hey @stevedya - I can answer these.

• Yes, we'll use profile_type for filtering by Wranglers, Facilitators, etc. However, it's only a limited number of options that we want to be displayed.
• The spaces filter will be by program_type (as that is a field I can add options to)
• Currently this will only be for the MozFest site, but if it works well we can share it with the Fellows team to see if they would like to implement it.
• The blue links would be the program_type (space) - but they do not need to link.

[SharmaineLim]

Hey @marcwalsh , about the use of program_type for spaces, what did you have in mind for the profiles with multiple spaces? It looks like currently, each profile can only have one program_type.

[marcwalsh]

It's very unlikely we'll see profiles with more than one space. Wranglers are only in one space. Facilitators could be in more than one space, but we can ask them to pick the main space for MVP - alternatively create a duplicate profile if they really want to be listed in both.

[SharmaineLim]

Sounds good, thanks Marc!

[richbrennan]

Closing as both PRs related to this issue have been merged