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,9 +1,7 @@
<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>
@@ -11,27 +9,34 @@
</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
color="primary"
data-automation-id="adf-confirm-dialog-confirmation"
[mat-dialog-close]="true">
{{ 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" class="adf-confirm-dialog-button"
mat-button mat-button
[mat-dialog-close]="false" [mat-dialog-close]="false"
data-automation-id="adf-confirm-dialog-reject" 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>