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

refactor(ui): artifacts table Fixes #8306 #14037

Merged
merged 8 commits into from
Dec 31, 2024

Conversation

Unperceivable
Copy link
Contributor

@Unperceivable Unperceivable commented Dec 29, 2024

Fixes #8306

Motivation

From original issue

It takes time to read and understand artifact info now, especially on first columns whose values that may merge with each other.
(#8306)
previous implementation

Modifications

Refactored workflow-details artifacts white-box to include table columns and expand a cell with text too long for it's cell on hover.
image

Added same functionality to workflow-node-info -> inputs/outputs
image

Verification

…rtifacts to include column names and expand text on hover for individual rows

Signed-off-by: Unperceivable <[email protected]>
@Unperceivable Unperceivable marked this pull request as ready for review December 29, 2024 16:14
@@ -40,21 +40,34 @@ export function WorkflowArtifacts(props: Props) {
return (
<div className='white-box'>
<div className='white-box__details'>
<div className='row header'>
<div className='columns download'>Download</div>
Copy link
Member

Choose a reason for hiding this comment

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

The download symbol in each row is self-explanatory enough.
we probably don't need this download column, or download column name, what do you think?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Sure, I had tried both and settled for explicit over implicit but personally I think the download icon is clear enough too.
fixed in 359f5c4
image

Copy link
Member

@tczhao tczhao left a comment

Choose a reason for hiding this comment

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

The table seems to resize when hovered at the cell, could you fix that

@Unperceivable
Copy link
Contributor Author

Unperceivable commented Dec 30, 2024

The table seems to resize when hovered at the cell, could you fix that

That was the intended change, from Modifications:

expand a cell with text too long for it's cell on hover.

The alternative suggested in the ticket was a horizontal scroll feature. I figured there would be edge cases where some columns would not appear until you scroll.
I am fine implementing whatever solution though.

… icon to artifact name column

Signed-off-by: Unperceivable <[email protected]>
Copy link
Member

@tczhao tczhao left a comment

Choose a reason for hiding this comment

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

Thank you for the fix, last few things:

  1. Could you make sure the table values align with the column name, e.g., left align? People will definitely raise an issue about this later on.
    image

  2. we are already on artifact panel, rather than "Artifact Name", using "Name" is probably sufficient enough
    image

  3. I think we better have the timeformat switch button at the column title instead of individual artifact table value, just like the workflow list page. (we could tackle this in a separate PR, create an issue for this and a separate PR)
    image

@Unperceivable
Copy link
Contributor Author

Unperceivable commented Dec 31, 2024

  1. Could you make sure the table values align with the column name, e.g., left align? People will definitely raise an issue

Fixed padding issue ef7e1a1

  1. we are already on artifact panel, rather than "Artifact Name", using "Name" is probably sufficient enough

Renamed column. but not in the node overview since there is no label to define artifacts in input/output 2f3b9da

  1. I think we better have the timeformat switch button at the column title instead of individual artifact table value, just
    like the workflow list page. (we could tackle this in a separate PR, create an issue for this and a separate PR)

Moved timestamp switch to column fe51106
image
image

…f row

fix: node-info created-at header div missing
Signed-off-by: Unperceivable <[email protected]>
@Unperceivable Unperceivable requested a review from tczhao December 31, 2024 13:54
@tczhao tczhao changed the title refactor: artifacts table Fixes #8306 refactor(ui): artifacts table Fixes #8306 Dec 31, 2024
Copy link
Member

@tczhao tczhao left a comment

Choose a reason for hiding this comment

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

looks great! Thanks for the contribution and happy new year

@tczhao tczhao merged commit 14dedc8 into argoproj:main Dec 31, 2024
18 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

UI: Adjusting Artifacts table
2 participants