Uploaded image for project: 'Red Hat Internal Developer Platform'
  1. Red Hat Internal Developer Platform
  2. RHIDP-5252

Add Default Components (Header Items) to the Header

Create Doc EPIC for Fe...Prepare for Y ReleasePrepare for Z Release
XMLWordPrintable

    • Icon: Story Story
    • Resolution: Done
    • Icon: Critical Critical
    • 1.5.0
    • 1.5.0
    • UI
    • None
    • RHDH F&UI plugins 3269, RHDH F&UI plugins 3270

      Story

      As a user of RHDH, I want a global header that includes a logo, search functionality, and quick access to key features like creating resources or managing my profile so that I can navigate the application easily and perform actions efficiently.

      Background

      Currently, there is no global header in the RHDH app, which makes it difficult for users to navigate and perform common actions like searching for information, creating resources, or managing their profiles. Adding essential header components such as the logo, search, CreateDropdown, and ProfileDropdown will provide a consistent and streamlined navigation experience.

      Dependencies and Blockers

      1. Dependencies:
      Collaboration with the dynamic-plugin team to establish mount points in Showcase for dynamic plugin integration.
      2. Blockers:
      Delayed delivery of dynamic mount points could impact testing and integration timelines.
      QE impacted work

      Documentation impacted work

      Acceptance Criteria

      • Implement all default components with mount points.
      • Ensure components adhere to extension-friendly patterns where practical.
      • Define URLs in the dynamic-plugin YAML for navigation
      • Stretch goal: Supporting extension blueprints is an alpha API goal and should not delay implementation.
      mountPoints:
  - mountPoint: header/component
    importName: Logo
    config:
      slot: start
      priority: 100

  - mountPoint: header/component
    importName: Search
    config:
      slot: start / end
      priority: 200

  - mountPoint: header/component
    importName: CreateDropdown
    config:
      slot: end
      priority: 100

  - mountPoint: header/component
    importName: HeaderButton
    config:
      slot: end
      priority: 200
      props:
        icon: Support
        tooltip: Support
        to: /support

  - mountPoint: header/component
    importName: HeaderButton
    config:
      slot: end
      priority: 300
      props:
        icon: notifications
        tooltip: Notifications
        to: /support

  - mountPoint: header/component
    importName: ApplicationsDropdown
    config:
      slot: end
      priority: 400

  - mountPoint: header/component
    importName: ProfileDropdown
    config:
      slot: end
      priority: 500

      upstream documentation updates (design docs, release notes etc)

      Technical enablement / Demo

            [RHIDP-5252] Add Default Components (Header Items) to the Header

            Yi Cai added a comment -

            Moving this to Done as PR got merged.

            Yi Cai added a comment - Moving this to Done as PR got merged.

              yicai@redhat.com Yi Cai
              yicai@redhat.com Yi Cai
              RHIDP - Frontend Plugins & UI
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated:
                Resolved: