---
# System prepended metadata

title: User Management (Super Admin) - Side Navigation
tags: [ReqDocs]

---

# User Management (Super Admin) - Side Navigation
###### tags: `ReqDocs`
1a. Side Information
* Tenant Information
* Logo displayed in the top left hand corner (clickable)
    * Hover = display white glove
    * Clicking navigates user to "Tenant Admin" portal. There are four tabs displayed when a Super Admin lands here:
        * Profile
        * Clients
        * Users
        * Access Requests
        * Purple highlight to indicate current tab selection
* Client Information
* Selected client name displayed to the right of the Tenant's logo as displayed in the design (clickable)
    * Hover = display white glove
    * Clicking the company name displays a dropdown menu containing the following options:
        * Profile
        * Users
        * Employees
        * Teams
        * Milestones (hide)
        * Purple highlight to indicate current tab selection
        * Clicking on menu option navigates user to the associated page
2. Menu Options
* Home
* Pathways
    * Discover
    * Compare
* Orders
* Employees
* Live Stream
* Hover = white glove
* Clicking on menu option navigates user to the associated page
3. Search
* Display "search" icon below company logo as displayed in the design
    * Clicking icon displays "Search" modal
    * Display results for all matching criteria (user typing in search bar)
    * "X" displayed in right hand corner of "Search" modal collapses modal
4. Company logos
* For each client added, display the company logo in the far left menu as displayed in the design (clickable)
    * Clicking on any company logo navigates user to the associated company page
    * Also, display number of alerts pending for each company (when applicable)


---



### Profile Tab

1. Header - Display Tenant logo and name (top left)
2. Sub-header #1: “Company Logo”
* Copy line #1  - “Upload your company logo.”
* Copy line #2 - “Photo should be at least 300px x 300 px" (Do we need this?)
3. “Upload Photo” (Button)
* WHEN a user clicks “Upload Photo” populate desktop folders
* Paragraph copy - “This is the information we have associated with your Chassi profile. All information is kept strictly confidential. View our privacy policy.”
* Make “View our privacy policy” clickable.
* Hyperlink user to our privacy policy.
[https://chassi.com/privacy-policy/|https://chassi.com/privacy-policy/]
4. Sub-header #2 - “Basic Information”
* Text fields titled:
    * Name
        * Text field reads "Tenant Name"
        * Blinking cursor 
    * Location
        * Text field #1 reads "City" (default)
        * Text field #2 is a dropdown that lists all states with the ability to select only one
            * Default = "Select State"
    * Website
        * http://companyname.com (default)
        * Provide validation - user must enter full website url
            * Example: "Website address is not valid"
    * Employees
        * Display drop down menu
            * 0 - 50
            * 50 - 100
            * 100 - 250
            * 250 - 500
            * 500 - 1000
            * Selection is optional
            * If blank display "Select number of employees" (default)
    * Estblished
        * Select year (default)
        * Drop down menu 
        * Selection is optional
5. Sub-header #5: "Primary Contact"
* Text fields titled:
    * Name
        * Two text fields labeled:
        * First Name
        * Last Name
    * Phone 
        * Required
        * Provide validation - full phone number must be entered
    * Email
        * Required
        * Provide validation - full email address - correct format must be entered

### Clients Tab

1. Header
* Display Tenant name and logo
2. Search
*  Clicking within the text field expands "Search" bar
* Display results for all matching criteria (user typing in search bar) in the table below
3. Client Info Table
* Client name
* List of "Users"
    * When profile photo is set display photo
    * Otherwise display first and last inital
        * Example: Ruth Hawkins = RH
* Eye icon
    * “eye with a slash” = client is not visbible to users
    * "eye without a slash" = client is visible to users
* Settings icon
    * Hover = white glove
    * Clicking = display blade

### Blade (Clients Tab / Settings Icon)
1. Header - Display Client name and logo
* Contains five tabs
    * "Profile"
        * Mirror profile tab design (see card)
    * "Users"
        * Sub-header #1: "Users"
        * Copy Line #1: "This is a list of all users with access to the company."
        * "Invite Users" (button) 
        * Table
            * Name
            * Email
            * Access
                * Admin
                * Viewer
                * Selection required
            * Edit - Do we need this?
            * Incorporate sorting arrows
        * Sub-header #2: "Pending Invitations"
        * Copy Line #2:"Resend or remove pending invitations" 
        * Table
            * Name
            * Email
            * Access
                * Admin
                * Viewer
                * Selection required
            * Expires
                * Display timeframe in days. Ex: 7 days
                * Invitation expires after 7 days
            * Manage
                * Arrow icon = send new invite
                * Trash can icon - delete invite

            * Incorporate sorting hours


### Users Tab
1. Header - Display Tenant name and logo
* Purple highlight indicates tab selection
2. Search
* Display "search" bar above user table as displayed in the design
    *  Clicking within the text field expands "Search" bar
    *  Display results for all matching criteria (user typing in search bar) in the table below

### Access Requests
1. Header - Display Tenant name and logo
* Purple highlight indicates tab selection
2. 


