chain4all-frontend/src/app/bc-info/bc-info.component.html

<!-- My account balance: {{bcInfoService.userBalance}} $$ <button (click)="updateUserBalance()">UPDATE</button>
<br>
Payment hash: {{bcInfoService.paymentHash}} <button (click)="pay()">SEND TX</button>
<br>
Price: {{bcInfoService.price}}$$
<br>
Data URL: {{bcInfoService.dataUrl}} -->
<div [hidden]="!isVisible()" class="mainpanel" style="overflow: auto;">
    <hs-panel-header name="bc-panel" [title]="'Blockchain shop'"></hs-panel-header>
    <div class="card-body">
        <!-- <button type="button" class="btn btn-danger" (click)="onTest()">Test</button> -->
        <span>
            <p><b>User:</b> {{user}}</p>
            <p><b>Asset:</b> {{assetId}}</p>
            <p>
                <b>Balance:</b> {{userBalance}}
                <button type="button" [disabled]="getUserBalanceInProgress" class="btn btn-secondary btn-sm"
                    (click)="refreshUserBalance()" title="Refresh balance">
                    <i *ngIf="!getUserBalanceInProgress" class="icon-refresh"></i>
                    <span *ngIf="getUserBalanceInProgress" class="spinner-border spinner-border-sm" role="status"
                        aria-hidden="true"></span>
                </button>
            </p>
        </span>
        <hr>
        <button style="margin-bottom: 5px;" *ngIf="!selectingArea" type="button" class="btn btn-primary" (click)="onSelectArea()">Select
            area</button>

        <div *ngIf="selectingArea">
            <p>Select area with <b> Shift + Drag</b></p>
            <span *ngIf="price">
                <p><b>Price:</b> {{price}}</p>
            </span>
            <p *ngIf="paymentHash"><b>Payment hash:</b> {{paymentHash}}</p>
            <div style="margin-bottom: 5px;">
                <button type="button" [disabled]="!price || buyInProgress" class="btn btn-success" (click)="onBuy()">
                    <span *ngIf="buyInProgress" class="spinner-border spinner-border-sm" role="status"></span>
                    Buy
                </button>
                <button type="button" class="btn btn-danger" [disabled]="buyInProgress"
                    (click)="onCancel()">Cancel</button>
                <a *ngIf="dataUrl" class="btn btn-primary" [href]="dataUrl">Download your data!</a>
            </div>
        </div>
        <hr>
        <div>
            <h5>Purchase history</h5>
            <div>
                <purchase                    
                    *ngFor="let purchase of lastPurchases; index as i"
                    [hash]="purchase.hash"
                    [amount]="purchase.amount"
                    [extent]="purchase.extent"
                    [timestamp]="purchase.timestamp"
                    [user]="user"
                ></purchase>
            </div>
    </div>
</div>