projects/cobbler-frontend/src/app/common/dialog-box-text-confirm/dialog-box-text-confirm.ts
| selector | cobbler-dialog-box-text-confirm |
| standalone | true |
| imports |
MatButtonModule
MatDialogActions
MatDialogClose
MatDialogTitle
MatDialogContent
|
| styleUrls | ./dialog-box-text-confirm.css |
| templateUrl | ./dialog-box-text-confirm.html |
Properties |
|
constructor(data: DialogData)
|
||||||
|
Parameters :
|
| Public data |
Type : DialogData
|
Decorators :
@Inject(MAT_DIALOG_DATA)
|
import { Component, Inject } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import {
MAT_DIALOG_DATA,
MatDialogActions,
MatDialogClose,
MatDialogContent,
MatDialogTitle,
} from '@angular/material/dialog';
export interface DialogData {
eventId: string;
name: string;
eventLog: string;
}
@Component({
selector: 'cobbler-dialog-box-text-confirm',
templateUrl: './dialog-box-text-confirm.html',
styleUrls: ['./dialog-box-text-confirm.css'],
standalone: true,
imports: [
MatButtonModule,
MatDialogActions,
MatDialogClose,
MatDialogTitle,
MatDialogContent,
],
})
export class DialogBoxTextConfirmComponent {
constructor(@Inject(MAT_DIALOG_DATA) public data: DialogData) {}
}
<h1 mat-dialog-title>Log for: {{ data.name }}</h1>
<div mat-dialog-content class="content">{{ data.eventLog }}</div>
<div mat-dialog-actions>
<button mat-button mat-dialog-close>Close</button>
</div>
./dialog-box-text-confirm.css
.content {
white-space: pre-line;
}