Frontend for the Admin Portal. This web interface is used by Community Admins (cadmins) to administer community-specific portals and by Super Admins to administer the entire MassEnergize web platform.
Kaat is MassE admin who manages the page for a community in Waltham, Massachusetts. Kaat wants to see the option to view all the teams in her community page, but is oblivious of the fact that she can with the current implementation of the “your teams” button style.
Kaat expects the following when she wants to view teams in her community:
Obvious design that supports the CTA for her to view all teams.
Clear order of display for the teams she is seeing (Alphabetical)
Team Name, Location, Member Count, etc.
USER STORY
As the
User Admin
I want to
see a fallback image / placeholder on wherever there is a missing image
so that
there won't be a blank space or a broken image icon.
Possible Scenarios
SCENARIO 1.
GIVEN a user with access to view all teams in my community
WHEN I am on the community profile page
THEN I should be able to see an “All Teams” button with clear indication that I can click perform further action the button
SCENARIO 2.
GIVEN a user with access to view all teams in my community
WHEN I click on the button to view all teams in my community
THEN I should see an ordered list of teams (and their details such as name, location, and member count) in my community in alphabetical order, with the teams I belong to ordered first and the rest after
SCENARIO 3.
GIVEN a user with access to view all teams in my community
WHEN I see the ordered list of teams I belong to
THEN I should see an option to leave the team with the click of a button.
Required Permissions
Any user with confirmed access to the profile page being viewed.
Acceptance Criteria
[ ] User can successfully see “My teams” button on page
[ ] User can successfully click button and it triggers an action to show all the teams in their community (with the ones they are part of first shown in alphabetical order)
[ ] User can see more details on the list of teams
[ ] User can see option to, and leave a team they no longer wish to be a part of.
vschiniah
commented
3 months ago
DESCRIPTION
Kaat is MassE admin who manages the page for a community in Waltham, Massachusetts. Kaat wants to see the option to view all the teams in her community page, but is oblivious of the fact that she can with the current implementation of the “your teams” button style. Kaat expects the following when she wants to view teams in her community: Obvious design that supports the CTA for her to view all teams. Clear order of display for the teams she is seeing (Alphabetical) Team Name, Location, Member Count, etc.
USER STORY
As the User Admin I want to see a fallback image / placeholder on wherever there is a missing image so that there won't be a blank space or a broken image icon.
Possible Scenarios
SCENARIO 1. GIVEN a user with access to view all teams in my community WHEN I am on the community profile page THEN I should be able to see an “All Teams” button with clear indication that I can click perform further action the button
SCENARIO 2. GIVEN a user with access to view all teams in my community WHEN I click on the button to view all teams in my community THEN I should see an ordered list of teams (and their details such as name, location, and member count) in my community in alphabetical order, with the teams I belong to ordered first and the rest after
SCENARIO 3. GIVEN a user with access to view all teams in my community WHEN I see the ordered list of teams I belong to THEN I should see an option to leave the team with the click of a button.
Required Permissions
Any user with confirmed access to the profile page being viewed.
Acceptance Criteria
UX Design
Insert figma link or link to design
Technical Considerations
Insert technical considerations