Skip to content

UX Improvements to the Instructor Requests Dashboard#385

Merged
cycomachead merged 5 commits intomainfrom
cycomachead/87-enhance-staff-requests-index/1
Apr 15, 2026
Merged

UX Improvements to the Instructor Requests Dashboard#385
cycomachead merged 5 commits intomainfrom
cycomachead/87-enhance-staff-requests-index/1

Conversation

@cycomachead
Copy link
Copy Markdown
Contributor

@cycomachead cycomachead commented Apr 14, 2026

General Info

See this:

Screenshot 2026-04-14 at 11 05 03 PM
  • Does not rely on data tables for export buttons
  • Adds a toggle for multiple requests batch mode to reduce column noise.
  • Tries to cleanup the table HTML a bit.
  • Improves aria labels and simplifies logic a bit.

Changes

Enhances the course staff requests index view with several usability improvements:

  • Batch Edit toggle: Added a "Batch Edit" button in the table header that shows/hides the selection column and batch action bar. The button updates its label and state to reflect whether batch edit mode is active, and deselects all rows on exit.
  • Export buttons relocated: Moved export/download buttons to the table footer (bottom2Start) to reduce clutter above the table.
  • Column visibility improvements: Moved the colvis button to the top toolbar alongside Batch Edit. Active (visible) columns now display a checkmark in the dropdown, with consistent left-padding so text remains vertically aligned regardless of which columns are toggled.
  • Cleaner action buttons: Removed the view link and .btn-group wrapper from the actions column. Approve/Deny buttons now include the person's name and assignment in their label (e.g., "Approve Jane Doe Homework 1") for clarity and accessibility.
  • Selector updates in JS: Updated JavaScript to use .request-actions instead of .btn-group when disabling buttons and removing action UI after a successful approve/deny.

Testing

  • Verify the Batch Edit button toggles the selection column and batch action bar on/off, and clears selections when exiting.
  • Confirm column visibility dropdown shows checkmarks for visible columns with aligned text.
  • Confirm export buttons appear in the table footer.
  • Confirm Approve/Deny buttons display the correct person and assignment name, and that buttons are disabled during submission and removed after a successful action.
  • Test on both desktop and mobile (responsive) layouts.

Documentation

No documentation changes required.

Checklist

  • Name of branch corresponds to story

Superconductor Ticket Implementation | App Preview | Guided Review

cycomachead and others added 5 commits April 14, 2026 16:54
- Relocate export buttons below the table for better layout flow.
- Add a "Batch Edit" toggle to control selection column visibility.
- Update action buttons with specific labels and remove nested groups.
- Add checkmark indicators and improved alignment to column visibility menu.
- Remove redundant navigation links from the actions column.

Co-authored-by: Claude Code <noreply@anthropic.com>
* main:
  gosh sprockets is frustrating
  WIP debugging JS / datatables
  Attemmpts at styling the course dashboard a little more
  Delint
  Delint
  Run db:migrate
  feat: group and sort dashboard courses by semester
@cycomachead cycomachead changed the title Enhance Course Staff Requests Index View: Refine Export Buttons, Add Batch Edit, Improve Action Labels, and Column Visibility UX Improvements to the Instructor Requests Dashboard Apr 15, 2026
@cycomachead cycomachead merged commit b1315b7 into main Apr 15, 2026
11 checks passed
@cycomachead cycomachead deleted the cycomachead/87-enhance-staff-requests-index/1 branch April 15, 2026 06:10
Comment on lines +20 to +25
// For the requests table, we want to make the action buttons exactly the same size
// regardless of the icon used.
.action-btn i {
width: 12.5px;
}

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Crap, this does nothing and should be deleted.

Suggested change
// For the requests table, we want to make the action buttons exactly the same size
// regardless of the icon used.
.action-btn i {
width: 12.5px;
}

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.

1 participant