Enrollments Page: Match table style to requests, set default limit to 100, reposition sync button, and add sync timestamp.

[cycomachead]

General Info

• Pivotal Tracker Story
• Breaking?

Changes

Updates the Enrollments page UI to match the style of the Requests pages, and expands sync permissions to all course staff.

Table styling: Added flextensions-table class and updated the header to use table-blue-medium text-white with a <thead> element, matching the pattern used on the requests pages. Wrapped the table in a table-responsive div.

Default page limit: Changed the DataTable pageLength from 500 to 100.

Sync button: Moved from a centered layout to bottom-left (text-start), and updated the style from btn btn-info to btn btn-outline-primary (dark blue outline). Removed the @is_course_admin gate so all course staff can see and use the button.

Sync permissions: Updated sync_enrollments in the controller to allow any course staff member (@role == 'instructor') rather than only course admins. This ensures TAs can actually use the sync button rather than receiving a forbidden error. Updated the corresponding spec to reflect this.

Last synced timestamp: Added an enrollments_last_synced_at helper that reads course_to_lms.recent_roster_sync['synced_at'] and displays it below the sync button as "Enrollments last synced at [time]", or "never" if no sync has occurred.

Reviewer note: The ticket says "ensure all course staff can see the button," but leaving TAs with a visible button that returns 403 would be broken UX. The backend permission was updated to match. If TAs should see but not use the button, the controller/spec changes can be reverted.

Testing

• Updated the TA spec in courses_controller_spec.rb to expect :ok instead of :forbidden for sync_enrollments.
• Manual verification of Ruby and JS syntax on all changed files.
• Full RSpec suite could not be run in this environment (no PostgreSQL available).

Documentation

No documentation changes required.

Checklist

• Name of branch corresponds to story

---

Superconductor Ticket Implementation | App Preview | Guided Review