Exam mode: Display assessment check table in ExamChecklist component

[eceeeren]

Checklist

General

• I tested all changes and their related features with all corresponding user types on a test server.
• Language: I followed the guidelines for inclusive, diversity-sensitive, and appreciative language.
• I chose a title conforming to the naming conventions for pull requests.

Server

• Important: I implemented the changes with a very good performance and prevented too many (unnecessary) database calls.
• I strictly followed the server coding and design guidelines.
• I added multiple integration tests (Spring) related to the features (with a high test coverage).
• I added pre-authorization annotations according to the guidelines and checked the course groups for all new REST Calls (security).
• I documented the Java code using JavaDoc style.

Client

• Important: I implemented the changes with a very good performance, prevented too many (unnecessary) REST calls and made sure the UI is responsive, even with large data.
• I strictly followed the client coding and design guidelines.
• Following the theming guidelines, I specified colors only in the theming variable files and checked that the changes look consistent in both the light and the dark theme.
• I added multiple integration tests (Jest) related to the features (with a high test coverage), while following the test guidelines.
• I added authorities to all new routes and checked the course groups for displaying navigation elements (links, buttons).
• I documented the TypeScript code using JSDoc style.
• I added multiple screenshots/screencasts of my UI changes.
• I translated all newly inserted strings into English and German.

Motivation and Context

Closes #7540
During the exam evaluation phase, the instructors may forget to complete the manual assessments of the exams or grade quizzes and unsubmitted exercises since the buttons exist far from the eye.

This PR is created to give a more clear presentation of the assessments that are not finished yet, quizzes that are not fully assessed and unsubmitted assessments that are not graded yet to the instructors. The aim is to see unfinished assessments and check them right away.

Description

The aim is fulfilled by creating a table with check icons and buttons to grade/assess exercises directly for an easy and correct reviewing process.

Steps for Testing

Prerequisites:

• 1 Instructor
• 2 (or more) Students
• 1 Exam

1. Log in to Artemis
2. Navigate to Course Management as Instructor
3. Create a course if there is not an existing one
4. Add 2+ students to the course
5. Create an exam with "Visible from" in the past and "Start of working time" and "End of working time" in the future
6. Set "Number of points" (e.g. 150 for 5 types) and "Number of exercises" (e.g. 5 types) to not have a problem with exam checklist
7. Do not set "Release Date of Results" yet and save
8. Go to Exam Checklist and check that if you can observe "x Publishing date for results set" as false at Exam correction > Publish the exam results and you can not see a table
9. Got back to exam editing page and set "Release Date of Results" after "End of working time"
10. Save exam and complete exam checklist (preferably create different exercise types) until you can hold a live exam
11. Take "Start of working time" to the past and start the exam
12. Log in with Student 1 and take the exam
13. Log in with Student 2 and take the exam
14. 16. Navigate to Course Management > Exams > Exam Checklist, observe that there is a table and all the buttons are disabled because exam is not over yet
15. If you have more than 2 students continue to take the exams, one of them should be started but not submitted (time is up)
16. To finish testing faster, set "End of working time" as now
17. Navigate to Course Management > Exams > Exam Checklist, observe that all of the buttons are activated (if Assessment did not finish, if there are quiz exercises and they are not assessed, if there are unsubmitted modelling & text exercises and they are not assessed to 0)
18. Click "Assessment" button and verify you are redirected to Assessment Dashboard
19. Click "Evaluate quizzes" and verify that you can now see a check and the button is disabled
20. Click "Assess unsubmitted exams" and verify that you can now see a check and the button is disabled

Testserver States

Note

These badges show the state of the test servers.
Green = Currently available, Red = Currently locked

Review Progress

Performance Review

• I (as a reviewer) confirm that the client changes (in particular related to REST calls and UI responsiveness) are implemented with a very good performance
• I (as a reviewer) confirm that the server changes (in particular related to database calls) are implemented with a very good performance

Code Review

• Code Review 1
• Code Review 2

Manual Tests

• Test 1
• Test 2

Exam Mode Test

• Test 1
• Test 2

Test Coverage

Screenshots

Assessment Check Table when the exam is not over yet or all the assessments are checked

Assessment Check Table when the assessment is not finished yet

[coderabbitai]

Actionable comments posted: 3

[beyzaaltuntas]

Re-approve.