add delete action to 3 dot menu

puzzle · Nov 7, 2024 · 4f75641 · 4f75641
1 parent 8099cd5
commit 4f75641
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 7 deletions.
diff --git a/frontend/src/app/components/objective/ObjectiveMenuActions.ts b/frontend/src/app/components/objective/ObjectiveMenuActions.ts
@@ -48,6 +48,13 @@ export class ObjectiveMenuActions {
     return { displayName: 'Objective duplizieren', action: action, afterAction: afterAction };
   }
 
+  deleteObjectiveAction(objective: ObjectiveMin): ObjectiveMenuEntry {
+    const action: ObjectiveMenuAction = () => this.dialogService.openConfirmDialog('CONFIRMATION.DELETE.OBJECTIVE');
+    const afterAction: ObjectiveMenuAfterAction = (objective, dialogResult) =>
+      this.afterActions.deleteObjective(objective);
+    return { displayName: 'Objective löschen', action: action, afterAction: afterAction };
+  }
+
   completeObjectiveAction(objective: ObjectiveMin): ObjectiveMenuEntry {
     const config = {
       data: { objectiveTitle: objective.title },

diff --git a/frontend/src/app/components/objective/ObjectiveMenuAfterActions.ts b/frontend/src/app/components/objective/ObjectiveMenuAfterActions.ts
@@ -32,6 +32,12 @@ export class ObjectiveMenuAfterActions {
     });
   }
 
+  deleteObjective(objective: Objective) {
+    this.objectiveService.deleteObjective(objective.id).subscribe(() => {
+      this.refreshDataService.markDataRefresh();
+    });
+  }
+
   objectiveBackToDraft(objective: Objective) {
     objective.state = 'DRAFT' as State;
     this.objectiveService.updateObjective(objective).subscribe(() => {

diff --git a/frontend/src/app/services/objective-menu-actions.service.ts b/frontend/src/app/services/objective-menu-actions.service.ts
@@ -50,7 +50,7 @@ export class ObjectiveMenuActionsService {
   }
 
   private getDefaultActions(objective: ObjectiveMin): ObjectiveMenuEntry[] {
-    return [this.actions.duplicateObjectiveAction(objective)];
+    return [this.actions.duplicateObjectiveAction(objective), this.actions.deleteObjectiveAction(objective)];
   }
 
   private getDraftMenuActions(objective: ObjectiveMin): ObjectiveMenuEntry[] {

diff --git a/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.html b/frontend/src/app/shared/dialog/objective-dialog/objective-form.component.html
@@ -95,11 +95,6 @@
       </button>
       <button color="primary" mat-button mat-dialog-close [attr.data-testId]="'cancel'">Abbrechen</button>
     </div>
-
-    <div class="col-auto" *ngIf="data.objective.objectiveId && data.action != 'duplicate'">
-      <button color="primary" type="button" mat-button (click)="deleteObjective()" [attr.data-testId]="'delete'">
-        Objective Löschen
-      </button>
-    </div>
+    >
   </ng-container>
 </app-dialog-template-core>