32 lines
1.4 KiB
HTML
32 lines
1.4 KiB
HTML
<div class="confirmation-dialog pt-1 pl-3 pr-3 pb-3">
|
|
<div *ngIf="data.icon" class="row d-flex flex-row">
|
|
<div class="col-auto close-btn justify-content-start">
|
|
<mat-icon color="warn">{{ data.icon }}</mat-icon>
|
|
</div>
|
|
<div *ngIf="data.warning" class="col justify-content-center warn-text">{{ data.warning }}</div>
|
|
<div class="col-auto close-btn justify-content-end" (click)="close()">
|
|
<mat-icon>close</mat-icon>
|
|
</div>
|
|
</div>
|
|
<div class="row d-flex flex-row mt-2">
|
|
<div class="col message pb-4 pl-3">{{ data.message }}</div>
|
|
<div *ngIf="!data.icon" class="col-auto close-btn justify-content-end" (click)="close()">
|
|
<mat-icon>close</mat-icon>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="data.privacyPolicyNames" class="row d-flex flex-col mt-2">
|
|
<div class="col-12 privacy-policy-names">{{ data.privacyPolicyNames }}</div>
|
|
<mat-checkbox [(ngModel)]="agreePrivacyPolicyNames" required class="checkbox-privacy">
|
|
{{'GENERAL.CONFIRMATION-DIALOG.ACTIONS.POLICY-AGREE' | translate}}
|
|
</mat-checkbox>
|
|
<div *ngIf="!agreePrivacyPolicyNames" class="required-policy">{{'GENERAL.CONFIRMATION-DIALOG.ACTIONS.REQUIRED' | translate}}</div>
|
|
</div>
|
|
<div class="row mt-2 mb-2">
|
|
<ng-container *ngFor="let title of data.titles; let i = index">
|
|
<div class="col-auto mb-2">
|
|
<button mat-raised-button type="button" (click)="apply(i)" class="confirm">{{ title }}</button>
|
|
</div>
|
|
</ng-container>
|
|
</div>
|
|
</div>
|