Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve My Submissions view on Dashboard #489

Open
Misjohns opened this issue Jan 23, 2025 · 1 comment
Open

Improve My Submissions view on Dashboard #489

Misjohns opened this issue Jan 23, 2025 · 1 comment
Labels
help wanted Extra attention is needed UX Related to the user experience
Milestone

Comments

@Misjohns
Copy link
Collaborator

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

@Misjohns Misjohns added the UX Related to the user experience label Jan 23, 2025
@Misjohns Misjohns added this to UI Jan 23, 2025
@Misjohns Misjohns moved this to Ready in UI Jan 23, 2025
@Misjohns Misjohns removed the status in UI Jan 23, 2025
@Misjohns Misjohns moved this to Ready in UI Jan 23, 2025
@vishnoianil vishnoianil added this to the release-1.2 milestone Feb 8, 2025
@vishnoianil vishnoianil removed their assignment Feb 8, 2025
@vishnoianil vishnoianil added the help wanted Extra attention is needed label Feb 8, 2025
@vishnoianil
Copy link
Member

@Misjohns In case there is no existing skill and knowledge contribution, do we want to show the existing empty screen with instructlab logo and link to skill/knowledge/chat?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Extra attention is needed UX Related to the user experience
Projects
Status: Ready
Development

No branches or pull requests

2 participants