Skip to content

[25.0] DatasetView and Card Polish #20342

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

Merged
merged 23 commits into from
Jun 10, 2025
Merged

Conversation

dannon
Copy link
Member

@dannon dannon commented May 23, 2025

Smoothing out user interactions with the new streamlined view.

xref #20301

Adjusted header:
Nicer formatting, dropped 'info', which folks agreed was usually cluttered with unhelpful stderr.
We keep 'blurb'.
image

For the card options, eye and error are dropped and we're going with a new icon.

Here's faExpand:
image

And here's ScanEye:
image

I'm also going to mock up a quick composite of faEye and faExpand (which will be a lot like ScanEye, but with fa styles) in a sec.

How to test the changes?

(Select all options that apply)

  • I've included appropriate automated tests.
  • This is a refactoring of components with existing test coverage.
  • Instructions for manual testing are as follows:
    1. [add testing steps and prerequisites here if you didn't write automated tests covering all your changes]

License

  • I agree to license these and all my past contributions to the core galaxy codebase under the MIT license.

@github-actions github-actions bot changed the title [WIP] DatasetView and Card Polish [25.0] [WIP] DatasetView and Card Polish May 23, 2025
@bgruening
Copy link
Member

Thanks @dannon for working on this. Can we maybe postponing the changes to the Dataset Card? Imho it's way too late to change this now, and we should bring back the i symbol as well for this release. Those are fundamental buttons that we have (probably?) for 20 years. We need to coordinate this and update many places and documentations ... its a large effort downstream - that I don't see happening in the next 2 month.

@dannon
Copy link
Member Author

dannon commented May 29, 2025

@bgruening I'm disappointed - the whole point of streamlining is to improve UX so that it's intuitive for users without having to consult docs and know to look for the tiny icon you only see when the card expands, not preserve cluttered interfaces because they're documented. But I'm having whiplash here going back and forth and I can't keep revisiting this for the release. I'll punt on the card icon changes and leave all the icons in for the release, and will remove them in dev.

@ahmedhamidawan ahmedhamidawan added this to the 25.0 milestone Jun 2, 2025
@dannon dannon marked this pull request as ready for review June 4, 2025 01:07
@mvdbeek
Copy link
Member

mvdbeek commented Jun 6, 2025

Does the WIP label still apply @dannon ?

@mvdbeek
Copy link
Member

mvdbeek commented Jun 6, 2025

Deployed it to test and really like it, especially that we prevent the download via the preview. Just one thing that is maybe inconsistent is the visualize button on the dataset card goes directly to the visualization component instead of the tabbed view. I think I'd find it more consistent to show this via the tabbed view in the center panel ? I think that would also have a bit of an educational effect, as in users discovering and remembering that the important stuff is in the center panel now

* Get details about a specific datatype
*/
export async function fetchDatatypeDetails(extension: string) {
try {
Copy link
Member

Choose a reason for hiding this comment

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

This is a fastapi route, any reason not to use the typed fetcher ?

Copy link
Member

@mvdbeek mvdbeek left a comment

Choose a reason for hiding this comment

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

Nice improvements, thanks so much @dannon!

@dannon
Copy link
Member Author

dannon commented Jun 6, 2025

Deployed it to test and really like it, especially that we prevent the download via the preview. Just one thing that is maybe inconsistent is the visualize button on the dataset card goes directly to the visualization component instead of the tabbed view. I think I'd find it more consistent to show this via the tabbed view in the center panel ? I think that would also have a bit of an educational effect, as in users discovering and remembering that the important stuff is in the center panel now

Yeah, these should all be using the tabbed view, oversight from having to hack the buttons back in -- I'll fix this.

@dannon dannon changed the title [25.0] [WIP] DatasetView and Card Polish [25.0] DatasetView and Card Polish Jun 6, 2025
@dannon dannon marked this pull request as draft June 6, 2025 15:34
@dannon dannon force-pushed the tab-icons branch 3 times, most recently from 81cc383 to b855b36 Compare June 6, 2025 16:27
@dannon
Copy link
Member Author

dannon commented Jun 6, 2025

Just to note it here, there's also a bug where for preferred datatypes we aren't waiting to see that before rendering, currently. So the first time you view, you might get a raw display, then the viz on re-display.

dannon added 15 commits June 10, 2025 10:19
When a dataset has a preferred visualization, the Preview tab shows the
visualization. This adds a Raw tab to allow users to view the raw data
display alongside the visualization.
Certain file types (TIFF, PDF, office documents, archives) trigger automatic
downloads when loaded in an iframe. This change detects these file types and
shows a download prompt instead of attempting to display them inline.
…on so the client can account for direct download vs preview, etc.
- Add Raw tab to DatasetView when datasets have automatic visualizations,
allowing users to view raw data alongside visualizations
- Prevent file types that trigger automatic downloads (TIFF, PDF, etc.)
from loading in iframes, showing download prompt instead
Prevent line breaks in hid and dataset state while allowing name to
wrap. Consolidate datatype and dataset loading states into single
computed property.
@dannon dannon marked this pull request as ready for review June 10, 2025 14:39
@mvdbeek mvdbeek merged commit 8fe04ac into galaxyproject:release_25.0 Jun 10, 2025
53 of 58 checks passed
@galaxyproject galaxyproject deleted a comment from github-actions bot Jun 11, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants