Allows users to sign in, out and access account and application settings

The Global Profile component provides a way to sign in and out, and access user profile and application settings in a standardised way across all applications.

When signed out it provides a sign in button.

When signed in, it displays the users avatar. Clicking on the avatar open the global profile menu, including access to recent applications, manage profile, and sign out.

Applications may also provide a link to application specific settings is required.

• The Global Profile component would typically appear in the application header.
• Add application settings to the menu (optional)

• Every application should include this in the application header.
• Applications should include settings related links in the menu.

• This should not be used outside the application header.
• Applications must not use the menu as general purpose navigation for application functions.

• When signed out
  • The control consists only of a "Sign in" Button
• When signed in
  • It presents the user's avatar
  • When the avatar is clicked (or focused and enter is pressed) then the global profile menu should open
    • Consisting of:
      • User's name
      • Application provided additional information (optional)
      • "Recent Application" and "Manage Profile" links
      • Divider
      • Application specific links (optional)
        • settings must be the first option if included. (optional)
        • There may be other links, but they must be profile / settings related. The menu must not be used as a general navigation function.
      • Divider
      • "Sign out" link
    • Clicking on an option will navigate to the appropriate page
    • Clicking outside the menu will close it
    • Clicking inside the menu, but not on an option (e.g. clicking on the user's name) should have no effect.
    • Clicking on / hovering over the additional information (just below the user's name) behaviour is application defined.

• When the user is not signed in it will appear as a "sign in" button.
  • Clicking takes the user through the sign in flow
  • Once logged in it returns to the application in the signed in state
• When signed in in shows the user's avatar, and clicking on it opens the global profile menu

• Clicking sign in (when signed out)
• Opening the global profile menu (when signed in)

• Keyboard support
  • The button should be focusable using the tab key
  • When signed out and focused pressing enter should take the user into the sign in flow
  • When signed in and focused on the avatar pressing enter should
• Visual clarity

• Used by
  • Application Header