src/app/dialogs/update-available/update-available.dialog.ts
selector | apollo-update-available |
styleUrls | ./update-available.dialog.scss |
templateUrl | ./update-available.dialog.html |
Methods |
|
Public
constructor(dialogRef: MatDialogRef<UpdateAvailableDialog>)
|
||||||
Parameters :
|
Public close |
close()
|
Returns :
void
|
import { Component } from '@angular/core';
import { MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
@Component({
selector: 'apollo-update-available',
templateUrl: './update-available.dialog.html',
styleUrls: ['./update-available.dialog.scss'],
})
export class UpdateAvailableDialog {
public constructor(private readonly dialogRef: MatDialogRef<UpdateAvailableDialog>) {
dialogRef.disableClose = true;
}
public close(): void {
this.dialogRef.close();
}
}
<h1 mat-dialog-title>{{ 'misc.update-available' | translate }}</h1>
<div mat-dialog-actions>
<button mat-button (click)="close()">{{ 'actions.update' | translate }}</button>
</div>
./update-available.dialog.scss
div {
display: flex;
justify-content: flex-end;
align-items: center;
}