-
Epic
-
Resolution: Unresolved
-
Major
-
None
-
None
-
[UI] Create extendable global header plugin with default components
-
M
-
False
-
-
False
-
RHIDP-4659Ability to add a global header
-
To Do
-
RHIDP-4659 - Ability to add a global header
-
QE Needed, Docs Needed, TE Needed, Customer Facing, PX Needed
-
80% To Do, 10% In Progress, 10% Done
-
-
EPIC Goal
Customers should be able to use a global header with some default RHDH components. The header might be enabled by default in the future (when it's ready), but customers should be able to configure or disable (hide) it.
To archive this in 1.5, we're planning to use the dynamic plugin feature (instead of the new backstage frontend extensions). This will allow us and customers to customize and extend the header by:
- Disable the header plugin to hide the header completely
- Add (or reorder or remove) additional components in the header by overriding the plugin default.
- Other plugins can extend the header by providing components or create actions that are then rendered automatically in the header.
Background/Feature Origin
- Feature RHIDP-4659 Ability to add a global header
- Epic DTUX-2007 Global header design (Figma, MUI v5 component)
Why is this important?
Customers asked for global headers because it matches their other tools.
It also matches other Red Hat products.
User Scenarios
Users want to navigate between different pages with a global header bar.
Dependencies (internal and external)
- RHIDP-5126 Dynamic plugin support for global headers (the dynamic plugin might solve this more generically)
Acceptance Criteria
- Global header is delivered as plugin and is shown by default (wrapper is provided)
- It can be disabled by disabling the dynamic plugin
- Plugins can extend the header by providing a component for the header on the top level
- The plugin provides useful defaults to render
- The customized customer icon
- A search input field
- A 'Create' dropdown button
- Links (internal or external), this could be used for the "Support" icon and "Notification" icon in the designs
- An external applications button
- A Profile dropdown
- Plugins can extend the header by providing one or more components or links for one of these items:
- for the 'Create' component
- for the 'Application' component
- for the 'Profile' component
- For automated and manual tests: We should provide additional test plugins as part of the new workspace for that plugin.
- An alternative header plugin
- A demo plugin that adds additional test components
- to the root navigation (icon or link or both)
- to the 'Create' dropdown
- to the 'Applications' dropdown
- to the 'Profile' dropdown
Release Enablement/Demo - Provide necessary release enablement details
and documents
DEV - Upstream code and tests merged: <link to meaningful PR or GitHub
Issue>
DEV - Upstream documentation merged: <link to meaningful PR or GitHub
Issue>
DEV - Downstream build attached to advisory: <link to errata>
QE - Test plans in Playwright: <link or reference to playwright>
QE - Automated tests merged: <link or reference to automated tests>
DOC - Downstream documentation merged: <link to meaningful PR>