put vins and vouts into ion-lists; add fee, confirmation, and value data

This commit is contained in:
Darren Nelsen 2017-08-04 17:41:29 -04:00
parent b48ff0adfa
commit 3b873f4841
2 changed files with 26 additions and 23 deletions

View File

@ -17,41 +17,45 @@
<ion-row> <ion-row>
<ion-col col-5> <ion-col col-5>
<div [hidden]="!tx.isCoinBase">
<div *ngFor="let vin of tx.vin">
<div>
<span translate>No Inputs (Newly Generated Coins)</span>
</div>
</div>
</div>
<div [hidden]="tx.isCoinBase"> <ion-list [hidden]="!tx.isCoinBase">
<div *ngFor="let vin of tx.vin"> <ion-item>
<div><a (click)="goToAddress(vin.addr)">{{ vin.addr }}</a></div> No Inputs (Newly Generated Coins)
<p>{{ vin.value + ' BTC' }}</p> </ion-item>
</div> </ion-list>
</div>
<ion-list [hidden]="tx.isCoinBase">
<ion-item *ngFor="let vin of tx.vin">
<a (click)="goToAddress(vin.addr)">{{ vin.addr }}</a>
<span item-end>{{ vin.value + ' BTC' }}</span>
</ion-item>
</ion-list>
</ion-col> </ion-col>
<ion-col col-2> <ion-col col-2 text-center>
<div> <div>
&gt; &gt;
</div> </div>
</ion-col> </ion-col>
<ion-col col-5> <ion-col col-5>
<div *ngFor="let vout of tx.vout"> <ion-list>
<div> <ion-item *ngFor="let vout of tx.vout">
<p><a (click)="goToAddress(getAddress(vout))">{{ getAddress(vout) }}</a> {{ vout.value + ' BTC' }} <span [hidden]="!vout.spentTxId">(S)</span><span [hidden]="vout.spentTxId">(U)</span></p> <a (click)="goToAddress(getAddress(vout))">{{ getAddress(vout) }}</a>
</div> <div item-end>
</div> {{ vout.value + ' BTC' }} <span [hidden]="!vout.spentTxId">(S)</span><span [hidden]="vout.spentTxId">(U)</span>
</div>
</ion-item>
</ion-list>
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row> <ion-row>
<ion-col col-6> <ion-col col-6>
Fee <span [hidden]="tx.isCoinBase">Fee {{ tx.fees + 'BTC' }}</span>
</ion-col> </ion-col>
<ion-col col-6> <ion-col col-6 text-right>
Confirmations {{ tx.confirmations }} Confirmations
<span class="">{{ tx.valueOut + ' BTC' }}</span>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid> </ion-grid>

View File

@ -31,7 +31,6 @@ export class TransactionPage {
this.http.get(this.api.apiPrefix + 'tx/' + this.txId).subscribe( this.http.get(this.api.apiPrefix + 'tx/' + this.txId).subscribe(
(data) => { (data) => {
this.tx = JSON.parse(data['_body']); this.tx = JSON.parse(data['_body']);
console.log('tx', this.tx);
this.loading = false; this.loading = false;
}, },
(err) => { (err) => {