diff --git a/frontend/src/app/component/einstellungen/einstellungen.component.html b/frontend/src/app/component/einstellungen/einstellungen.component.html
index 37d99e7..90dabc7 100644
--- a/frontend/src/app/component/einstellungen/einstellungen.component.html
+++ b/frontend/src/app/component/einstellungen/einstellungen.component.html
@@ -15,7 +15,7 @@
-
diff --git a/frontend/src/app/component/einstellungen/einstellungen.component.ts b/frontend/src/app/component/einstellungen/einstellungen.component.ts
index 8fb8326..e1a08a5 100644
--- a/frontend/src/app/component/einstellungen/einstellungen.component.ts
+++ b/frontend/src/app/component/einstellungen/einstellungen.component.ts
@@ -6,6 +6,8 @@ import {NGXLogger} from 'ngx-logger';
import {IFeed} from '../../interfaces/feed.interface';
import {FeedService} from '../../services/feed.service';
import {ActivatedRoute} from '@angular/router';
+import {DialogComponent} from '../dialog/dialog.component';
+import {MatDialog} from '@angular/material/dialog';
@Component({
selector: 'app-einstellungen',
@@ -22,7 +24,8 @@ export class EinstellungenComponent implements OnInit {
private _snackbar: MatSnackBar,
private _logger: NGXLogger,
private _feedService: FeedService,
- private _route: ActivatedRoute) {
+ private _route: ActivatedRoute,
+ private _dialog: MatDialog) {
this.icon = 'assets/logo.svg';
this._feedService.getFeeds().toPromise().then(data => this.feeds = data).catch(err => this._logger.error(err));
}
@@ -42,4 +45,25 @@ export class EinstellungenComponent implements OnInit {
}
);
}
+
+ public deleteDialog(id: number) {
+ const dialogRef = this._dialog.open(DialogComponent, {
+ data: {
+ title: 'Feed löschen',
+ body: 'Feed wirklich löschen?',
+ abort: 'Abbrechen',
+ confirm: 'OK',
+ hideAbort: false
+ }
+ });
+
+ dialogRef.afterClosed().subscribe(
+ data => {
+ if (data === true) {
+ // Confirm button was clicked
+ this.deleteFeed(id);
+ }
+ }
+ );
+ }
}