Dependency:

• EPIC: Database cleaning to include project managers #1986

Overview

Project members (i.e., users assigned to a specific project) and admins should be able to add or remove members directly from the Project Details page in VRMS. Admins can manage members on any project, while project members can only edit members on the projects they are assigned to.

Action Items

• Add the "Project Members (Event Editors)" section on the Project Details page, ______ to become editable via an "Edit" button.
  • This section appears between the “Project Information” and "Recurring Events" sections.
• When editing, allow users to add new members by entering a valid VRMS user email (no full directory search; protects user privacy).
• Display a list of current project members with the following formatting:
  • First name + last initial, left-aligned
  • Email address, right-aligned on the same line (with ellipses if text is too long and overflows)
  • To the right of the email Include trash can icon to allow users to remove existing project members.
• Enforce role-based permissions:
  • VRMS Admins can edit project members on any project
  • Project members can only edit members of projects they are assigned to
• When clicking on an already added user, a popup window is displayed beneath the user’s name (expands space below name with full name of user and full email). If user clicks on the X, they can get rid of this expanded view, OR if they click on another user, the pop up minimizes and the user is presented a new popup below the name of the other project member they clicked on).
  • Full name and email is required. Wrap text if there is overflow
• Add messaging for user feedback:
  • ✅ Confirmation when a user is successfully added:
    • "User added to project successfully."
      • Display confirmation message and email address for 1.5 seconds OR if user starts typing a new email address, then dismiss confirmation message automatically (whichever comes first).
  • ❌ Error if the email is not found in VRMS:
    • "No user found with that email address."
  • Removing user - When a user removes a project member by clicking on the trash icon next to the project member’s name, they are displayed the message:
    • “Are you sure you want to remove this user?” (options = “Yes” or “No”)
• Enable "Save" / "Close" feature.
  • User must press “Save” button in order to save these changes to project members
  • User can press “Close” button to ignore these changes
    • Pop up message if user presses “Close” after making changes: “Are you sure you want to close without saving these changes?” (options = “Yes” or “No”)
• @trillium to update with more technical instructions - integrate scripts from EPIC: Database cleaning to include project managers #1986

Resources/Instructions

- Figma Design Link

• Recommend using the Link above to review the designs, and view the frame titles, which provide more context about user actions.
• Be sure to click "prototype" on the upper right corner of the screen to see the flows between screens.

• Implement permission handling that checks user accessLevel and project assignment (I believe this is the case)
• Test Cases:
  • Admin adds/removes members on any project
  • Project member can add/remove users only from their assigned projects
  • Error shown when email not found in VRMS
  • Confirmation shown when user is successfully added
  • Overflow behavior (tooltip or wrapping) functions across screen sizes