insight-tcr/src/app/shared/currency-value/currency-value.component.html

A blockchain explorer for Bitcore

<ng-container *ngIf="(result$ | async) as result; else ratesPending">
    <ng-container *ngIf="result.value !== undefined; else rateNotAvailable">
        <ng-container *ngIf="result.approximation">≈</ng-container>
        <ng-container ngSwitch="{{result.unit}}">
            <ng-container *ngSwitchCase="'BCH'">{{result.value | number:'1.0-8'}} BCH</ng-container>
            <ng-container *ngSwitchCase="'BCH_bits'">
                {{result.value | number:'1.0-2'}} {{result.value === 1? 'bit' : 'bits'}} (BCH)
            </ng-container>
            <ng-container *ngSwitchCase="'BCH_satoshis'">
                {{result.value | number:'1.0-0'}} {{result.value === 1? 'satoshi' : 'satoshis'}} (BCH)
            </ng-container>
            <ng-container *ngSwitchCase="'BTC'">{{result.value | number:'1.0-8'}} BTC</ng-container>
            <ng-container *ngSwitchCase="'BTC_bits'">
                {{result.value | number:'1.0-2'}} {{result.value === 1? 'bit' : 'bits'}} (BTC)
            </ng-container>
            <ng-container *ngSwitchCase="'BTC_satoshis'">
                {{result.value | number:'1.0-0'}} {{result.value === 1? 'satoshi' : 'satoshis'}} (BTC)
            </ng-container>
            <ng-container *ngSwitchDefault>
                {{displaySymbol(result.unit)}}{{result.value | currency:result.unit:''}} {{result.unit}}
            </ng-container>
        </ng-container>
    </ng-container>
</ng-container>
<ng-template #rateNotAvailable>✘ {{displayAs}}</ng-template>
<ng-template #ratesPending></ng-template>