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

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

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

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

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