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

added spinners to transaction and address pages and transaction list component

Browse Source
This commit is contained in:
Darren Nelsen 2017-08-16 12:46:08 -04:00
parent 90379522fe
commit c9a1b6b153
4 changed files with 93 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/components/head-nav/head-nav.ts
View File

@ -139,7 +139,7 @@ export class HeadNavComponent {
actionSheet.present(); actionSheet.present();
} }
public toggleSearch() { public toggleSearch(): void {
this.showSearch = !this.showSearch; this.showSearch = !this.showSearch;
} }
} }

11
app/src/components/transaction-list/transaction-list.html
View File

@ -1,7 +1,14 @@
<ion-grid> <div *ngIf="loading">
<ion-spinner name="crescent"></ion-spinner>
</div>
<div *ngIf="!loading">
<ion-grid>
<ion-row *ngFor="let tx of transactions.txs"> <ion-row *ngFor="let tx of transactions.txs">
<ion-col col-12> <ion-col col-12>
<transaction [tx]="tx"></transaction> <transaction [tx]="tx"></transaction>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid> </ion-grid>
</div>

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

@ -3,6 +3,11 @@
</ion-header> </ion-header>
<ion-content padding> <ion-content padding>
<div *ngIf="loading">
<ion-spinner name="crescent"></ion-spinner>
</div>
<div *ngIf="!loading">
<h1>Address</h1> <h1>Address</h1>
<p class="ellipsis"><b>Address</b> {{ address.addrStr }}</p> <p class="ellipsis"><b>Address</b> {{ address.addrStr }}</p>
<p>{{ currency.getConversion(address.balance) }}</p> <p>{{ currency.getConversion(address.balance) }}</p>
@ -43,5 +48,6 @@
<h2>Transactions</h2> <h2>Transactions</h2>
<transaction-list [queryType]="'address'" [queryValue]="addrStr"></transaction-list> <transaction-list [queryType]="'address'" [queryValue]="addrStr"></transaction-list>
</div>
</ion-content> </ion-content>

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

@ -3,6 +3,11 @@
</ion-header> </ion-header>
<ion-content padding> <ion-content padding>
<div *ngIf="loading">
<ion-spinner name="crescent"></ion-spinner>
</div>
<div *ngIf="!loading">
<h1>Transaction</h1> <h1>Transaction</h1>
<p class="ellipsis"><b>Transaction</b> {{ tx.txid }}</p> <p class="ellipsis"><b>Transaction</b> {{ tx.txid }}</p>
@ -38,5 +43,6 @@
<h2>Details</h2> <h2>Details</h2>
<transaction [tx]="tx"></transaction> <transaction [tx]="tx"></transaction>
</div>
</ion-content> </ion-content>