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

used semantic ion-note tag for block data fields; fixed spacing of merkle root field

Browse Source
This commit is contained in:
Darren Nelsen 2017-09-25 11:10:28 -04:00
parent 2ae129fd94
commit f0dbd5b5d6
2 changed files with 34 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/src/app/app.scss
View File

@ -29,6 +29,14 @@ body {
color: #999; color: #999;
font-size: 1.4rem; font-size: 1.4rem;
} }
ion-note {
color: #999;
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
} }
.grid--table { .grid--table {

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

@ -16,81 +16,81 @@
<ion-list *ngIf="!loading" class="list--summary"> <ion-list *ngIf="!loading" class="list--summary">
<ion-item> <ion-item>
Number of Transactions Number of Transactions
<span item-end> <ion-note item-end>
{{ block.tx.length }} {{ block.tx.length }}
</span> </ion-note>
</ion-item> </ion-item>
<ion-item> <ion-item>
Height Height
<span item-end> <ion-note item-end>
{{ block.height }} <span [hidden]="!block.isMainChain">(Mainchain)</span> {{ block.height }} <span [hidden]="!block.isMainChain">(Mainchain)</span>
</span> </ion-note>
</ion-item> </ion-item>
<ion-item> <ion-item>
Block Reward Block Reward
<span item-end> <ion-note item-end>
{{ currency.getConversion(block.reward) }} {{ currency.getConversion(block.reward) }}
</span> </ion-note>
</ion-item> </ion-item>
<ion-item> <ion-item>
Timestamp Timestamp
<span item-end> <ion-note item-end>
{{ block.time * 1000 | date:'medium' }} {{ block.time * 1000 | date:'medium' }}
</span> </ion-note>
</ion-item> </ion-item>
<ion-item> <ion-item>
Mined by Mined by
<span item-end *ngIf="block.poolInfo"> <ion-note item-end *ngIf="block.poolInfo">
<a href="{{ block.poolInfo.url }}">{{ block.poolInfo.poolName }}</a> <a href="{{ block.poolInfo.url }}">{{ block.poolInfo.poolName }}</a>
</span> </ion-note>
</ion-item> </ion-item>
<ion-item> <ion-item>
Merkle Root Merkle Root
<span item-end class="ellipsis"> <ion-note item-end>
{{ block.merkleroot }} {{ block.merkleroot }}
</span> </ion-note>
</ion-item> </ion-item>
<ion-item> <ion-item>
Previous Block Previous Block
<span item-end> <ion-note item-end>
<a (click)="goToPreviousBlock()">{{ block.height - 1 }}</a> <a (click)="goToPreviousBlock()">{{ block.height - 1 }}</a>
</span> </ion-note>
</ion-item> </ion-item>
<ion-item> <ion-item>
Difficulty Difficulty
<span item-end> <ion-note item-end>
{{ block.difficulty }} {{ block.difficulty }}
</span> </ion-note>
</ion-item> </ion-item>
<ion-item> <ion-item>
Bits Bits
<span item-end> <ion-note item-end>
{{ block.bits }} {{ block.bits }}
</span> </ion-note>
</ion-item> </ion-item>
<ion-item> <ion-item>
Size (bytes) Size (bytes)
<span item-end> <ion-note item-end>
{{ block.size }} {{ block.size }}
</span> </ion-note>
</ion-item> </ion-item>
<ion-item> <ion-item>
Version Version
<span item-end> <ion-note item-end>
{{ block.version }} {{ block.version }}
</span> </ion-note>
</ion-item> </ion-item>
<ion-item> <ion-item>
Nonce Nonce
<span item-end> <ion-note item-end>
{{ block.nonce }} {{ block.nonce }}
</span> </ion-note>
</ion-item> </ion-item>
<ion-item> <ion-item>
Next Block Next Block
<span item-end> <ion-note item-end>
<a (click)="goToNextBlock()">{{ block.height + 1 }}</a> <a (click)="goToNextBlock()">{{ block.height + 1 }}</a>
</span> </ion-note>
</ion-item> </ion-item>
</ion-list> </ion-list>