File

src/app/shared/components/dialogs/confirm-discard-dialog/confirm-discard-dialog.component.ts

Implements

OnInit

Metadata

selector app-confirm-discard-dialog
styleUrls ./confirm-discard-dialog.component.scss
templateUrl ./confirm-discard-dialog.component.html

Index

Methods
Outputs

Constructor

constructor(dialogRef: NbDialogRef)
Parameters :
Name Type Optional
dialogRef NbDialogRef<any> No

Outputs

onDiscardConfirm
Type : EventEmitter

Methods

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;
}
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""