-
Notifications
You must be signed in to change notification settings - Fork 261
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[ADF-5103] FE - Process/task filter - Backporting the components styl…
…es to ADF (#5614) * * New Filters style * * Improved css * * Fixed wrong css selector * * Fixed failing unit tests * * Fixed failing tests ests * * FIXED E2E PROCESS-SERVICE TESTS * * Fixed failing e2e * * FIxed process-service cloud e2e * * Removed xpath locator * * New Filters style * * Improved css
- Loading branch information
1 parent
b76bb75
commit 2b79439
Showing
23 changed files
with
180 additions
and
164 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
38 changes: 21 additions & 17 deletions
38
...ces-cloud/src/lib/process/process-filters/components/process-filters-cloud.component.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,17 +1,21 @@ | ||
<div class="menu-container"> | ||
<mat-list class="adf-menu-list" *ngIf="filters$ | async as filterList; else loading"> | ||
<mat-list-item (click)="selectFilterById(filter.id)" *ngFor="let filter of filterList" | ||
class="adf-filters__entry" [class.adf-active]="currentFilter === filter"> | ||
<mat-icon *ngIf="showIcons && filter.icon" matListIcon class="adf-filters__entry-icon">{{filter.icon}} | ||
</mat-icon> | ||
<span matLine [attr.data-automation-id]="filter.key + '_filter'">{{filter.name | translate}}</span> | ||
</mat-list-item> | ||
</mat-list> | ||
<ng-template #loading> | ||
<ng-container> | ||
<div class="adf-app-list-spinner"> | ||
<mat-spinner></mat-spinner> | ||
</div> | ||
</ng-container> | ||
</ng-template> | ||
</div> | ||
|
||
<ng-container *ngIf="filters$ | async as filterList; else loading"> | ||
<div *ngFor="let filter of filterList" class="adf-filters__entry" [class.adf-active]="currentFilter === filter"> | ||
<button (click)="selectFilterById(filter.id)" | ||
[attr.aria-label]="filter.name | translate" | ||
[id]="filter.id" | ||
[attr.data-automation-id]="filter.key + '_filter'" | ||
mat-button | ||
class="adf-filter-action-button adf-full-width" fxLayout="row" fxLayoutAlign="space-between center"> | ||
<adf-icon data-automation-id="adf-filter-icon" *ngIf="showIcons" [value]="filter.icon"></adf-icon> | ||
<span data-automation-id="adf-filter-label" class="adf-filter-action-button__label">{{ filter.name | translate }}</span> | ||
</button> | ||
</div> | ||
</ng-container> | ||
<ng-template #loading> | ||
<ng-container> | ||
<div class="adf-app-list-spinner"> | ||
<mat-spinner></mat-spinner> | ||
</div> | ||
</ng-container> | ||
</ng-template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
37 changes: 20 additions & 17 deletions
37
...ess-services-cloud/src/lib/task/task-filters/components/task-filters-cloud.component.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,17 +1,20 @@ | ||
<div class="menu-container"> | ||
<mat-list class="adf-menu-list" *ngIf="filters$ | async as filterList; else loading"> | ||
<mat-list-item (click)="selectFilterAndEmit({id: filter.id})" *ngFor="let filter of filterList" | ||
class="adf-filters__entry" [class.adf-active]="currentFilter === filter"> | ||
<mat-icon *ngIf="showIcons && filter.icon" matListIcon class="adf-filters__entry-icon">{{filter.icon}} | ||
</mat-icon> | ||
<span matLine [attr.data-automation-id]="filter.key + '-filter'">{{filter.name | translate}}</span> | ||
</mat-list-item> | ||
</mat-list> | ||
<ng-template #loading> | ||
<ng-container> | ||
<div class="adf-app-list-spinner"> | ||
<mat-spinner></mat-spinner> | ||
</div> | ||
</ng-container> | ||
</ng-template> | ||
</div> | ||
<ng-container *ngIf="filters$ | async as filterList; else loading"> | ||
<div *ngFor="let filter of filterList" class="adf-filters__entry" [class.adf-active]="currentFilter === filter"> | ||
<button (click)="selectFilterAndEmit(filter)" | ||
[attr.aria-label]="filter.name | translate" | ||
[id]="filter.id" | ||
[attr.data-automation-id]="filter.key + '_filter'" | ||
mat-button | ||
class="adf-filter-action-button adf-full-width" fxLayout="row" fxLayoutAlign="space-between center"> | ||
<adf-icon data-automation-id="adf-filter-icon" *ngIf="showIcons" [value]="filter.icon"></adf-icon> | ||
<span data-automation-id="adf-filter-label" class="adf-filter-action-button__label">{{ filter.name | translate }}</span> | ||
</button> | ||
</div> | ||
</ng-container> | ||
<ng-template #loading> | ||
<ng-container> | ||
<div class="adf-app-list-spinner"> | ||
<mat-spinner></mat-spinner> | ||
</div> | ||
</ng-container> | ||
</ng-template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.