32 lines
1.9 KiB
HTML
32 lines
1.9 KiB
HTML
<div class="confirmation-dialog">
|
|
<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">
|
|
<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">
|
|
<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">
|
|
<div class="col"></div>
|
|
<div class="col-auto"><button mat-raised-button type="button" (click)="cancel()">{{ data.cancelButton }}</button></div>
|
|
<div *ngIf="data.isDeleteConfirmation" class="col-auto"><button mat-raised-button type="button" (click)="confirm()" class="delete">{{ data.confirmButton }}</button></div>
|
|
<div *ngIf="!data.isDeleteConfirmation && !data.privacyPolicyNames" class="col-auto"><button mat-raised-button type="button" (click)="confirm()" color="primary">{{ data.confirmButton }}</button></div>
|
|
<div *ngIf="!data.isDeleteConfirmation && data.privacyPolicyNames" class="col-auto"><button mat-raised-button type="button" [disabled]="!agreePrivacyPolicyNames" (click)="confirm()" color="primary">{{ data.confirmButton }}</button></div>
|
|
</div>
|
|
</div>
|