43 lines
1.4 KiB
HTML
43 lines
1.4 KiB
HTML
|
<div *ngIf="(unbackedMonths$ | async) as unbackedMonths; else loadingData">
|
||
|
|
<ng-container *ngIf="unbackedMonths.historyComplete; else loadingData">
|
||
|
|
<div class="fee-estimation-container">
|
||
|
|
<div class="item">
|
||
|
|
<h5 class="card-title" i18n="liquid.unpeg">Unpeg</h5>
|
||
|
|
<div class="card-text">
|
||
|
|
<div class="fee-text" [ngClass]="{'danger' : unbackedMonths.total > 0, 'correct': unbackedMonths.total === 0}">
|
||
|
|
{{ unbackedMonths.total }} <span i18n="liquid.unpeg-event">Unpeg Event</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="item">
|
||
|
|
<h5 class="card-title" i18n="liquid.peg-ratio-history">Avg Peg Ratio</h5>
|
||
|
|
<div class="card-text">
|
||
|
|
<div class="fee-text" [ngClass]="{'danger' : unbackedMonths.avg < 1, 'correct': unbackedMonths.avg >= 1}">
|
||
|
|
{{ unbackedMonths.avg.toFixed(5) }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</ng-container>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<ng-template #loadingData>
|
||
|
|
<div class="fee-estimation-container loading-container">
|
||
|
|
<div class="item">
|
||
|
|
<h5 class="card-title" i18n="liquid.peg-ratio-history">Peg Ratio History</h5>
|
||
|
|
<div class="card-text">
|
||
|
|
<div class="skeleton-loader"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="item">
|
||
|
|
<h5 class="card-title" i18n="liquid.peg-ratio-history">Avg Peg Ratio</h5>
|
||
|
|
<div class="card-text">
|
||
|
|
<div class="skeleton-loader"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</ng-template>
|
||
|
|
|