migrate to adf-button

This commit is contained in:
Denys Vuika
2024-07-10 15:23:24 -04:00
parent 4872af3dae
commit fff6d4e143
3 changed files with 5 additions and 14 deletions

View File

@@ -2,9 +2,7 @@
<div class="aca-edit-rule-dialog__header__title" data-automation-id="edit-rule-dialog-title"> <div class="aca-edit-rule-dialog__header__title" data-automation-id="edit-rule-dialog-title">
{{ title | translate }} {{ title | translate }}
</div> </div>
<button mat-icon-button mat-dialog-close class="aca-edit-rule-dialog__header__close" tabindex="-1"> <adf-button variant="icon" icon="close" mat-dialog-close tabindex="-1" [iconSize]="'18px'"></adf-button>
<mat-icon class="aca-edit-rule-dialog__header__icon">close</mat-icon>
</button>
</div> </div>
<mat-dialog-content class="aca-edit-rule-dialog__content"> <mat-dialog-content class="aca-edit-rule-dialog__content">
@@ -19,6 +17,6 @@
</mat-dialog-content> </mat-dialog-content>
<mat-dialog-actions align="end" class="aca-edit-rule-dialog__footer"> <mat-dialog-actions align="end" class="aca-edit-rule-dialog__footer">
<button mat-flat-button mat-dialog-close>{{ 'ACA_FOLDER_RULES.EDIT_RULE_DIALOG.CANCEL' | translate }}</button> <adf-button variant="flat" mat-dialog-close>{{ 'ACA_FOLDER_RULES.EDIT_RULE_DIALOG.CANCEL' | translate }}</adf-button>
<button mat-flat-button color="primary" [disabled]="!formValid" data-automation-id="edit-rule-dialog-submit" (click)="onSubmit()">{{ submitLabel | translate }}</button> <adf-button variant="flat" color="primary" [disabled]="!formValid" data-automation-id="edit-rule-dialog-submit" (click)="onSubmit()">{{ submitLabel | translate }}</adf-button>
</mat-dialog-actions> </mat-dialog-actions>

View File

@@ -18,12 +18,6 @@
font-weight: bold; font-weight: bold;
flex-grow: 1; flex-grow: 1;
} }
&__close {
& .aca-edit-rule-dialog__header__icon {
font-size: 18px;
}
}
} }
&__content { &__content {

View File

@@ -30,9 +30,8 @@ import { ActionDefinitionTransformed } from '../model/rule-action.model';
import { ActionParameterConstraint } from '../model/action-parameter-constraint.model'; import { ActionParameterConstraint } from '../model/action-parameter-constraint.model';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import { TranslateModule } from '@ngx-translate/core'; import { TranslateModule } from '@ngx-translate/core';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import { RuleDetailsUiComponent } from './rule-details.ui-component'; import { RuleDetailsUiComponent } from './rule-details.ui-component';
import { ButtonComponent } from '@alfresco/adf-core';
export interface EditRuleDialogOptions { export interface EditRuleDialogOptions {
model?: Partial<Rule>; model?: Partial<Rule>;
@@ -43,7 +42,7 @@ export interface EditRuleDialogOptions {
@Component({ @Component({
standalone: true, standalone: true,
imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, MatIconModule, RuleDetailsUiComponent], imports: [CommonModule, TranslateModule, MatDialogModule, RuleDetailsUiComponent, ButtonComponent],
selector: 'aca-edit-rule-dialog', selector: 'aca-edit-rule-dialog',
templateUrl: './edit-rule-dialog.ui-component.html', templateUrl: './edit-rule-dialog.ui-component.html',
styleUrls: ['./edit-rule-dialog.ui-component.scss'], styleUrls: ['./edit-rule-dialog.ui-component.scss'],