FE-#93: Add delete confirmation dialog

backend/src/main/java/com/dhbw/get2gether/backend/SecurityConfig.java

@@ -136,7 +136,12 @@ CorsConfigurationSource corsConfigurationSource() {
         configuration.setAllowCredentials(true);
         configuration.setAllowedOriginPatterns(domains);
         configuration.setAllowedMethods(List.of(
-                HttpMethod.GET.name(), HttpMethod.PUT.name(), HttpMethod.POST.name(), HttpMethod.DELETE.name()));
+                HttpMethod.GET.name(),
+                HttpMethod.PUT.name(),
+                HttpMethod.POST.name(),
+                HttpMethod.PATCH.name(),
+                HttpMethod.DELETE.name()
+        ));
 
         UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
         source.registerCorsConfiguration("/**", configuration.applyPermitDefaultValues());

frontend/src/app/widgets/expense-split-widget/delete-entry-confirmation-dialog/delete-entry-confirmation-dialog.component.html

@@ -0,0 +1,10 @@
+<h2 mat-dialog-title>Ausgabe löschen</h2>
+
+<mat-dialog-content>
+  Möchtest du die Ausgabe wirklich löschen?
+</mat-dialog-content>
+
+<mat-dialog-actions>
+  <button mat-button mat-dialog-close>Abbrechen</button>
+  <button mat-button (click)="confirmDelete()">Löschen</button>
+</mat-dialog-actions>

frontend/src/app/widgets/expense-split-widget/delete-entry-confirmation-dialog/delete-entry-confirmation-dialog.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DeleteEntryConfirmationDialogComponent } from './delete-entry-confirmation-dialog.component';
+
+describe('DeleteEntryConfirmationDialogComponent', () => {
+  let component: DeleteEntryConfirmationDialogComponent;
+  let fixture: ComponentFixture<DeleteEntryConfirmationDialogComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [DeleteEntryConfirmationDialogComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(DeleteEntryConfirmationDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

frontend/src/app/widgets/expense-split-widget/delete-entry-confirmation-dialog/delete-entry-confirmation-dialog.component.ts

@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import {MatDialogRef} from "@angular/material/dialog";
+
+@Component({
+  selector: 'app-delete-entry-confirmation-dialog',
+  templateUrl: './delete-entry-confirmation-dialog.component.html',
+  styleUrl: './delete-entry-confirmation-dialog.component.scss'
+})
+export class DeleteEntryConfirmationDialogComponent {
+
+  constructor(private dialogRef: MatDialogRef<DeleteEntryConfirmationDialogComponent>) {
+  }
+
+  confirmDelete() {
+    this.dialogRef.close(true);
+  }
+
+}