Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Improve My Submissions view on Dashboard #489

@Misjohns

Description

@Misjohns

This is related to Improve submission table #99

Improvements to the My Submission table/card view

Image

The Submissions views show the contributions a user has submitted. The user can switch between the table and card view using the view toggle in the toolbar.

Image

Submission table row
Each row displays the most important information about a submission and lets them take action on that submission.
Image

Submission card
Each card displays the most important information about a submission and lets them take action on that submission.
Image

Table columns/ Compact form labels

  1. Title of submission (Link displays submission form in overlay drawer) + Submission summary
  2. Submission type (Knowledge or Skill)
  3. Status (Pending review, Approved, Rejected)
  4. Last updated
  5. View in GitHub (Links opens GitHub PR in new browser tab)
  6. Actions (Kebab icon groups a set of actions: Edit, Download YAML, Download Attribution, and Delete)

Responsive layout
When the user shrinks the screen the table changes to a compact form, and the toolbar will display a dropdown menu containing sorting options.
Image

Details drawer
When the user clicks on a row in the submissions table or on a card the primary-detail drawer expands to display the details of the submission form in read-only format.
Image

Reference:
https://www.patternfly.org/patterns/primary-detail/react-demos/primary-detail-full-page/
https://www.patternfly.org/components/table/react-demos/sortable---responsive/
https://www.patternfly.org/components/table#cell-width-breakpoint-modifiers
https://www.patternfly.org/components/table
https://www.patternfly.org/components/card/design-guidelines#cards-in-catalog-views

Sub-issues

Metadata

Metadata

Assignees

No one assigned

    Labels

    UXRelated to the user experiencehelp wantedExtra attention is needed

    Projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions