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

Create Github aggregated metric card on the homepage

    • Icon: Story Story
    • Resolution: Unresolved
    • Icon: Major Major
    • 1.9.0
    • None
    • Scorecard
    • RHDH F&UI plugins 3283, RHDH F&UI plugins 3284

      Story

      As a developer, I want to create a GitHub Aggregated Metric card that uses the Scorecard backend to display GitHub aggregated data on the Homepage (part of the Scorecard plugin)

      Acceptance Criteria

      1. Create a GitHub aggregated metric card that fetches aggregated metric data from the Scorecard backend plugin (Start with Mock data).
      2. The card must include the following elements:
        • Metric Title, Metric Description, Total entities, Pie chart, and threshold legendsĀ 
      3. When I click on the total entities count, I should be redirected to the catalog page showing the relevant entities.
      4. When I hover over a section of the Pie chart, I should see a tooltip displaying the number of entities and the percentage in that state.
      5. When I hover on a legend item, a tooltip should appear with the number of entities and the percentage in that state.
      6. When I click a legend item, I should be redirected to the Catalog Page showing entities for that specific category.

      Additional Notes

      • The design should align with the Scorecard aggregated metric card specifications in Figma.
      • For the time being, we are not implementing specific entity redirection due to the lack of filtering support for this task on the Catalog page. All redirects will direct users to the Catalog page without filtering.

              rh-ee-esapram Eswaraiah Sapram
              rh-ee-esapram Eswaraiah Sapram
              RHDH Frontend Plugins & UI
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated: