From 4fdff518726baa3896eb9a8b4e831d9179baf145 Mon Sep 17 00:00:00 2001
From: Johannes <monoxotix@gmail.com>
Date: Tue, 29 Aug 2023 18:09:37 +0200
Subject: [PATCH 1/3] add checkboxes to task details

---
 .../course-detail.component.html              | 25 ++++++++++++++
 .../course-detail.component.scss              |  6 ++++
 .../course-detail/course-detail.component.ts  | 33 +++++++++++++++++++
 .../task-preview/task-preview.component.html  | 11 ++++++-
 .../task-preview/task-preview.component.ts    | 11 ++++++-
 5 files changed, 84 insertions(+), 2 deletions(-)

diff --git a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.html b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.html
index a9d923c3c..e88e211f7 100644
--- a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.html
+++ b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.html
@@ -74,6 +74,17 @@
     >
       <mat-icon>check</mat-icon>
     </button>
+
+    <button
+      mat-icon-button
+      *ngIf="isAuthorized()"
+      (click)="enableEditTasks()"
+      matTooltip="Kursinhalt bearbeiten"
+    >
+      <mat-icon *ngIf="!editTasks" class="icon-off">toggle_off</mat-icon>
+      <mat-icon *ngIf="editTasks" class="icon-on">toggle_on</mat-icon>
+    </button>
+
     <button
       mat-icon-button
       *ngIf="isAuthorized() || role"
@@ -145,6 +156,17 @@
     </button>
   </div>
 
+  <!-- Checkbox: Alles Auswählen -->
+  <section *ngIf="editTasks">
+    <mat-checkbox
+      [ngModel]="isAllSelected()"
+      (ngModelChange)="changeAllSelections()"
+    >
+      <span *ngIf="!isAllSelected()">Alles auswählen</span>
+      <span *ngIf="isAllSelected()">Alles abwählen</span>
+    </mat-checkbox>
+  </section>
+
   <!--  <markdown ngPreserveWhitespaces [data]="courseDetail?.course_description"></markdown>-->
   <div class="task-list">
     <div *ngFor="let task of tasks">
@@ -152,6 +174,9 @@
         [courseId]="courseID"
         [task]="task"
         [taskResult]="taskResults[task.id]"
+        [isSelectable]="editTasks"
+        (selectionChanged)="toggleSelection($event, task)"
+        [isSelected]="isInSelectedTasks(task)"
       >
       </app-task-preview>
     </div>
diff --git a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.scss b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.scss
index edab582a3..2187db4c6 100644
--- a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.scss
+++ b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.scss
@@ -127,3 +127,9 @@
     justify-content: center;
   }
 }
+.icon-off {
+  color: grey;
+}
+.icon-on {
+  color: #3fa73f;
+}
\ No newline at end of file
diff --git a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.ts b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.ts
index 23793c5fe..458d0429d 100644
--- a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.ts
+++ b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.ts
@@ -53,6 +53,9 @@ export class CourseDetailComponent implements OnInit {
   openConferences: Observable<string[]>;
   userID: number;
 
+  editTasks: boolean = false;
+  selectedTasks: Task[] = [];
+
   ngOnInit() {
     this.route.params.subscribe((param) => {
       this.courseID = param.id;
@@ -292,4 +295,34 @@ export class CourseDetailComponent implements OnInit {
         }
       });
   }
+
+  enableEditTasks() {
+    this.editTasks = !this.editTasks;
+  }
+
+  toggleSelection(event, task: Task) {
+    if (event) {
+      this.selectedTasks.push(task);
+    } else {
+      // delete only the task with the same id
+      this.selectedTasks = this.selectedTasks.filter((t) => t.id !== task.id);
+    }
+  }
+
+  isInSelectedTasks(task: Task): boolean {
+    return this.selectedTasks.some((t) => t.id === task.id);
+  }
+
+  changeAllSelections() {
+    if (this.isAllSelected()) {
+      this.selectedTasks = [];
+    } else {
+      console.log("not all selected");
+      this.selectedTasks = this.tasks;
+    }
+  }
+
+  isAllSelected(): boolean {
+    return this.selectedTasks.length == this.tasks.length;
+  }
 }
diff --git a/modules/fbs-core/web/src/app/page-components/course-detail/task-preview/task-preview.component.html b/modules/fbs-core/web/src/app/page-components/course-detail/task-preview/task-preview.component.html
index d6b5aa45e..af141175b 100644
--- a/modules/fbs-core/web/src/app/page-components/course-detail/task-preview/task-preview.component.html
+++ b/modules/fbs-core/web/src/app/page-components/course-detail/task-preview/task-preview.component.html
@@ -1,9 +1,18 @@
 <mat-card
-  [routerLink]="['/courses', courseId, 'task', task.id]"
+  [routerLink]="!isSelectable ? ['/courses', courseId, 'task', task.id] : null"
+  (click)="isSelectable ? toggleSelection() : null"
   class="task-container"
   id="{{ task.id }}"
 >
+  {{ test | json }}
   <div class="task-title">
+    <section *ngIf="isSelectable" (click)="$event.stopPropagation()">
+      <mat-checkbox
+        [ngModel]="isSelected"
+        (ngModelChange)="toggleSelection()"
+      ></mat-checkbox>
+    </section>
+
     <span *ngIf="task.requirementType === 'mandatory'">
       <mat-icon class="mandatory" matTooltip="Pflicht">priority_high</mat-icon>
     </span>
diff --git a/modules/fbs-core/web/src/app/page-components/course-detail/task-preview/task-preview.component.ts b/modules/fbs-core/web/src/app/page-components/course-detail/task-preview/task-preview.component.ts
index 1b8297be7..c8c35bed5 100644
--- a/modules/fbs-core/web/src/app/page-components/course-detail/task-preview/task-preview.component.ts
+++ b/modules/fbs-core/web/src/app/page-components/course-detail/task-preview/task-preview.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from "@angular/core";
+import { Component, Input, Output, EventEmitter } from "@angular/core";
 import { Task } from "../../../model/Task";
 import { UserTaskResult } from "../../../model/UserTaskResult";
 
@@ -11,6 +11,15 @@ export class TaskPreviewComponent {
   @Input() courseId: number;
   @Input() task: Task;
   @Input() taskResult: UserTaskResult = null;
+  @Input() isSelectable: boolean = false;
+  @Input() isSelected: boolean = false;
+
+  @Output() selectionChanged = new EventEmitter<boolean>();
 
   constructor() {}
+
+  toggleSelection() {
+    this.isSelected = !this.isSelected;
+    this.selectionChanged.emit(this.isSelected);
+  }
 }

From 0d7b597653923eb1a3ba139525d5dcb527f28afb Mon Sep 17 00:00:00 2001
From: Johannes <monoxotix@gmail.com>
Date: Wed, 30 Aug 2023 16:58:23 +0200
Subject: [PATCH 2/3] stuff

---
 .../task-new-dialog.component.html            | 78 ++++++++++++++++---
 .../task-new-dialog.component.scss            | 19 ++++-
 .../task-new-dialog.component.ts              | 19 ++++-
 .../web/src/app/enums/taskUpdateConditions.ts |  5 ++
 .../course-detail.component.html              | 27 ++++---
 .../course-detail.component.scss              |  7 ++
 .../course-detail/course-detail.component.ts  | 16 ++++
 .../task-preview/task-preview.component.html  |  1 -
 .../web/src/app/service/task.service.ts       | 18 +++++
 9 files changed, 165 insertions(+), 25 deletions(-)
 create mode 100644 modules/fbs-core/web/src/app/enums/taskUpdateConditions.ts

diff --git a/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.html b/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.html
index dc35ba11b..6dfc4fa94 100644
--- a/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.html
+++ b/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.html
@@ -1,14 +1,55 @@
-<div matDialogTitle *ngIf="!isUpdate">Neue Aufgabe erstellen</div>
-<div matDialogTitle *ngIf="isUpdate">Aufgabe bearbeiten</div>
+<div matDialogTitle *ngIf="updateCondition === allUpdateConditions.CREATE">
+  Neue Aufgabe erstellen
+</div>
+<div matDialogTitle *ngIf="updateCondition === allUpdateConditions.UPDATE">
+  Aufgabe bearbeiten
+</div>
+<div
+  matDialogTitle
+  *ngIf="updateCondition === allUpdateConditions.UPDATE_MULTIPLE"
+>
+  Ausgewählte Aufgaben bearbeiten
+</div>
+
+<div *ngIf="updateCondition === allUpdateConditions.UPDATE_MULTIPLE">
+  Ausgewählte Aufgaben:
+  <span *ngFor="let task of data.tasks"> {{ task.name }}; </span>
+
+  <section
+    *ngIf="updateCondition === allUpdateConditions.UPDATE_MULTIPLE"
+    class="checkboxes"
+  >
+    <div>
+      Deadline
+      <mat-checkbox [(ngModel)]="datePickerSelected"></mat-checkbox>
+    </div>
+    <div>
+      Mediatype
+      <mat-checkbox [(ngModel)]="mediaTypeSelected"></mat-checkbox>
+    </div>
+    <div>
+      Verbindlichkeit
+      <mat-checkbox [(ngModel)]="requirementTypeSelected"></mat-checkbox>
+    </div>
+    <div>
+      Sichtbarkeit
+      <mat-checkbox [(ngModel)]="isPrivateSelected"></mat-checkbox>
+    </div>
+  </section>
+</div>
+
 <div class="newTask">
   <form [formGroup]="taskForm">
     <!-- Task name -->
-    <mat-form-field>
+    <mat-form-field
+      *ngIf="updateCondition !== allUpdateConditions.UPDATE_MULTIPLE"
+    >
       <input type="text" placeholder="Name" matInput formControlName="name" />
     </mat-form-field>
-
     <!-- Task Description -->
-    <mat-form-field>
+    <mat-form-field
+      *ngIf="updateCondition !== allUpdateConditions.UPDATE_MULTIPLE"
+    >
       <mat-label>Beschreibung</mat-label>
       <textarea
         matInput
@@ -33,15 +74,17 @@
         [readonly]="true"
         matInput
         [ngxMatDatetimePicker]="picker"
-        [disabled]="datePickerDisabled"
+        [disabled]="datePickerDisabled || !datePickerSelected"
         placeholder="Deadline"
         formControlName="deadline"
         (dateChange)="addDate($event)"
       />
+
       <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
       <ngx-mat-datetime-picker
         #picker
         [showSeconds]="true"
+        [disabled]="!datePickerSelected"
       ></ngx-mat-datetime-picker>
     </mat-form-field>
 
@@ -50,6 +93,7 @@
       formControlName="expCheck"
       class="noDeadline"
       (change)="setMaxExpirationDate($event)"
+      [disabled]="!datePickerSelected"
     >
       Ohne Deadline
     </mat-slide-toggle>
@@ -59,7 +103,7 @@
       <mat-label>Medientyp</mat-label>
       <mat-select
         formControlName="mediaType"
-        [disabled]="disableTypeChange"
+        [disabled]="disableTypeChange || !mediaTypeSelected"
         (selectionChange)="changedMediaType()"
       >
         <mat-option value="text/plain">Text</mat-option>
@@ -71,7 +115,10 @@
     <!-- Task Mediatype -->
     <mat-form-field class="col pad">
       <mat-label>Verbindlichkeit</mat-label>
-      <mat-select formControlName="requirementType">
+      <mat-select
+        formControlName="requirementType"
+        [disabled]="!requirementTypeSelected"
+      >
         <mat-option value="mandatory">Pflicht</mat-option>
         <mat-option value="optional">Bonus</mat-option>
         <mat-option value="practice">Übung</mat-option>
@@ -82,7 +129,7 @@
 
     <mat-form-field class="col">
       <mat-label>Sichtbarkeit</mat-label>
-      <mat-select formControlName="isPrivate">
+      <mat-select formControlName="isPrivate" [disabled]="!isPrivateSelected">
         <mat-option value="Studenten">Studenten</mat-option>
         <mat-option value="Tutoren">Tutoren</mat-option>
       </mat-select>
@@ -178,7 +225,7 @@
       Abbrechen
     </button>
     <button
-      *ngIf="!isUpdate"
+      *ngIf="updateCondition === allUpdateConditions.CREATE"
       mat-flat-button
       color="accent"
       [disabled]="!taskForm.valid"
@@ -187,7 +234,7 @@
       Erstellen
     </button>
     <button
-      *ngIf="isUpdate"
+      *ngIf="updateCondition === allUpdateConditions.UPDATE"
       mat-flat-button
       color="accent"
       [disabled]="!taskForm.valid"
@@ -195,5 +242,14 @@
     >
       Update
     </button>
+    <button
+      *ngIf="updateCondition === allUpdateConditions.UPDATE_MULTIPLE"
+      mat-flat-button
+      color="accent"
+      [disabled]="!taskForm.valid"
+      (click)="updateMultipleTaskDetails(selectedTasks)"
+    >
+      Ausgewählte Aufgaben bearbeiten
+    </button>
   </mat-dialog-actions>
 </div>
diff --git a/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.scss b/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.scss
index e844948bf..b10dbab58 100644
--- a/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.scss
+++ b/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.scss
@@ -1,6 +1,6 @@
 .mat-form-field {
-  //display: flex;
-  //flex-direction: column;
+  // display: flex;
+  // flex-direction: column;
   width: 100%;
 }
 
@@ -32,9 +32,24 @@
 .clickable {
   cursor: pointer;
 }
+
 .checkboxSolution {
   margin: 20%;
 }
+
 .noDeadline {
   margin-left: 40px;
+}
+
+.checkboxes {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  justify-content: space-between;
+  margin: 20px 0px;
+
+  * {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    justify-content: space-between;
+  }
 }
\ No newline at end of file
diff --git a/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.ts b/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.ts
index 68b275c00..b3e6e03da 100644
--- a/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.ts
+++ b/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.ts
@@ -22,6 +22,7 @@ import { CheckerService } from "../../service/checker.service";
 import { CheckerConfig } from "../../model/CheckerConfig";
 import { CheckerFileType } from "src/app/enums/checkerFileType";
 import { MatSlideToggle } from "@angular/material/slide-toggle";
+import { TaskUpdateConditions } from "src/app/enums/taskUpdateConditions";
 
 const defaultMediaType = "text/plain";
 const defaultrequirement = "mandatory";
@@ -50,8 +51,16 @@ export class TaskNewDialogComponent implements OnInit {
     pointFields: new UntypedFormControl(""),
     decimals: new UntypedFormControl(2),
     expCheck: new FormControl<Boolean>(false),
+    datePickerSelected: new FormControl<Boolean>(false),
   });
-  isUpdate: boolean;
+  updateCondition: TaskUpdateConditions = TaskUpdateConditions.CREATE;
+  allUpdateConditions = TaskUpdateConditions;
+
+  datePickerSelected = false;
+  mediaTypeSelected = false;
+  requirementTypeSelected = false;
+  isPrivateSelected = false;
+
   courseId: number;
   datePickerDisabled: boolean = false;
   task: Task = {
@@ -110,9 +119,11 @@ export class TaskNewDialogComponent implements OnInit {
     this.courseId = this.data.courseId;
     //this.datePickerDisabled = true;
     if (this.data.task) {
-      this.isUpdate = true;
+      this.updateCondition = TaskUpdateConditions.UPDATE;
       this.task = this.data.task;
       this.setValues();
+    } else if (this.data.tasks) {
+      this.updateCondition = TaskUpdateConditions.UPDATE_MULTIPLE;
     }
   }
 
@@ -344,4 +355,8 @@ export class TaskNewDialogComponent implements OnInit {
   setMaxExpirationDate(event: MatSlideToggle) {
     this.datePickerDisabled = event.checked;
   }
+
+  updateMultipleTaskDetails(tasks: Task[]) {
+    this.taskService.updateMultipleTasks(this.courseId, tasks, this.task);
+  }
 }
diff --git a/modules/fbs-core/web/src/app/enums/taskUpdateConditions.ts b/modules/fbs-core/web/src/app/enums/taskUpdateConditions.ts
new file mode 100644
index 000000000..591c0cfe1
--- /dev/null
+++ b/modules/fbs-core/web/src/app/enums/taskUpdateConditions.ts
@@ -0,0 +1,5 @@
+export enum TaskUpdateConditions {
+  CREATE,
+  UPDATE,
+  UPDATE_MULTIPLE,
+}
diff --git a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.html b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.html
index e88e211f7..37094c282 100644
--- a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.html
+++ b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.html
@@ -156,16 +156,25 @@
     </button>
   </div>
 
-  <!-- Checkbox: Alles Auswählen -->
-  <section *ngIf="editTasks">
-    <mat-checkbox
-      [ngModel]="isAllSelected()"
-      (ngModelChange)="changeAllSelections()"
+  <div class="select-all-container">
+    <!-- Checkbox: Alles Auswählen -->
+    <section *ngIf="editTasks">
+      <mat-checkbox
+        [ngModel]="isAllSelected()"
+        (ngModelChange)="changeAllSelections()"
+      >
+        <span *ngIf="!isAllSelected()">Alles auswählen</span>
+        <span *ngIf="isAllSelected()">Alles abwählen</span>
+      </mat-checkbox>
+    </section>
+
+    <mat-icon
+      *ngIf="editTasks"
+      (click)="updateMultipleTaskDetails(selectedTasks)"
+      matTooltip="Aufgabe(n) bearbeiten"
+      >sync</mat-icon
     >
-      <span *ngIf="!isAllSelected()">Alles auswählen</span>
-      <span *ngIf="isAllSelected()">Alles abwählen</span>
-    </mat-checkbox>
-  </section>
+  </div>
 
   <!--  <markdown ngPreserveWhitespaces [data]="courseDetail?.course_description"></markdown>-->
   <div class="task-list">
diff --git a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.scss b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.scss
index 2187db4c6..0a6de38a1 100644
--- a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.scss
+++ b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.scss
@@ -132,4 +132,11 @@
 }
 .icon-on {
   color: #3fa73f;
+}
+
+.select-all-container {
+  display: flex;
+  justify-content: flex-start;
+  margin-bottom: 10px;
+  margin-top: 10px;
 }
\ No newline at end of file
diff --git a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.ts b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.ts
index 458d0429d..258c86d12 100644
--- a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.ts
+++ b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.ts
@@ -170,6 +170,22 @@ export class CourseDetailComponent implements OnInit {
       );
   }
 
+  updateMultipleTaskDetails(tasks: Task[]) {
+    console.log(tasks);
+
+    // for (let task in tasks) {
+    //   console.log(task);
+    // }
+
+    this.dialog
+      .open(TaskNewDialogComponent, {
+        height: "auto",
+        width: "50%",
+        data: { courseId: this.courseID, tasks: tasks },
+      })
+      .afterClosed();
+  }
+
   /**
    * Join a course by registering into it.
    */
diff --git a/modules/fbs-core/web/src/app/page-components/course-detail/task-preview/task-preview.component.html b/modules/fbs-core/web/src/app/page-components/course-detail/task-preview/task-preview.component.html
index af141175b..bb635362f 100644
--- a/modules/fbs-core/web/src/app/page-components/course-detail/task-preview/task-preview.component.html
+++ b/modules/fbs-core/web/src/app/page-components/course-detail/task-preview/task-preview.component.html
@@ -4,7 +4,6 @@
   class="task-container"
   id="{{ task.id }}"
 >
-  {{ test | json }}
   <div class="task-title">
     <section *ngIf="isSelectable" (click)="$event.stopPropagation()">
       <mat-checkbox
diff --git a/modules/fbs-core/web/src/app/service/task.service.ts b/modules/fbs-core/web/src/app/service/task.service.ts
index b49589123..91a302cdc 100644
--- a/modules/fbs-core/web/src/app/service/task.service.ts
+++ b/modules/fbs-core/web/src/app/service/task.service.ts
@@ -74,6 +74,24 @@ export class TaskService {
     return this.http.put<void>(`/api/v1/courses/${cid}/tasks/${tid}`, task);
   }
 
+  /**
+   * Update multiple existing tasks
+   * @param cid Course id
+   * @param taskIds The ids of the tasks to update
+   * @param task The new task state
+   * @return Observable that succeeds if updated successfully
+   */
+  updateMultipleTasks(cid: number, tasks: Task[], referenceTask: Task) {
+    tasks.forEach((task) => {
+      if (task.deadline !== null) task.deadline = referenceTask.deadline;
+      if (task.isPrivate !== null) task.isPrivate = referenceTask.isPrivate;
+      if (task.mediaType !== null) task.mediaType = referenceTask.mediaType;
+      // if (task. !== null) task.name = referenceTask.name;
+
+      // this.updateTask(cid, id, task);
+    });
+  }
+
   /**
    * Delete a task
    * @param cid Course id

From 325a2dc0853241527130c6c47399bd98d3836a14 Mon Sep 17 00:00:00 2001
From: Medienkunzt <monoxotix@gmail.com>
Date: Wed, 17 Jan 2024 17:57:13 +0100
Subject: [PATCH 3/3] fix merge conflicts improve usability add final save
 functions

---
 .../task-new-dialog.component.html            | 63 ++++++++-----------
 .../task-new-dialog.component.ts              | 36 +++++++++--
 .../web/src/app/model/SelectedFormFields.ts   |  6 ++
 .../course-detail.component.html              | 28 ++++++---
 .../course-detail.component.scss              | 11 +++-
 .../course-detail/course-detail.component.ts  | 13 ----
 .../web/src/app/service/task.service.ts       | 42 ++++++++++---
 modules/fbs-core/web/src/i18n/de.ts           |  4 ++
 modules/fbs-core/web/src/i18n/en.ts           |  4 ++
 9 files changed, 133 insertions(+), 74 deletions(-)
 create mode 100644 modules/fbs-core/web/src/app/model/SelectedFormFields.ts

diff --git a/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.html b/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.html
index 3a54e1aec..3459e7952 100644
--- a/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.html
+++ b/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.html
@@ -1,45 +1,43 @@
-<div matDialogTitle *ngIf="!isUpdate">
-  {{ "dialog.task.new.title-create" | i18nextEager }}
-</div>
-<div matDialogTitle *ngIf="isUpdate">
-  {{ "dialog.task.new.title-edit" | i18nextEager }}
-</div>
 <div matDialogTitle *ngIf="updateCondition === allUpdateConditions.CREATE">
-  Neue Aufgabe erstellen
+  {{ "dialog.task.new.title-create" | i18nextEager }}
 </div>
 <div matDialogTitle *ngIf="updateCondition === allUpdateConditions.UPDATE">
-  Aufgabe bearbeiten
+  {{ "dialog.task.new.title-edit" | i18nextEager }}
 </div>
 <div
   matDialogTitle
   *ngIf="updateCondition === allUpdateConditions.UPDATE_MULTIPLE"
 >
-  Ausgewählte Aufgaben bearbeiten
+  {{ "dialog.task.new.title-edit-multiple" | i18nextEager }}
 </div>
 
 <div *ngIf="updateCondition === allUpdateConditions.UPDATE_MULTIPLE">
   Ausgewählte Aufgaben:
-  <span *ngFor="let task of data.tasks"> {{ task.name }}; </span>
+  <span *ngFor="let task of data.tasks">
+    <b>{{ task.name }}; </b>
+  </span>
 
   <section
     *ngIf="updateCondition === allUpdateConditions.UPDATE_MULTIPLE"
     class="checkboxes"
   >
     <div>
-      Deadline
-      <mat-checkbox [(ngModel)]="datePickerSelected"></mat-checkbox>
+      {{ "dialog.task.new.placeholder-deadline" | i18nextEager }}
+      <mat-checkbox [(ngModel)]="selectedFormFields.datePicker"></mat-checkbox>
     </div>
     <div>
-      Mediatype
-      <mat-checkbox [(ngModel)]="mediaTypeSelected"></mat-checkbox>
+      {{ "dialog.task.new.label-mediatype" | i18nextEager }}
+      <mat-checkbox [(ngModel)]="selectedFormFields.mediaType"></mat-checkbox>
     </div>
     <div>
-      Verbindlichkeit
-      <mat-checkbox [(ngModel)]="requirementTypeSelected"></mat-checkbox>
+      {{ "dialog.task.new.label-requirement" | i18nextEager }}
+      <mat-checkbox
+        [(ngModel)]="selectedFormFields.requirementType"
+      ></mat-checkbox>
     </div>
     <div>
-      Sichtbarkeit
-      <mat-checkbox [(ngModel)]="isPrivateSelected"></mat-checkbox>
+      {{ "dialog.task.new.label-visibility" | i18nextEager }}
+      <mat-checkbox [(ngModel)]="selectedFormFields.isPrivate"></mat-checkbox>
     </div>
   </section>
 </div>
@@ -89,7 +87,7 @@
         [readonly]="true"
         matInput
         [ngxMatDatetimePicker]="picker"
-        [disabled]="datePickerDisabled || !datePickerSelected"
+        [disabled]="datePickerDisabled || !selectedFormFields.datePicker"
         placeholder="{{
           'dialog.task.new.placeholder-deadline' | i18nextEager
         }}"
@@ -101,7 +99,7 @@
       <ngx-mat-datetime-picker
         #picker
         [showSeconds]="true"
-        [disabled]="!datePickerSelected"
+        [disabled]="!selectedFormFields.datePicker"
       ></ngx-mat-datetime-picker>
     </mat-form-field>
 
@@ -110,7 +108,7 @@
       formControlName="expCheck"
       class="noDeadline"
       (change)="setMaxExpirationDate($event)"
-      [disabled]="!datePickerSelected"
+      [disabled]="!selectedFormFields.datePicker"
     >
       {{ "dialog.task.new.toggle-no-deadline" | i18nextEager }}
     </mat-slide-toggle>
@@ -122,7 +120,7 @@
       }}</mat-label>
       <mat-select
         formControlName="mediaType"
-        [disabled]="disableTypeChange || !mediaTypeSelected"
+        [disabled]="disableTypeChange || !selectedFormFields.mediaType"
         (selectionChange)="changedMediaType()"
       >
         <mat-option value="text/plain">{{
@@ -137,14 +135,14 @@
       </mat-select>
     </mat-form-field>
 
-    <!-- Task Mediatype -->
+    <!-- Task Requirement -->
     <mat-form-field class="col pad">
       <mat-label>{{
         "dialog.task.new.label-requirement" | i18nextEager
       }}</mat-label>
       <mat-select
         formControlName="requirementType"
-        [disabled]="!requirementTypeSelected"
+        [disabled]="!selectedFormFields.requirementType"
       >
         <mat-option value="mandatory">{{
           "dialog.task.new.option-compulsory" | i18nextEager
@@ -164,7 +162,10 @@
       <mat-label>{{
         "dialog.task.new.label-visibility" | i18nextEager
       }}</mat-label>
-      <mat-select formControlName="isPrivate" [disabled]="!isPrivateSelected">
+      <mat-select
+        formControlName="isPrivate"
+        [disabled]="!selectedFormFields.isPrivate"
+      >
         <mat-option value="Studenten">{{
           "dialog.task.new.option-students" | i18nextEager
         }}</mat-option>
@@ -297,17 +298,7 @@
       *ngIf="updateCondition === allUpdateConditions.UPDATE_MULTIPLE"
       mat-flat-button
       color="accent"
-      [disabled]="!taskForm.valid"
-      (click)="updateMultipleTaskDetails(selectedTasks)"
-    >
-      Ausgewählte Aufgaben bearbeiten
-    </button>
-    <button
-      *ngIf="updateCondition === allUpdateConditions.UPDATE_MULTIPLE"
-      mat-flat-button
-      color="accent"
-      [disabled]="!taskForm.valid"
-      (click)="updateMultipleTaskDetails(selectedTasks)"
+      (click)="updateMultipleTaskDetails(data.tasks)"
     >
       Ausgewählte Aufgaben bearbeiten
     </button>
diff --git a/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.ts b/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.ts
index b3e6e03da..f4e7d81c0 100644
--- a/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.ts
+++ b/modules/fbs-core/web/src/app/dialogs/task-new-dialog/task-new-dialog.component.ts
@@ -23,6 +23,7 @@ import { CheckerConfig } from "../../model/CheckerConfig";
 import { CheckerFileType } from "src/app/enums/checkerFileType";
 import { MatSlideToggle } from "@angular/material/slide-toggle";
 import { TaskUpdateConditions } from "src/app/enums/taskUpdateConditions";
+import { SelectedFormFields } from "src/app/model/SelectedFormFields";
 
 const defaultMediaType = "text/plain";
 const defaultrequirement = "mandatory";
@@ -51,15 +52,17 @@ export class TaskNewDialogComponent implements OnInit {
     pointFields: new UntypedFormControl(""),
     decimals: new UntypedFormControl(2),
     expCheck: new FormControl<Boolean>(false),
-    datePickerSelected: new FormControl<Boolean>(false),
+    // datePickerSelected: new FormControl<Boolean>(false),
   });
   updateCondition: TaskUpdateConditions = TaskUpdateConditions.CREATE;
   allUpdateConditions = TaskUpdateConditions;
 
-  datePickerSelected = false;
-  mediaTypeSelected = false;
-  requirementTypeSelected = false;
-  isPrivateSelected = false;
+  selectedFormFields: SelectedFormFields = {
+    datePicker: false,
+    mediaType: false,
+    requirementType: false,
+    isPrivate: false,
+  };
 
   courseId: number;
   datePickerDisabled: boolean = false;
@@ -121,6 +124,12 @@ export class TaskNewDialogComponent implements OnInit {
     if (this.data.task) {
       this.updateCondition = TaskUpdateConditions.UPDATE;
       this.task = this.data.task;
+
+      this.selectedFormFields.datePicker = true;
+      this.selectedFormFields.mediaType = true;
+      this.selectedFormFields.requirementType = true;
+      this.selectedFormFields.isPrivate = true;
+
       this.setValues();
     } else if (this.data.tasks) {
       this.updateCondition = TaskUpdateConditions.UPDATE_MULTIPLE;
@@ -357,6 +366,21 @@ export class TaskNewDialogComponent implements OnInit {
   }
 
   updateMultipleTaskDetails(tasks: Task[]) {
-    this.taskService.updateMultipleTasks(this.courseId, tasks, this.task);
+    this.getValues();
+    this.taskService
+      .updateMultipleTasks(
+        this.courseId,
+        tasks,
+        this.task,
+        this.selectedFormFields
+      )
+      .subscribe((success) => {
+        if (success) {
+          this.dialogRef.close({ success: true });
+        } else {
+          this.dialogRef.close({ success: false });
+          this.snackBar.open("Error while updating tasks", "ok");
+        }
+      });
   }
 }
diff --git a/modules/fbs-core/web/src/app/model/SelectedFormFields.ts b/modules/fbs-core/web/src/app/model/SelectedFormFields.ts
new file mode 100644
index 000000000..08332c1ad
--- /dev/null
+++ b/modules/fbs-core/web/src/app/model/SelectedFormFields.ts
@@ -0,0 +1,6 @@
+export interface SelectedFormFields {
+  datePicker: boolean;
+  mediaType: boolean;
+  requirementType: boolean;
+  isPrivate: boolean;
+}
diff --git a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.html b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.html
index e4844c5ec..942b8ec50 100644
--- a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.html
+++ b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.html
@@ -81,7 +81,7 @@
       mat-icon-button
       *ngIf="isAuthorized()"
       (click)="enableEditTasks()"
-      matTooltip="Kursinhalt bearbeiten"
+      matTooltip="{{ 'course.edit-multiple-tasks' | i18nextEager }}"
     >
       <mat-icon *ngIf="!editTasks" class="icon-off">toggle_off</mat-icon>
       <mat-icon *ngIf="editTasks" class="icon-on">toggle_on</mat-icon>
@@ -144,7 +144,7 @@
 
   <div class="description">{{ (course | async)?.description }}</div>
 
-  <div class="create-task">
+  <div class="create-task" *ngIf="!editTasks">
     <button
       mat-raised-button
       color="accent"
@@ -157,28 +157,38 @@
   </div>
 
   <div class="select-all-container">
-    <!-- Checkbox: Alles Auswählen -->
     <section *ngIf="editTasks">
       <mat-checkbox
         [ngModel]="isAllSelected()"
         (ngModelChange)="changeAllSelections()"
       >
-        <span *ngIf="!isAllSelected()">Alles auswählen</span>
-        <span *ngIf="isAllSelected()">Alles abwählen</span>
+        <span *ngIf="!isAllSelected()">{{
+          "course.edit-multiple-tasks-select-all" | i18nextEager
+        }}</span>
+        <span *ngIf="isAllSelected()">{{
+          "course.edit-multiple-tasks-de-select-all" | i18nextEager
+        }}</span>
       </mat-checkbox>
     </section>
 
-    <mat-icon
+    <button
+      mat-raised-button
+      class="edit-multiple-tasks-btn"
+      color="accent"
       *ngIf="editTasks"
       (click)="updateMultipleTaskDetails(selectedTasks)"
-      matTooltip="Aufgabe(n) bearbeiten"
-      >sync</mat-icon
+      matTooltip="{{ 'course.edit-multiple-tasks' | i18nextEager }}"
     >
+      <mat-icon>edit_note</mat-icon>&nbsp;{{
+        "course.edit-multiple-tasks" | i18nextEager
+      }}
+    </button>
   </div>
+
   <!-- Johannes approach for progres bar -->
   <mat-card class="progress-card">
     <mat-card-content>
-      <div class="title">
+      <div class="title" *ngIf="requirements">
         <h2>{{ "course.progress-title" | i18nextEager }}</h2>
         <!-- if coursePassed show badge -->
         <mat-chip-list *ngIf="(requirements | async).length === 0">
diff --git a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.scss b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.scss
index e624ef5bf..500832e87 100644
--- a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.scss
+++ b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.scss
@@ -109,9 +109,16 @@
 
 .select-all-container {
   display: flex;
+  align-items: center;
   justify-content: flex-start;
-  margin-bottom: 10px;
-  margin-top: 10px;
+  margin-bottom: 30px;
+  margin-top: 30px;
+  margin-left: 15px;
+
+  .edit-multiple-tasks-btn {
+    margin-left: 150px;
+    cursor: pointer;
+  }
 }
 .mat-progress-bar {
   height: 15px;
diff --git a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.ts b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.ts
index 07992c020..691e3faab 100644
--- a/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.ts
+++ b/modules/fbs-core/web/src/app/page-components/course-detail/course-detail.component.ts
@@ -171,12 +171,6 @@ export class CourseDetailComponent implements OnInit {
       // calculate total bonus points based on succeded requirements
       this.calculatedBonusPoints = 0;
 
-      console.log(taskResults);
-
-      req.forEach((element) => {
-        console.log(element);
-      });
-
       // check in requirements if tasks are passed based on taskResults, match via id
       if (req.length > 0) {
         this.coursePassed = true;
@@ -391,12 +385,6 @@ export class CourseDetailComponent implements OnInit {
   }
 
   updateMultipleTaskDetails(tasks: Task[]) {
-    console.log(tasks);
-
-    // for (let task in tasks) {
-    //   console.log(task);
-    // }
-
     this.dialog
       .open(TaskNewDialogComponent, {
         height: "auto",
@@ -569,7 +557,6 @@ export class CourseDetailComponent implements OnInit {
     if (this.isAllSelected()) {
       this.selectedTasks = [];
     } else {
-      console.log("not all selected");
       this.selectedTasks = this.tasks;
     }
   }
diff --git a/modules/fbs-core/web/src/app/service/task.service.ts b/modules/fbs-core/web/src/app/service/task.service.ts
index 91a302cdc..afec59548 100644
--- a/modules/fbs-core/web/src/app/service/task.service.ts
+++ b/modules/fbs-core/web/src/app/service/task.service.ts
@@ -1,9 +1,11 @@
 import { Injectable } from "@angular/core";
-import { Observable } from "rxjs";
+import { forkJoin, Observable } from "rxjs";
+import { take, catchError, map } from "rxjs/operators";
 import { Task } from "../model/Task";
 import { HttpClient } from "@angular/common/http";
 import { UserTaskResult } from "../model/UserTaskResult";
 import { saveAs } from "file-saver";
+import { SelectedFormFields } from "../model/SelectedFormFields";
 
 @Injectable({
   providedIn: "root",
@@ -81,15 +83,39 @@ export class TaskService {
    * @param task The new task state
    * @return Observable that succeeds if updated successfully
    */
