Somiaj new grades page

[Alex-Jordan]

What do you think about these?

1. For a test, move the overall score report and the report of which version is the relevant version all to one line. For example, the second assignment here:

2. Add a row to the tables to show the weights of each problem. But before objecting to the excess space this takes up...
3. Add toggles to reveal weights and attempt counts:

Those rows are hidden by default as in the first screenshot. No javascript is used for this, just css.

[Alex-Jordan]

Remind me what I run to format an scss file to make it look pretty?

[Alex-Jordan]

The fake buttons here are not accessible, so I need to work on that.

Right now, they are actually labels for hidden checkboxes. The checked status of the checkboxes is what controls whether the table rows are hidden or not. I could reveal the checkboxes themselves, which would make it all accessible. But I want to explore if I can make it accessible without having to see those. Stepping away for now though.

[somiaj]

Maybe use local storage to store if the weights/attempts are shown/hidden.

[somiaj]

You could also add a data atribute vs a checkbox, but I'd use local storage that way it remebers a user's preference.

[somiaj]

You can remove this <br>.

[somiaj]

It could be possible only things begins shown are open/reduced/closed tests with either no versions taken or hidden grades, and then there wouldn't be anything to toggle. Probably rare and not worth trying to be that exact, just pointing that could happen.

[somiaj]

@Alex-Jordan I took your suggestion and implemented them with javascript and using local storage to recall the user's preference. Would you like me to send the patch here (it is top of my branch, not your changes, to based off your changes), or just update the PR and close this?

[Alex-Jordan]

Sure, you can just close this and move on directly. I just wanted to show the proof of concept.

[somiaj]

Alright. Go check it out and let me know what you think.