Integrated code lifecycle: Add filter and search to finished build jobs

[BBesrour]

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 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 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

To make it easier for admins to navigate through the finished build jobs, we want to add a filter/search feature for these criteria: status, build agent, build start date, build duration, and a search field for build jobs for specific users and courses

Description

Client: added the necessary UI for the filter. Also filters should be saved in localStorage in case of page reload
Server: Added a query according to the required criteria (for searching for user, instead of querying the actual user, we check the username in the repository name)

Steps for Testing

Prerequisites:

• Integrated code lifecycle setup
• 1 Admin
• At least 2 courses
• At least 2 users
• Participations in both courses by both users

1. Navigate to Server Administration > BuildQueue > Finished build queue
2. Play around with the filter and make sure that the results are correct (preferably test locally for a controlled number of build jobs)
3. Navigate to Course Management > Select a course > Build Queue (top right)
4. Play around with the filter and make sure that the results are correct

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

Test Coverage

Screenshots

Summary by CodeRabbit

• New Features

  • Introduced enhanced filtering options for finished build jobs in the build queue.
  • Added new methods to query build jobs by various criteria such as build status, dates, and duration.

• Refactor

  • Improved layout and functionality of the build queue section to enhance user experience.

• Documentation

  • Updated documentation for newly introduced methods and functionalities.

[coderabbitai]

Actionable comments posted: 5

[coderabbitai]

Actionable comments posted: 1

[pzdr7]

Code

[muradium]

Reapprove - conflict fixes

[yassinsws]

reapprove

[sarpsahinalp]

Reapprove