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

added chips on transaction component

Browse Source
This commit is contained in:
Darren Nelsen 2018-02-01 15:19:04 -05:00
parent 432f920e16
commit 7fef8d340f
2 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/src/components/transaction/transaction.html
View File

@ -88,12 +88,18 @@
<ion-row align-items-center text-uppercase class="small"> <ion-row align-items-center text-uppercase class="small">
<ion-col col-6> <ion-col col-6>
<div [hidden]="tx.isCoinBase"> <div [hidden]="tx.isCoinBase">
Fee <span text-nowrap>{{ currency.getConvertedNumber(tx.fees) | number:'1.0-8' }} {{ currency.currencySymbol }}</span> <ion-chip>
<ion-label>Fee <span text-nowrap>{{ currency.getConvertedNumber(tx.fees) | number:'1.0-8' }} {{ currency.currencySymbol }}</span></ion-label>
</ion-chip>
</div> </div>
</ion-col> </ion-col>
<ion-col col-6 text-right> <ion-col col-6 text-right>
<span text-nowrap>{{ tx.confirmations }} Confirmation<span *ngIf="tx.confirmations !== 1">s</span></span> <ion-chip color="primary">
<span text-nowrap>{{ currency.getConvertedNumber(tx.valueOut) | number:'1.0-8' }} {{ currency.currencySymbol }}</span> <ion-label>{{ tx.confirmations | number }} Confirmation<span *ngIf="tx.confirmations !== 1">s</span></ion-label>
</ion-chip>
<ion-chip color="secondary">
<ion-label>{{ currency.getConvertedNumber(tx.valueOut) | number:'1.0-8' }} {{ currency.currencySymbol }}</ion-label>
</ion-chip>
</ion-col> </ion-col>
</ion-row> </ion-row>
</ion-grid> </ion-grid>

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

@ -29,4 +29,12 @@ transaction {
.list { .list {
margin-bottom: 5px margin-bottom: 5px
} }
.chip {
//background-color: red;
&.chip-md-primary {
//background-color: blue;
}
}
} }