Development » OnlineGradeCalculator

Description:
The following tasks involve UI/UX improvements and feature adjustments for the grading tables module:

1. View Mode Improvements:

   • Ensure that the grading table is displayed in an unedited state when clicking "Show Selected Table" in view mode.
   • Switching table selection should revert from edit/create mode back to view mode.

2. Create Table Mode Enhancements:

   • Remove the close button from the create table mode interface.
   • Set the default number of rows in the custom table creation mode to 8.
   • Ensure that the "Save" button in edit mode is always active when valid inputs are present.

3. Table Layout Adjustments:

   • Allocate less space for the GPA and percentage columns in the table for better readability.
   • Ensure that the custom table percentage range aligns with the grade sheet's compact table format.

4. Custom Table Limitations:

   • Restrict users to a maximum of 5 custom tables.
   • Display the number of custom tables a user currently has in the dashboard.

Steps to Reproduce:¶

1. Interact with the grading table interface in various modes (view, edit, create).
2. Attempt to create custom tables and adjust the table layout to test functionality.
3. Verify dashboard updates and table creation limits.

Expected Outcomes:¶

• Improved UI consistency and intuitive interaction across all modes.
• Users can only create up to 5 custom tables, with the number displayed on the dashboard.
• Proper alignment and layout for table columns and percentage ranges.