Uploaded image for project: 'OpenShift Dev Console'
  1. OpenShift Dev Console
  2. ODC-5561

Redesign the add page cards to support masonry layout and groupings

    XMLWordPrintable

Details

    • ODC Sprint 200, ODC Sprint 201
    • 8

    Description

      Description

      As a user, I want to use an easier and more structured add page.

      Acceptance Criteria

      1. Create a "Details on" / "Details off" toggle in the title bar. Persist the data in user settings.
      2. Create or update the component to render the the cards in a more dynamic way, more like a masonry instead of a grid. Keep different browser sizes in mind.
      3. Shown items in grouped sections. This will require a new "add group extension". Update plugin.ts of different packages to show Serverless group for example.
      4. Automatically skip empty sections.
      5. Show the item descriptions depending on "All details" checkbox in the title bar.
      6. Keep ODC-2529 in mind and prepare a loading indicator or placeholder per card while the rbac checks are running. We can use the other issue if additional work is required to show multiple placeholders until all rbac checks are finished.
      7. Provide data-test-ids for all clickable buttons
      8. Unit tests checks different cases of the new section

      Not part of this story

      1. Getting started section on top of the new add page
      2. Showing a loading indicator until all information are available could be done in ODC-2529

      Additional Details:

      1. High level design: DTUX-849, on Google Docs
      2. Final Design: DTUX-846, on Google Docs
      3. Keep this tickets in mind and sync with other developers working on this:
        1. ODC-2529 Add page has some performance issue
        2. ODC-5417 Filter hidden items from the Add page by id
        3. ODC-5550 is a planned migration of the AddAction extension.
        4. See also PatternFly Skeleton component https://www.patternfly.org/v4/components/skeleton

      Attachments

        Issue Links

          Activity

            People

              ariroy@redhat.com Aritra Roy (Inactive)
              cjerolim Christoph Jerolimov
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: