projects/cobbler-frontend/src/app/common/dialog-box-confirm-cancel-edit/dialog-box-confirm-cancel-edit.component.ts
| selector | cobbler-dialog-box-confirm-cancel-edit |
| standalone | true |
| imports |
MatButtonModule
MatDialogModule
|
| templateUrl | ./dialog-box-confirm-cancel-edit.component.html |
| styleUrl | ./dialog-box-confirm-cancel-edit.component.scss |
Properties |
|
constructor(data: DialogConfirmCancelData)
|
||||||
|
Parameters :
|
| Public data |
Type : DialogConfirmCancelData
|
Decorators :
@Inject(MAT_DIALOG_DATA)
|
import { Component, Inject } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
export interface DialogConfirmCancelData {
name: string;
}
@Component({
selector: 'cobbler-dialog-box-confirm-cancel-edit',
standalone: true,
imports: [MatButtonModule, MatDialogModule],
templateUrl: './dialog-box-confirm-cancel-edit.component.html',
styleUrl: './dialog-box-confirm-cancel-edit.component.scss',
})
export class DialogBoxConfirmCancelEditComponent {
constructor(@Inject(MAT_DIALOG_DATA) public data: DialogConfirmCancelData) {}
}
<h1 mat-dialog-title>Cancel Edit?</h1>
<div mat-dialog-content class="content">
<p>
Are you sure you want to cancel the edit for the item "{{
data.name
}}"? All changes will be lost!
</p>
</div>
<div mat-dialog-actions>
<button mat-button [mat-dialog-close]="true">Yes</button>
<button mat-button [mat-dialog-close]="false">No</button>
</div>