RanchiMall/flosight-api
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replace grids with lists in summaries

Browse Source
This commit is contained in:
Darren Nelsen 2017-08-04 17:11:07 -04:00
parent abb65a4394
commit b48ff0adfa
4 changed files with 81 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
app/src/pages/address/address.html
View File

@ -3,40 +3,43 @@
</ion-header>
<ion-content padding>
<ion-grid>
<ion-row>
<ion-col col-12>
<h1>Address</h1>
<p>{{ address.addrStr }}</p>
<p>{{ address.balance }} BTC</p>
</ion-col>
</ion-row>
<ion-row>
<ion-col col-12><h2>Summary</h2></ion-col>
</ion-row>
<ion-row>
<ion-col col-6>Total Received:</ion-col>
<ion-col col-6 text-right>{{ address.totalReceived }} BTC</ion-col>
</ion-row>
<ion-row>
<ion-col col-6>Total Sent:</ion-col>
<ion-col col-6 text-right>{{ address.totalSent }} BTC</ion-col>
</ion-row>
<ion-row>
<ion-col col-6>Final Balance:</ion-col>
<ion-col col-6 text-right>{{ address.balance }} BTC</ion-col>
</ion-row>
<ion-row>
<ion-col col-6>No. Transactions:</ion-col>
<ion-col col-6 text-right>{{ address.txApperances }}</ion-col>
</ion-row>
<ion-row>
<ion-col col-12 text-center>QR CODE</ion-col>
</ion-row>
<ion-row>
<ion-col col-12><h2>Transactions</h2></ion-col>
</ion-row>
</ion-grid>
<h1>Address</h1>
<p>{{ address.addrStr }}</p>
<p>{{ address.balance }} BTC</p>
<h2>Summary</h2>
<ion-list>
<ion-item>
Total Received
<span item-end>
{{ address.totalReceived }} BTC
</span>
</ion-item>
<ion-item>
Total Sent
<span item-end>
{{ address.totalSent }} BTC
</span>
</ion-item>
<ion-item>
Final Balance
<span item-end>
{{ address.balance }} BTC
</span>
</ion-item>
<ion-item>
No. Transactions
<span item-end>
{{ address.txApperances }}
</span>
</ion-item>
</ion-list>
<p text-center>QR CODE<p>
<h2>Transactions</h2>
<transaction-list [queryType]="'address'" [queryValue]="addrStr"></transaction-list>
</ion-content>

7
app/src/pages/block-detail/block-detail.html
View File

@ -90,10 +90,9 @@
</ion-list>
<div *ngIf="!loading">
<h3>Transactions</h3>
<h2>Transactions</h2>
<transaction-list [queryType]="'block'" [queryValue]="block.hash"></transaction-list>
</div>
<div *ngIf="loading">
<p>Loading...</p>
</div>
</ion-content>

66
app/src/pages/transaction/transaction.html
View File

@ -3,36 +3,40 @@
</ion-header>
<ion-content padding>
<ion-grid>
<ion-row>
<ion-col col-12>
<h1>Transaction</h1>
<p>{{ tx.txid }}</p>
</ion-col>
</ion-row>
<ion-row>
<ion-col col-12><h2>Summary</h2></ion-col>
</ion-row>
<ion-row>
<ion-col col-6>Size</ion-col>
<ion-col col-6 text-right>{{ tx.size }} (bytes)</ion-col>
</ion-row>
<ion-row>
<ion-col col-6>Received Time</ion-col>
<ion-col col-6 text-right>{{ tx.time * 1000 | date:'medium' }}</ion-col>
</ion-row>
<ion-row>
<ion-col col-6>Mined Time</ion-col>
<ion-col col-6 text-right>{{ tx.blocktime * 1000 | date:'medium' }}</ion-col>
</ion-row>
<ion-row>
<ion-col col-6>Included in Block</ion-col>
<ion-col col-6 text-right>{{ tx.blockhash }}</ion-col>
</ion-row>
<ion-row>
<ion-col col-12><h2>Details</h2></ion-col>
</ion-row>
</ion-grid>
<h1>Transaction</h1>
<p>{{ tx.txid }}</p>
<h2>Summary</h2>
<ion-list>
<ion-item>
Size
<span item-end>
{{ tx.size }} (bytes)
</span>
</ion-item>
<ion-item>
Received Time
<span item-end>
{{ tx.time * 1000 | date:'medium' }}
</span>
</ion-item>
<ion-item>
Mined Time
<span item-end>
{{ tx.blocktime * 1000 | date:'medium' }}
</span>
</ion-item>
<ion-item>
Included in Block
<span item-end>
<a (click)="goToBlock(tx.blockhash)">{{ tx.blockhash }}</a>
</span>
</ion-item>
</ion-list>
<h2>Details</h2>
<transaction [tx]="tx"></transaction>
<transaction [tx]="tx"></transaction>
</ion-content>

6
app/src/pages/transaction/transaction.ts
View File

@ -40,4 +40,10 @@ export class TransactionPage {
}
);
}
public goToBlock(blockHash: string): void {
this.navCtrl.push('block-detail', {
'blockHash': blockHash
});
}
}