AAE-34139 Switch Yes and No button places and change focus from No to Yes. (#11148)

This commit is contained in:
Pawel Solowczuk
2025-09-01 16:04:44 +02:00
committed by GitHub
parent 5bc4c02a94
commit 609144551c

View File

@@ -1,37 +1,42 @@
<h1 mat-dialog-title data-automation-id="adf-confirm-dialog-title">{{ title | translate }}</h1> <h1 mat-dialog-title data-automation-id="adf-confirm-dialog-title">{{ title | translate }}</h1>
<mat-dialog-content> <mat-dialog-content>
<div class="adf-confirm-dialog-content"> <div class="adf-confirm-dialog-content">
<p *ngIf="!htmlContent; else customContent" data-automation-id="adf-confirm-dialog-base-message"> <p *ngIf="!htmlContent; else customContent" data-automation-id="adf-confirm-dialog-base-message">{{ message | translate }}</p>
{{ message | translate }}
</p>
<ng-template #customContent> <ng-template #customContent>
<span [innerHTML]="sanitizedHtmlContent()" data-automation-id="adf-confirm-dialog-custom-content"></span> <span [innerHTML]="sanitizedHtmlContent()" data-automation-id="adf-confirm-dialog-custom-content"></span>
</ng-template> </ng-template>
</div> </div>
</mat-dialog-content> </mat-dialog-content>
<mat-dialog-actions> <mat-dialog-actions>
<span class="adf-dialog-spacer" data-automation-id="adf-confirm-dialog-spacer"></span> <span class="adf-dialog-spacer" data-automation-id="adf-confirm-dialog-spacer"></span>
<button id="adf-confirm-accept" <button
class="adf-confirm-dialog-button" id="adf-confirm-cancel"
mat-button class="adf-confirm-dialog-button"
color="primary" mat-button
data-automation-id="adf-confirm-dialog-confirmation" [mat-dialog-close]="false"
[mat-dialog-close]="true"> data-automation-id="adf-confirm-dialog-reject"
{{ yesLabel | translate }} >
</button>
<button *ngIf="thirdOptionLabel"
id="adf-confirm-all"
class="adf-confirm-dialog-button"
mat-button
[mat-dialog-close]="thirdOptionLabel"
data-automation-id="adf-confirm-dialog-confirm-all">{{ thirdOptionLabel | translate }}
</button>
<button id="adf-confirm-cancel"
class="adf-confirm-dialog-button"
mat-button
[mat-dialog-close]="false"
data-automation-id="adf-confirm-dialog-reject"
cdkFocusInitial>
{{ noLabel | translate }} {{ noLabel | translate }}
</button> </button>
<button
*ngIf="thirdOptionLabel"
id="adf-confirm-all"
class="adf-confirm-dialog-button"
mat-button
[mat-dialog-close]="thirdOptionLabel"
data-automation-id="adf-confirm-dialog-confirm-all"
>
{{ thirdOptionLabel | translate }}
</button>
<button
id="adf-confirm-accept"
class="adf-confirm-dialog-button"
mat-button
color="primary"
data-automation-id="adf-confirm-dialog-confirmation"
[mat-dialog-close]="true"
cdkFocusInitial
>
{{ yesLabel | translate }}
</button>
</mat-dialog-actions> </mat-dialog-actions>