-  updateMultipleTasks(cid: number, tasks: Task[], referenceTask: Task) {
-    tasks.forEach((task) => {
-      if (task.deadline !== null) task.deadline = referenceTask.deadline;
-      if (task.isPrivate !== null) task.isPrivate = referenceTask.isPrivate;
-      if (task.mediaType !== null) task.mediaType = referenceTask.mediaType;
-      // if (task. !== null) task.name = referenceTask.name;
+  updateMultipleTasks(
+    cid: number,
+    tasks: Task[],
+    referenceTask: Task,
+    selectedFormFields: SelectedFormFields
+  ): Observable<boolean> {
+    const updateObservables = tasks.map((task) => {
+      if (selectedFormFields.datePicker) {
+        task.deadline = referenceTask.deadline;
+      }
+      if (selectedFormFields.isPrivate) {
+        task.isPrivate = referenceTask.isPrivate;
+      }
+      if (selectedFormFields.mediaType) {
+        task.mediaType = referenceTask.mediaType;
+      }
+      if (selectedFormFields.requirementType) {
+        task.requirementType = referenceTask.requirementType;
+      }
 
-      // this.updateTask(cid, id, task);
+      return this.updateTask(cid, task.id, task).pipe(
+        take(1),
+        catchError((error) => {
+          console.error(`Failed to update task ${task.id}:`, error);
+          return [];
+        })
+      );
     });
+
+    return forkJoin(updateObservables).pipe(
+      map(() => true),
+      catchError(async () => false)
+    );
   }
 
   /**
diff --git a/modules/fbs-core/web/src/i18n/de.ts b/modules/fbs-core/web/src/i18n/de.ts
index 885ab09a5..9534d8a92 100644
--- a/modules/fbs-core/web/src/i18n/de.ts
+++ b/modules/fbs-core/web/src/i18n/de.ts
@@ -16,6 +16,9 @@ export const germanTranslation = {
   "course.switch-to-feedback-app": "Zur Feedback App wechseln",
   "course.view-sql-checker-results": "SQL-Checker",
   "course.settings": "Einstellungen",
+  "course.edit-multiple-tasks": "Mehrere Aufgaben bearbeiten",
+  "course.edit-multiple-tasks-select-all": "Alle auswählen",
+  "course.edit-multiple-tasks-de-select-all": "Auswahl aufheben",
   "course.edit": "Kurs bearbeiten",
   "course.points": "Punkte",
   "course.show-course-shortlinks": "Kurs Kurzlinks anzeigen",
@@ -237,6 +240,7 @@ export const germanTranslation = {
   "dialog.spreadsheet.button.select": "Auswählen",
   "dialog.task.new.title-create": "Neue Aufgabe erstellen",
   "dialog.task.new.title-edit": "Aufgabe bearbeiten",
+  "dialog.task.new.title-edit-multiple": "Aufgaben bearbeiten",
   "dialog.task.new.placeholder-name": "Name",
   "dialog.task.new.label-description": "Beschreibung",
   "dialog.task.new.label-deadline": "Deadline",
diff --git a/modules/fbs-core/web/src/i18n/en.ts b/modules/fbs-core/web/src/i18n/en.ts
index e60da732a..4638e5ae5 100644
--- a/modules/fbs-core/web/src/i18n/en.ts
+++ b/modules/fbs-core/web/src/i18n/en.ts
@@ -16,6 +16,9 @@ export const englishTranslation = {
   "course.switch-to-feedback-app": "Switch to Feedback App",
   "course.view-sql-checker-results": "SQL Checker",
   "course.settings": "Settings",
+  "course.edit-multiple-tasks": "Edit Multiple Tasks",
+  "course.edit-multiple-tasks-select-all": "Select All",
+  "course.edit-multiple-tasks-de-select-all": "Deselect All",
   "course.edit": "Edit Course",
   "course.points": "Points",
   "course.show-course-shortlinks": "Show Course Shortlinks",
@@ -231,6 +234,7 @@ export const englishTranslation = {
   "dialog.spreadsheet.button.select": "Select",
   "dialog.task.new.title-create": "Create new task",
   "dialog.task.new.title-edit": "Edit task",
+  "dialog.task.new.title-edit-multiple": "Edit multiple tasks",
   "dialog.task.new.placeholder-name": "Name",
   "dialog.task.new.label-description": "Description",
   "dialog.task.new.label-deadline": "Deadline",