src/app/shared/components/dialogs/confirm-discard-dialog/confirm-discard-dialog.component.ts
selector | app-confirm-discard-dialog |
styleUrls | ./confirm-discard-dialog.component.scss |
templateUrl | ./confirm-discard-dialog.component.html |
Methods |
Outputs |
constructor(dialogRef: NbDialogRef
|
||||||
Parameters :
|
onDiscardConfirm | |
Type : EventEmitter
|
|
closeDialog |
closeDialog()
|
Returns :
void
|
ngOnInit |
ngOnInit()
|
Returns :
void
|
onCancel |
onCancel()
|
Returns :
void
|
onOk |
onOk()
|
Returns :
void
|
import { Component, OnInit, Output, EventEmitter } from '@angular/core';
import { NbDialogRef } from '@nebular/theme';
@Component({
selector: 'app-confirm-discard-dialog',
templateUrl: './confirm-discard-dialog.component.html',
styleUrls: ['./confirm-discard-dialog.component.scss'],
})
export class ConfirmDiscardDialogComponent implements OnInit {
@Output() onDiscardConfirm = new EventEmitter<boolean>();
constructor(private dialogRef: NbDialogRef<any>) {}
ngOnInit(): void {}
onOk() {
this.onDiscardConfirm.emit(true);
this.closeDialog();
}
onCancel() {
this.onDiscardConfirm.emit(false);
this.closeDialog();
}
closeDialog() {
this.dialogRef.close();
}
}
<nb-card data-cy="discard-back-dialog">
<nb-card-header>Bestätigung</nb-card-header>
<nb-card-body>Wollen sie die Änderungen verwerfen?</nb-card-body>
<nb-card-footer>
<div class="card-footer">
<button (click)="onCancel()" nbButton data-cy="back">Nein</button>
<button (click)="onOk()" nbButton data-cy="discard">Ja</button>
</div>
</nb-card-footer>
</nb-card>
./confirm-discard-dialog.component.scss
.card-footer {
display: flex;
justify-content: space-between;
}