Lectures: Replace guided mode with status bar edit and create view

[florian-glombik]

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.

Client

• I strictly followed the client coding and design guidelines.
• I added multiple integration tests (Jest) related to the features (with a high test coverage), while following the test guidelines.
• I added multiple screenshots/screencasts of my UI changes.
• I translated all newly inserted strings into English and German.

Motivation and Context

We do currently have the guided mode for the creation of lectures, however, we consider the approach used for the creation of exercises (status bar that allows you to scroll to sections and displays the current state of these sections) as more user friendly than the current guided mode.

Description

• Introduce the status bar to the lecture create + edit view
• Remove the current guided mode
• Introduce signals and remove code smells
• Renamed previously named "wizard components" and replaced them in folder structure

Steps for Testing

Prerequisites:

• 1 Instructor

1. Create a new Lecture
2. Verify that no guided mode is offered anymore (no button in the upper right corner of the view)
3. Verify that the title and period section are offered
4. Fill out the sections and save the lecture
5. Verify that you are forwarded to the lecture edit page, but now attachments and units sections are available
6. Make changes to the attachments and units section
7. Verify that all changes have been saved
8. Verify that in edit mode the save button is enabled if there is a change made to title or period section (attachment / unit section changes are saved directly)

Testserver States

Note

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

Review Progress

Performance Review

Code Review

• Code Review 1
• Code Review 2

Manual Tests

• Test 1
• Test 2

Test Coverage

Class/File	Line Coverage	Confirmation (assert/expect)
hasLectureUnsavedChanges.guard.ts	100%	✅
lecture-attachments.component.ts	97.2%	✅
lecture-unit-management.component.ts	89.47%	✅
lecture-update.component.ts	92.24%	✅
lecture.service.ts	97.08%	✅

Screenshots

new version (status bar instead of guided mode)

old version

Summary by CodeRabbit

Release Notes

• New Features

  • Introduced a streamlined lecture update process, enhancing form handling and state management.
  • Added new methods for ingesting lectures and retrieving ingestion states within the lecture service.
  • Updated localization files to improve user interface clarity and functionality for editing lectures.

• Bug Fixes

  • Improved error handling and robustness in various components, including lecture unit management and attachment handling.

• Refactor

  • Simplified component structures and removed unnecessary wizard mode logic for a more straightforward user experience.
  • Enhanced the Attachment class by removing an empty constructor to simplify the class definition.
  • Updated component properties and methods to utilize Angular's dependency injection more effectively.

• Chores

  • Removed deprecated components and associated tests to clean up the codebase.
  • Updated import paths and component references to reflect new directory structures.

[HawKhiem]

Tested on TS3. Everything works as described

[Feras797]

tested on ts3, everything works as described. 👍

[Cathy0123456789]

Tested on TS3. Works as expected

[krusche]

code looks good to me 👍