UNPKG

copay-crown

Version:

A Secure Crown Wallet

62 lines (58 loc) 2.02 kB
<ion-header> <ion-navbar> <ion-title>Glidera</ion-title> </ion-navbar> </ion-header> <ion-content> <ion-list *ngIf="sellInfo"> <ion-item> <div class="selling-label"> <img class="selling-img" src="assets/img/icon-tx-sent-outline.svg"> <span>Selling</span> </div> <div class="amount-label"> <div class="amount">{{amountUnitStr}}</div> <div class="alternative"> <span *ngIf="!isFiat">{{sellInfo.subtotal}} {{sellInfo.currency}}</span> <span *ngIf="isFiat">{{sellInfo.qty}} BTC</span> @ ${{sellInfo.price}} per BTC </div> </div> </ion-item> <ion-item-group class="info"> <button ion-item (click)="showWallets()" class="wallets-list"> <div>From</div> <div class="wallet"> <ion-icon item-start> <img *ngIf="network == 'testnet'" [ngStyle]="{'background-color': wallet && wallet.color}" src="assets/img/icon-wallet-testnet.svg" class="icon-wallet" /> <img *ngIf="network != 'testnet'" [ngStyle]="{'background-color': wallet && wallet.color}" src="assets/img/icon-wallet.svg" class="icon-wallet" /> </ion-icon> <div>{{wallet ? wallet.name : '...'}}</div> </div> </button> <ion-item-divider> Transaction details </ion-item-divider> <ion-item> <span>Expires</span> <ion-note item-end> {{sellInfo.expires | amCalendar}} </ion-note> </ion-item> <ion-item> <span>Fees</span> <ion-note item-end> {{sellInfo.fees}} {{sellInfo.currency}} </ion-note> </ion-item> <ion-item> <span>Total to receive</span> <ion-note item-end> {{sellInfo.total}} {{sellInfo.currency}} </ion-note> </ion-item> </ion-item-group> </ion-list> </ion-content> <ion-footer> <button ion-button full class="button-footer" (click)="sellConfirm()" [disabled]="!wallet">Confirm sale</button> </ion-footer>