# 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.