Provide a Global Apps icon and menu in the control menu and the portlet topper next to the user menu

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: Master
• Component/s: Applications Menu, Control Menu, Product Menu
• Labels:
  • fc_20_05
  • fc_20_06
• Epic Link: Introduce Global Apps Menu to allow users to navigate to apps not tied to a site

Intro/Context:

 The Global Apps icon is meant to be always visible and provide a quick way for administrators and back-office users to go to an administration or back-office application. To ensure it's always visible, the icon will be shown in:

• Control Menu: This covers the case when the user is visiting a site
• Portlet Topper: This covers the case when the user is in a maximized application outside a site (including a Control Panel Application, a Site Administration application and the new Global Applications).

The location of the global apps icon must be next to the existing user avatar icon which opens the personal menu, since both are global and not relative to the current context (site or application).

The mockups linked below shown the desired look & feel for the icon and the menu itself when the icon is clicked.

When there is a user avatar, it should always be in the rightmost position, followed by the Global Apps menu. When there is no user avatar, the Global Apps menu is the rightmost. These two icons should be separated by a separation line from any other icons to their left that are specific to the current context (for example the page edition icons while viewing a page or the application context menu while viewing an administration application)

Acceptance Criteria

When clicking on the GlobalApps menu icon  

Then the user should see the portlets marked as GlobalApp with the looking and feel shown below.

 

Additional notes:

Link to figma

GlobalApp menu icon location:

Test Scenarios

Test Scenarios	Test Strategy	Kind of test	Is it covered by FrontEnd ? (JS-Unit)	Is it covered by BackEnd ? (unit or integration)	Could it be covered by POSHI?
The Global Menu icon and User Avatar icon buttons are located in Control Menu when user is in application admin	Critical	Manual	No	No	Yes
The Global Menu icon is located in Control Menu but User Avatar icon is located in Nav Bar when user is in Staging site page and Live site page	Medium	Manual	No	No	Yes
The Global Menu icon is located in Control Menu but User Avatar icon is located in Nav Bar when user is in site page	High	Manual	No	No	Yes
The Global Menu icon is not shown but User Avatar icon is located in Nav Bar when user is in page editor	High	Manual	No	No	Yes
A new application is registered on Global Menu Panel Globalmenumvcresourcecommandtest.java	Medium	Manual	No	No	Yes