Skip to content

[UI/UX:Submission] Collapse File List#12938

Merged
bmcutler merged 3 commits into
mainfrom
collapse-file-list
Jun 23, 2026
Merged

[UI/UX:Submission] Collapse File List#12938
bmcutler merged 3 commits into
mainfrom
collapse-file-list

Conversation

@dandrecollins07-ctrl

@dandrecollins07-ctrl dandrecollins07-ctrl commented Jun 20, 2026

Copy link
Copy Markdown
Contributor

Why is this Change Important & Necessary?

Fixes Issue #10387
Currently, if a student submits more than 20 files, the submitted files section can take up most of the page. This forces students to scroll through a long file list before reaching their autograding results and submission details.

What is the New Behavior?

If a submission contains more than 20 downloadable files, the submitted files section is collapsed by default. Users can expand or collapse the file list using the toggle next to the Submitted Files header.

Before:
image

After:
image

What steps should a reviewer take to reproduce or test the bug or new feature?

In the main branch:

  1. Log in as a student
  2. Submit an assignment with 20+ files (you may need to submit a zip, depending on the assignment type)
  3. Observe that all submitted files are displayed immediately.

In the PR branch:

  1. Log in as a student
  2. Submit an assignment with 20+ files (you may need to submit a zip, depending on the assignment type)
  3. Test the expand files option along with the collapse files option

Automated Testing & Documentation

N/A

Other information

N/A

@codecov

codecov Bot commented Jun 20, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 21.50%. Comparing base (1089807) to head (ffc7b53).

Additional details and impacted files

Impacted file tree graph

@@            Coverage Diff            @@
##               main   #12938   +/-   ##
=========================================
  Coverage     21.50%   21.50%           
  Complexity     9896     9896           
=========================================
  Files           268      268           
  Lines         36968    36968           
  Branches        495      495           
=========================================
  Hits           7951     7951           
  Misses        28526    28526           
  Partials        491      491           
Flag Coverage Δ
autograder 21.32% <ø> (ø)
js 2.01% <ø> (ø)
migrator 100.00% <ø> (ø)
php 20.54% <ø> (ø)
python_submitty_utils 80.08% <ø> (ø)
submitty_daemon_jobs 91.13% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@mattLif mattLif 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.

Tested the dropdown feature and everything works as intended. Code looks good too, so I approve. Couple of thoughts though:

  • Do we think the collapse could be useful to appear with a smaller amount for files as well, but only be on by default for amounts over 20?
  • Would "Show/Hide" be more intuitive than "Expand/Collapse"?

@github-project-automation github-project-automation Bot moved this from Seeking Reviewer to Awaiting Maintainer Review in Submitty Development Jun 22, 2026
@dandrecollins07-ctrl

Copy link
Copy Markdown
Contributor Author

Tested the dropdown feature and everything works as intended. Code looks good too, so I approve. Couple of thoughts though:

  • Do we think the collapse could be useful to appear with a smaller amount for files as well, but only be on by default for amounts over 20?
  • Would "Show/Hide" be more intuitive than "Expand/Collapse"?

Changes implemented, thank you.

@mattLif mattLif 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.

Changes look good, I'm approving

@bmcutler
bmcutler merged commit dbba04f into main Jun 23, 2026
26 of 27 checks passed
@bmcutler
bmcutler deleted the collapse-file-list branch June 23, 2026 16:16
@github-project-automation github-project-automation Bot moved this from Awaiting Maintainer Review to Done in Submitty Development Jun 23, 2026
jndlansh pushed a commit to jndlansh/Submitty that referenced this pull request Jul 1, 2026
### Why is this Change Important & Necessary?
Fixes Issue Submitty#10387 
Currently, if a student submits more than 20 files, the submitted files
section can take up most of the page. This forces students to scroll
through a long file list before reaching their autograding results and
submission details.

### What is the New Behavior?
If a submission contains more than 20 downloadable files, the submitted
files section is collapsed by default. Users can expand or collapse the
file list using the toggle next to the Submitted Files header.

Before: 
<img width="835" height="472" alt="image"
src="https://github.com/user-attachments/assets/25b61817-2f05-46fb-a018-aeb5082b754e"
/>

After:
<img width="1704" height="240" alt="image"
src="https://github.com/user-attachments/assets/dda07296-c41f-4644-86b0-8688d3391d58"
/>

### What steps should a reviewer take to reproduce or test the bug or
new feature?

In the main branch:
1. Log in as a student
2. Submit an assignment with 20+ files (you may need to submit a zip,
depending on the assignment type)
3. Observe that all submitted files are displayed immediately.

In the PR branch:
1. Log in as a student
2. Submit an assignment with 20+ files (you may need to submit a zip,
depending on the assignment type)
3. Test the expand files option along with the collapse files option

### Automated Testing & Documentation
N/A

### Other information
N/A
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Archived in project

Development

Successfully merging this pull request may close these issues.

3 participants