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); + } + } + ); + } }