Skip to content

Dataset View Component #20154

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 32 commits into from
May 15, 2025
Merged

Dataset View Component #20154

merged 32 commits into from
May 15, 2025

Conversation

dannon
Copy link
Member

@dannon dannon commented May 5, 2025

Want to iterate on this and fix any bugs before the release. Some preview displays can take a moment, so I need to add a loading indicator there. Also needs tweaks to header handling in some of the subcomponents. Includes unit tests, but will need selenium updates and additions.

I'm still working out the details of making it possible to have 'preferred' display applications for particular datatypes. These will likely be both admin and user specified -- like, when someone wants to view an h5, we don't display the binary view, we use hd5web by default instead. These will, of course, be opinionated so maybe we should focus on binary or otherwise not-useful-primary-display types first. Second PR coming.

firefox_dKeuMA3eO9.mp4

This needs several tests updated but could use feedback on the basic functionality.

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.

@dannon dannon force-pushed the dataset-component branch from 9252653 to 11eb686 Compare May 5, 2025 17:05
@guerler guerler added this to the 25.0 milestone May 5, 2025
@ahmedhamidawan ahmedhamidawan requested a review from guerler May 6, 2025 14:32
@dannon dannon force-pushed the dataset-component branch from b6e621f to 8b3480f Compare May 9, 2025 01:56
@dannon dannon marked this pull request as ready for review May 9, 2025 12:14
@dannon dannon force-pushed the dataset-component branch from 8d5a8d2 to e7ba0e1 Compare May 9, 2025 15:15
@guerler
Copy link
Contributor

guerler commented May 9, 2025

This is a great and much-needed feature—thank you for implementing it! I noticed a few issues:

  • The re-run button is visible for uploaded items.
  • Clicking the re-run button leads to a blank page.
  • I suggest hiding the dataset info panel, as it leaves a large empty space to its right. Perhaps replace it with a compact one-line summary, possibly using icons—similar to how we display history size and the number of active/deleted datasets in the history view.
  • Scrolling does not work within the Details, Visualizations, or Edit tabs.
  • The headers for Dataset Information and Edit Dataset Attributes should be aligned.
  • Align padding, background color and separator line to existing similar tabs:
    cast

@dannon dannon force-pushed the dataset-component branch from bb7a96f to b3b15ef Compare May 12, 2025 14:06
@guerler
Copy link
Contributor

guerler commented May 12, 2025

We can fix this later but the dataset info is flickering when switching tabs, I also think that it's not placed well there. We could just add it to the Dataset information panel at the top, that would make more sense imo. Maybe we could at least set the default to collapsed.

cast

@dannon
Copy link
Member Author

dannon commented May 12, 2025

@guerler Yep, that happened when I tweaked the routing, it's on my list.

Copy link
Contributor

@guerler guerler left a comment

Choose a reason for hiding this comment

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

This is a useful feature. Some remaining issues may need to be revisited, like e.g. moving the dataset info to the Dataset Information panel, but we can address those during the freeze period. Thank you for adding it.

@mvdbeek
Copy link
Member

mvdbeek commented May 13, 2025

More bikeshedding, maybe move visualize into 2nd position

@davelopez
Copy link
Contributor

Even more bikeshedding, how about controlling the destination tab using query parameters? Maybe it is already there, I didn't check yet :P

@ahmedhamidawan ahmedhamidawan added the highlight Included in user-facing release notes at the top label May 13, 2025
@dannon
Copy link
Member Author

dannon commented May 14, 2025

I'm going to shift rerun back to the original position, which will fix it -- the problem was available details that we just don't have at the top (unexpanded) level of a dataset and we don't want to have to fetch for everything.

@mvdbeek I can move that back.

@davelopez It already does, just not as a query argument but the route itself!

dannon added 24 commits May 14, 2025 08:32
Clearer indication of datset preview
animations with Vue transitions for smoother state management. This
ensures the header details animation only occurs when intentionally
toggling the header, not during tab navigation.
immediate transition effect. Replace transform-based animations with
comprehensive transitions for all properties including max-height,
margins, and padding for a fluid collapsing behavior.
@dannon dannon force-pushed the dataset-component branch from f41e268 to 3da3ed0 Compare May 14, 2025 12:41
@mvdbeek mvdbeek merged commit 3da3ed0 into galaxyproject:dev May 15, 2025
47 of 56 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/UI-UX highlight Included in user-facing release notes at the top kind/feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants