Skip to content

feat: view full job JSON of uploads in UI before submission#314

Merged
helen-m-lin merged 11 commits into
devfrom
feat-280-view-modality-json
Sep 29, 2025
Merged

feat: view full job JSON of uploads in UI before submission#314
helen-m-lin merged 11 commits into
devfrom
feat-280-view-modality-json

Conversation

@johendrickson

@johendrickson johendrickson commented Sep 24, 2025

Copy link
Copy Markdown
Contributor

Closes #280
image
image

In an unfinished state. Currently has two test columns for development purposes.
- Introduce dedicated `#json-modal` for viewing full job JSON
- Update `addTableRow` to include JSON column/button
- Adjust table headers to replace "modal" column with "json"
- Move logic from settings iframe to JSON `<pre>` display
- Simplify function signature (`modalitiesLength` instead of full array)
- Create dedicated Bootstrap modal for job JSON
- Wire button click to open modal and display validated job JSON
- Print job JSON to console for debugging
@johendrickson

johendrickson commented Sep 24, 2025

Copy link
Copy Markdown
Contributor Author

@helen-m-lin my latest commit tries to tackle this goal:
Given the user clicks on the button for a job, then a pop-up modal should be displayed which includes the full validated job json from the server.

  • Create the modal itself, add it into the body section w/ correct bootstrap styling. Update ids and titles to fit scenario
  • Fetch the correct job json for each button click, print in the console for testing
  • Feed the json to the popup and display it

Comment thread src/aind_data_transfer_service/templates/index.html Outdated
- Removed unused/commented code
- Simplified addTableRow logic and corrected modality JSON rowspan
@johendrickson johendrickson marked this pull request as ready for review September 25, 2025 20:59

@helen-m-lin helen-m-lin left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Looks great! I tested this with a few different upload files, including https://github.com/AllenNeuralDynamics/aind-data-transfer-service/blob/dev/docs/examples/behavior_videos_compression.csv which I think is a good example for showing nested modality transformation settings that don't get displayed in the main table.

Great job learning and implementing the modal, event listeners, bootstrap components and styling.

I left 2 minor/nit comments to simplify the code. @mekhlakapoor would you mind also giving this a review in case you have feedback for the UI?

Comment thread src/aind_data_transfer_service/templates/index.html Outdated
Comment thread src/aind_data_transfer_service/templates/index.html Outdated
Removes unneeded nesting and redundancy
Updates returned json indentation from 2 to 3 spaces
@helen-m-lin helen-m-lin merged commit 75f023d into dev Sep 29, 2025
3 checks passed
@helen-m-lin helen-m-lin deleted the feat-280-view-modality-json branch September 29, 2025 22:51
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.

View upload job's modality settings json in UI

2 participants