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-col col-6>
<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>
</ion-col>
<ion-col col-6 text-right>
<span text-nowrap>{{ tx.confirmations }} Confirmation<span *ngIf="tx.confirmations !== 1">s</span></span>
<span text-nowrap>{{ currency.getConvertedNumber(tx.valueOut) | number:'1.0-8' }} {{ currency.currencySymbol }}</span>
<ion-chip color="primary">
<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-row>
</ion-grid>

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

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