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

QA page details #1656

Merged
merged 55 commits into from Apr 17, 2024
Merged

QA page details #1656

merged 55 commits into from Apr 17, 2024

Conversation

emma-sg
Copy link
Member

@emma-sg emma-sg commented Apr 6, 2024

Changes

  • improves overflow issues at smaller screen sizes
  • adds icons to buttons
  • updates text & layout to match mocks
  • changes primary button & button options depending on if there's a qa run available
  • adds a loading state for qa run status & buttons
  • updates <btrix-crawl-status> with a type param allowing for crawls, uploads, and QA runs
  • Updates <btrix-alert> to match <sl-tag> styling
  • Improves overflow issues at smaller viewport sizes by making tab lists overflow when necessary

Features

I'd like to refactor a bunch of this code in a follow-up PR once this is merged.

- improves overflow issues at smaller screen sizes
- adds icons to buttons
- updates text & layout to match mocks
- changes primary button & button options depending on if there's a qa run available
- adds a loading state for qa run status & buttons
- updates <btrix-crawl-status> with a `type` param allowing for crawls, uploads, and QA runs
@emma-sg emma-sg added the front end Requires front end dev work label Apr 6, 2024
@emma-sg emma-sg self-assigned this Apr 6, 2024
emma-sg and others added 3 commits April 8, 2024 13:42
Change "Ready for Review" to "Complete"

Co-authored-by: sua yoo <sua@webrecorder.org>
- Paginates QA tab page list
- Sort QA tab page list by title, URL, comments, and approval; displays
all sortable fields
- Standardizes page "reviews" -> "approvals"
- Standardizes crawl review rating labels
- Displays only latest comment in review page list

---------

Co-authored-by: emma <hi@emma.cafe>
SuaYoo and others added 12 commits April 9, 2024 12:10
- improves overflow issues at smaller screen sizes
- adds icons to buttons
- updates text & layout to match mocks
- changes primary button & button options depending on if there's a qa run available
- adds a loading state for qa run status & buttons
- updates <btrix-crawl-status> with a `type` param allowing for crawls, uploads, and QA runs
Change "Ready for Review" to "Complete"

Co-authored-by: sua yoo <sua@webrecorder.org>
- Paginates QA tab page list
- Sort QA tab page list by title, URL, comments, and approval; displays
all sortable fields
- Standardizes page "reviews" -> "approvals"
- Standardizes crawl review rating labels
- Displays only latest comment in review page list

---------

Co-authored-by: emma <hi@emma.cafe>
emma-sg and others added 9 commits April 9, 2024 21:47
Related #1663

Increases rating scale from 3 to 5.

---------
Co-authored-by: emma <hi@emma.cafe>
Partially addresses
#1651

### Changes

- Disables review actions if analysis is running
- Enables downloading run
- Enables stopping and canceling runs
- Minor refactor to create and implement `btrix-menu-item-link` for
download menu option
- Hides canceled QA runs from dropdown

---------
Co-authored-by: emma <hi@emma.cafe>
Copy link
Collaborator

@SuaYoo SuaYoo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looking good! Minor feedback.

frontend/src/components/ui/desc-list.ts Outdated Show resolved Hide resolved
frontend/src/components/ui/tab-list.ts Show resolved Hide resolved
frontend/src/pages/org/archived-item-detail/ui/qa.ts Outdated Show resolved Hide resolved
frontend/src/pages/org/archived-item-detail/ui/qa.ts Outdated Show resolved Hide resolved
frontend/src/pages/org/archived-item-detail/ui/qa.ts Outdated Show resolved Hide resolved
frontend/src/pages/org/archived-item-detail/ui/qa.ts Outdated Show resolved Hide resolved
@SuaYoo

This comment was marked as resolved.

@SuaYoo
Copy link
Collaborator

SuaYoo commented Apr 17, 2024

Added tab and alert message:

Screenshot 2024-04-17 at 10 57 13 AM Screenshot 2024-04-17 at 10 57 19 AM Screenshot 2024-04-17 at 11 02 21 AM

@SuaYoo
Copy link
Collaborator

SuaYoo commented Apr 17, 2024

I noticed that the QA runs dropdown and tab doesn't update after a run is complete. Looking now.

addressed in 28709a1 @emma-sg

- make analysis run naming consistent
- allow deletion dialog to always render, allowing for animation on initial enter
- make button styling in dialog consistent, using filled danger style for delete and neutral style for cancel
@emma-sg
Copy link
Member Author

emma-sg commented Apr 17, 2024

@SuaYoo re: tab and alert messages, should we unify the styling of the tag and alert warnings? I feel like it'd make sense for both to use the same amber colours and borders etc. cc @Shrinks99
Screenshot 2024-04-17 at 2 43 12 PM

@SuaYoo
Copy link
Collaborator

SuaYoo commented Apr 17, 2024

@SuaYoo re: tab and alert messages, should we unify the styling of the tag and alert warnings?

Yep that should be pretty quick change to alert.ts if you want to go ahead and do that!

@emma-sg emma-sg requested a review from SuaYoo April 17, 2024 19:05
Copy link
Member

@Shrinks99 Shrinks99 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me!

@SuaYoo SuaYoo merged commit 9f0a1fc into main Apr 17, 2024
2 checks passed
@SuaYoo SuaYoo deleted the frontend-qa-overview-page branch April 17, 2024 22:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
front end Requires front end dev work
Projects
None yet
Development

Successfully merging this pull request may close these issues.

QA UI: QA Details Page Wrap-Up QA UI: Archived Item Pages List
4 participants