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

add loading indication

Browse Source
This commit is contained in:
Darren Nelsen 2017-07-26 16:05:10 -04:00
parent 2bc629cac5
commit ccc5f8868a
2 changed files with 28 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,17 +17,22 @@
<h1>Block # {{ block.height }}</h1> <h1>Block # {{ block.height }}</h1>
<p>BlockHash {{ block.hash }}</p> <p>BlockHash {{ block.hash }}</p>
<h2>Summary</h2> <h2>Summary</h2>
<p>Number of Transactions {{ block.tx.length }}</p> <div *ngIf="!loading">
<p>Height {{ block.height }}</p> <p>Number of Transactions {{ block.tx.length }}</p>
<p>Block Reward {{ block.reward }}</p> <p>Height {{ block.height }}</p>
<p>Timestamp {{ block.time }}</p> <p>Block Reward {{ block.reward }}</p>
<p>Mined by</p> <p>Timestamp {{ block.time }}</p>
<p>Merkle Root {{ block.merkleroot }}</p> <p>Mined by</p>
<p>Previous Block <a (click)="goToPreviousBlock()">{{ block.height - 1 }}</a></p> <p>Merkle Root {{ block.merkleroot }}</p>
<p>Difficulty {{ block.difficulty }}</p> <p>Previous Block <a (click)="goToPreviousBlock()">{{ block.height - 1 }}</a></p>
<p>Bits {{ block.bits }}</p> <p>Difficulty {{ block.difficulty }}</p>
<p>Size (bytes) {{ block.size }}</p> <p>Bits {{ block.bits }}</p>
<p>Version {{ block.version }}</p> <p>Size (bytes) {{ block.size }}</p>
<p>Nonce {{ block.nonce }}</p> <p>Version {{ block.version }}</p>
<p>Next Block <a (click)="goToNextBlock()">{{ block.height + 1 }}</a></p> <p>Nonce {{ block.nonce }}</p>
<p>Next Block <a (click)="goToNextBlock()">{{ block.height + 1 }}</a></p>
</div>
<div *ngIf="loading">
<p>Loading...</p>
</div>
</ion-content> </ion-content>

13
app/src/pages/block-detail/block-detail.ts
View File

@ -18,6 +18,7 @@ import { Http } from '@angular/http';
}) })
export class BlockDetailPage { export class BlockDetailPage {
public loading: boolean = true;
private blockHash: string; private blockHash: string;
public block: any = { public block: any = {
tx: [] tx: []
@ -25,7 +26,6 @@ export class BlockDetailPage {
constructor(public navCtrl: NavController, private http: Http, public navParams: NavParams) { constructor(public navCtrl: NavController, private http: Http, public navParams: NavParams) {
this.blockHash = navParams.get('blockHash'); this.blockHash = navParams.get('blockHash');
console.log('blockHash is', this.blockHash);
let apiPrefix: string = 'http://localhost:3001/insight-api/'; let apiPrefix: string = 'http://localhost:3001/insight-api/';
@ -37,6 +37,9 @@ export class BlockDetailPage {
}, },
(err) => { (err) => {
console.log('err is', err); console.log('err is', err);
},
() => {
this.loading = false;
} }
); );
} }
@ -45,13 +48,17 @@ export class BlockDetailPage {
console.log('ionViewDidLoad BlockDetailPage'); console.log('ionViewDidLoad BlockDetailPage');
} }
public goToPreviousBlock() { public ionViewWillLeave(): void {
this.loading = true;
}
public goToPreviousBlock(): void {
this.navCtrl.push('block-detail', { this.navCtrl.push('block-detail', {
'blockHash': this.block.previousblockhash 'blockHash': this.block.previousblockhash
}); });
} }
public goToNextBlock() { public goToNextBlock(): void {
this.navCtrl.push('block-detail', { this.navCtrl.push('block-detail', {
'blockHash': this.block.nextblockhash 'blockHash': this.block.nextblockhash
}); });