Uploaded image for project: 'OCMUI - OpenShift Cluster Manager UI'
  1. OCMUI - OpenShift Cluster Manager UI
  2. OCMUI-2218

[Cluster Details] Create 'Recommended Operators' alert component on Cluster Details Page

    • Icon: Story Story
    • Resolution: Done
    • Icon: Major Major
    • None
    • None
    • None
    • 8
    • OCMUI Core Sprint 259, OCMUI Core Sprint 260, OCMUI Core Sprint 261, OCMUI Core Sprint 262, OCMUI Core Sprint 263

      We would like to add an Alert component at the top of Cluster's details page presenting the cards found at the 'Featured Products' & 'Recommended Operators' section at the bottom of the Overview page. We should also add the same Drawer functionality used there for the cards. Overview page on stage

      The components for the cards found inside the alert component itself were already created on OCMUI-1826 (ProductCard, DrawerPanel, DrawerPanelContent, etc...)

      The Alert should present different messages appropriate to the state of the cluster.

       

      Alert Messages:

      1. actionRequired:
      title: Action is required in order to continue cluster creation.
      description: Please address the issue before considering recommended operators.
      2. installing: 
      title: Your cluster is being created. It typically takes 30-60 minutes to complete.
      description: While you wait, learn how to optimize your cluster with Operators. You can go to other pages, just come back here to check on your cluster.
      3. error: 
      title: Your cluster encountered an error during creation.
      description: Please address the issue before considering recommended operators.
      4. hibernating:
      title: Your cluster is currently hibernating.
      description: Please wake the cluster before considering recommended operators.
      5. ready:
      title: Optimize your cluster with operators.
      description: Check out our recommended operators for you, or view all operators in the console. (console should be a link directing to the cluster's console. Same as the 'console' button at the top of the page)
      Implementation doc

      All mentioning of 'OperatorHub' should be ignored. it was dropped mid-implementation.

        1. alert component (collapsed).png
          alert component (collapsed).png
          77 kB
        2. whole page.png
          whole page.png
          157 kB
        3. whole page - alert component (expanded).png
          whole page - alert component (expanded).png
          354 kB
        4. Screenshot 2024-10-11 at 11.44.29 AM.png
          Screenshot 2024-10-11 at 11.44.29 AM.png
          517 kB
        5. Screenshot 2024-10-11 at 11.44.29 AM-1.png
          Screenshot 2024-10-11 at 11.44.29 AM-1.png
          517 kB
        6. archive.mp4
          11.79 MB
        7. Chrom_alert_not_shown.png
          Chrom_alert_not_shown.png
          569 kB
        8. Safari_alert_shown.png
          Safari_alert_shown.png
          228 kB
        9. Screenshot 2024-10-14 at 4.42.24 PM.png
          Screenshot 2024-10-14 at 4.42.24 PM.png
          311 kB
        10. Screenshot 2024-10-14 at 4.46.01 PM.png
          Screenshot 2024-10-14 at 4.46.01 PM.png
          145 kB
        11. image-2024-10-20-11-38-17-717.png
          image-2024-10-20-11-38-17-717.png
          168 kB
        12. image-2024-10-20-11-56-54-043.png
          image-2024-10-20-11-56-54-043.png
          151 kB

              lkeren-ocm Lior Keren
              lkeren-ocm Lior Keren
              LAKSHMI SHIVANTHI AMARACHINTHA LAKSHMI SHIVANTHI AMARACHINTHA
              Votes:
              0 Vote for this issue
              Watchers:
              6 Start watching this issue

                Created:
                Updated:
                Resolved: