Skip to content

Dataset Detail Page: transform JSON into full folder tree, add Metadata panel, and adjust responsive panel layout #90

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.

Sign up for GitHub

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

Jump to bottom
Merged
elainefan331 merged 14 commits into from
Sep 8, 2025
Merged

Dataset Detail Page: transform JSON into full folder tree, add Metadata panel, and adjust responsive panel layout #90

elainefan331 merged 14 commits into from
Sep 8, 2025

Conversation

@elainefan331
Copy link
Collaborator

@elainefan331 elainefan331 commented Sep 8, 2025 •
edited
Loading

This pull request improves the Dataset Detail page to make datasets easier to browse and keeps the UI consistent across screen sizes.

  • resolves Transform JSON into full folder-like structure for dataset detail page #88
  • Added a folder-like Files tree generated from the dataset JSON
  • Added a right-side Metadata panel (Modalities, DOI link, Subjects, License, BIDS Version, References)
  • Adjusted the layout to align columns, enable internal scrolling, and prevent panel overflow on smaller screens
  • Normalized DOI values into clickable links

@elainefan331
feat: transform JSON into hierarchical folder structure in dataset de…
8444610 
…tail page; refs #88
@elainefan331
feat: show 1-based inline labels for primitive array items for folder…
b805e2b 
…s in dataset detail page; refs #88
@elainefan331
feat: configurable color for subject folders to improve visual clarity
f74e703
@elainefan331
feat: highlight JSON nodes to distinguish from data-linked subject fo…
3939ec6 
…lders; refs #88
@elainefan331
docs: add comments for clearer code explanation
0f997d7
@elainefan331
test: add mesh preview in the tree row
5f48c1e
@elainefan331
feat: add preview for embedded internal data in file tree; refs #88
443d38b
@elainefan331
chore: comment out all console.log statements for clean up
b9891d0
@elainefan331
feat: add copy button to tree rows; refs #88
14b17ba
@elainefan331
style: align copy buttons across folder and file rows; refs #88
f71f3e4
@elainefan331
feat: add show more and show less for long string values in node tree…
bc57300 
…; refs #88
@elainefan331
feat: clamp leaf text to 1 line by default; closes #88
9e7fca3
@elainefan331
feat: add metadata panel to dataset detail page
d918356
@elainefan331
style: adjust the four panels layout in dataset detail page
0f8b71d
@elainefan331 elainefan331 merged commit 6b211d8 into staging Sep 8, 2025
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Transform JSON into full folder-like structure for dataset detail page

2 participants

@elainefan331