-
Notifications
You must be signed in to change notification settings - Fork 56
Description
This is related to Improve submission table #99
Improvements to the My Submission table/card view
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.
Submission table row
Each row displays the most important information about a submission and lets them take action on that submission.
Submission card
Each card displays the most important information about a submission and lets them take action on that submission.
Table columns/ Compact form labels
- Title of submission (Link displays submission form in overlay drawer) + Submission summary
- Submission type (Knowledge or Skill)
- Status (Pending review, Approved, Rejected)
- Last updated
- View in GitHub (Links opens GitHub PR in new browser tab)
- 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.
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.
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