mirror of https://github.com/ghostfolio/ghostfolio
46 lines
1.3 KiB
46 lines
1.3 KiB
<div class="py-3">
|
|
<div class="align-items-center flex-nowrap no-gutters row">
|
|
<div *ngIf="isLoading">
|
|
<ngx-skeleton-loader
|
|
animation="pulse"
|
|
class="mr-2"
|
|
[theme]="{
|
|
height: '2rem',
|
|
width: '2rem'
|
|
}"
|
|
></ngx-skeleton-loader>
|
|
</div>
|
|
<div
|
|
*ngIf="!isLoading"
|
|
class="align-items-center d-flex icon-container mr-2 px-2"
|
|
[ngClass]="{ okay: rule?.value === true, warn: rule?.value === false }"
|
|
>
|
|
<ion-icon
|
|
*ngIf="rule?.value === true"
|
|
name="checkmark-circle-outline"
|
|
></ion-icon>
|
|
<ion-icon *ngIf="rule?.value === false" name="warning-outline"></ion-icon>
|
|
</div>
|
|
<div *ngIf="isLoading" class="flex-grow-1">
|
|
<ngx-skeleton-loader
|
|
animation="pulse"
|
|
class="mt-1 mb-1"
|
|
[theme]="{
|
|
height: '1rem',
|
|
width: '10rem'
|
|
}"
|
|
></ngx-skeleton-loader>
|
|
<ngx-skeleton-loader
|
|
animation="pulse"
|
|
[theme]="{
|
|
height: '1rem',
|
|
width: '15rem'
|
|
}"
|
|
></ngx-skeleton-loader>
|
|
</div>
|
|
<div *ngIf="!isLoading" class="flex-grow-1">
|
|
<div class="h6 my-1">{{ rule?.name }}</div>
|
|
<div class="evaluation">{{ rule?.evaluation }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|