Grading UI/UX Minor Inconsistencies, Issues and Suggestions

[InfinityTwo]

Partial follow-up of #2893 and #3023 of which some were caused by other PRs and code refactoring

Minor Issues/Inconsistencies

UX

• We now have two search areas, one at the top right for Assessment Names only, and the others below the column headers. For consistency, it could be combined into one searchbar.
• Assessments (unattempted ones at least) that are automatically marked as submitted after the closure date/time do not show up in viewing as unpublished but are marked as Submitted. However, finalised submissions do show and are too, marked as Submitted.
• Refresh button does not work anymore.
• Loading animation does not show anymore when fetching data (or it does but only for a split second).
  • This causes another bug where users can double-filter (or more) by quickly clicking on a few rows (e.g. clicking on two different student names), which shows only one student's data. Also, when you remove the filter, it removes all filters related to the column.
• You can grade/view work that is marked as attempting but only look at the first question if there are multiple questions in the assessment.
• As an avenger, if you publish your own assignment, then edit your assignment by adding something, it becomes Attempted. If you filter by Attempted, you get no results.

UI

• Active filters onhover effect highlights all filters that can be unfiltered.
• Hand cursor is shown in the Actions cells when not hovering over the buttons there (default state is do nothing when clicked instead of view/grade the assessment to prevent misclick, so it should be a pointer instead)
• Cells with buttons that are filterable, when hovered in Grading Mode, show hover effects (a different shade of colour) as if it is filterable
• The filter icon above the Name column is vertically misaligned.

Other Suggestions

• Multi-search/filter functionality with certain key operators like how Google search has, like using -rune to omit anything related to runes, "" for an exact match, name:John to search by name or other columns if using a single searchbar, etc.
• Save state (maybe browser storage or cookies) to save default filter options (such as how many per page, unpublished or all) after exiting the Grading page.
• Back to top button at the bottom of the page or have sticky filters, which could be more useful for viewing large (like 50) submissions.
• The column used for sorting could use an addition to show that column is actively being sorted by. This could be a different active background colour or active sorting icon that does not disappear on unhover.
• Not fully Grading related but courtesy of AY24/25 Ed discussion, sticky navigation bar in the editor as seen below