[CST-5535] Replace icons

This commit is contained in:
Giuseppe Digilio
2022-05-16 16:45:00 +02:00
parent 4c5c99d05d
commit 0de3c2ed48
3 changed files with 8 additions and 8 deletions

View File

@@ -1,13 +1,13 @@
<ng-container *ngIf="healthInfoComponent && !isPlainProperty(healthInfoComponent)">
<div class="mb-3 border-bottom" >
<div class="w-100 d-flex justify-content-between py-2 mb-0" [class.h4]="!isNested" (click)="collapse.toggle()">
<div class="w-100 d-flex justify-content-between py-2 mb-0" (click)="collapse.toggle()">
<button type="button" class="btn btn-link p-0 " (click)="$event.preventDefault()" [attr.aria-expanded]="!collapse.collapsed"
aria-controls="collapseExample">
<span [class.h4]="!isNested">{{ healthInfoComponentName | titlecase }}</span>
</button>
<div class="d-inline-block">
<span *ngIf="collapse.collapsed" class="fas fa-plus"></span>
<span *ngIf="!collapse.collapsed" class="fas fa-minus"></span>
<span *ngIf="collapse.collapsed" class="fas fa-chevron-down"></span>
<span *ngIf="!collapse.collapsed" class="fas fa-chevron-up"></span>
</div>
</div>
<div #collapse="ngbCollapse" [ngbCollapse]="isCollapsed">

View File

@@ -6,8 +6,8 @@
{{ entry.key | titlecase }}
</button>
<div class="d-inline-block">
<span *ngIf="collapse.collapsed" class="fas fa-plus"></span>
<span *ngIf="!collapse.collapsed" class="fas fa-minus"></span>
<span *ngIf="collapse.collapsed" class="fas fa-chevron-down"></span>
<span *ngIf="!collapse.collapsed" class="fas fa-chevron-up"></span>
</div>
</div>
<div #collapse="ngbCollapse" [ngbCollapse]="isCollapsed">

View File

@@ -1,14 +1,14 @@
<p class="h2">{{'health-page.status' | translate}} : <ds-health-status [status]="healthResponse.status"></ds-health-status></p>
<div class="mb-3 border-bottom " *ngFor="let entry of healthResponse.components | dsObjNgFor" data-test="component">
<div class="w-100 d-flex justify-content-between py-2 h4 mb-0" (click)="collapse.toggle()">
<div class="w-100 d-flex justify-content-between py-2 mb-0" (click)="collapse.toggle()">
<button type="button" class="btn btn-link p-0 " (click)="$event.preventDefault()" [attr.aria-expanded]="!collapse.collapsed"
aria-controls="collapseExample">
<span class="h4">{{ entry.key | titlecase }}</span>
</button>
<div class="d-inline-block">
<span><ds-health-status [status]="entry.value?.status"></ds-health-status></span>
<span *ngIf="collapse.collapsed" class="ml-2 fas fa-plus"></span>
<span *ngIf="!collapse.collapsed" class="ml-2 fas fa-minus"></span>
<span *ngIf="collapse.collapsed" class="ml-2 fas fa-chevron-down"></span>
<span *ngIf="!collapse.collapsed" class="ml-2 fas fa-chevron-up"></span>
</div>
</div>
<div #collapse="ngbCollapse" [ngbCollapse]="isCollapsed">