From 738428ed0503214b9db7173dca2651979dc77c94 Mon Sep 17 00:00:00 2001 From: Gabriel Masclef Date: Thu, 8 Feb 2018 15:14:49 -0300 Subject: [PATCH] Feat: Wallet Balance Page --- src/assets/img/icon-confirming-clear.svg | 18 ++++ src/assets/img/icon-lock.svg | 12 +++ src/assets/img/icon-sigma.svg | 15 +++ .../wallet-balance/wallet-balance.html | 100 ++++++++++++++++++ .../wallet-balance/wallet-balance.scss | 30 ++++++ .../wallet-balance/wallet-balance.ts | 29 +++++ 6 files changed, 204 insertions(+) create mode 100644 src/assets/img/icon-confirming-clear.svg create mode 100644 src/assets/img/icon-lock.svg create mode 100644 src/assets/img/icon-sigma.svg create mode 100644 src/pages/wallet-details/wallet-balance/wallet-balance.html create mode 100644 src/pages/wallet-details/wallet-balance/wallet-balance.scss create mode 100644 src/pages/wallet-details/wallet-balance/wallet-balance.ts diff --git a/src/assets/img/icon-confirming-clear.svg b/src/assets/img/icon-confirming-clear.svg new file mode 100644 index 000000000..e7cf58529 --- /dev/null +++ b/src/assets/img/icon-confirming-clear.svg @@ -0,0 +1,18 @@ + + + + +Group 2 +Created with Sketch. + + + + + + + + + diff --git a/src/assets/img/icon-lock.svg b/src/assets/img/icon-lock.svg new file mode 100644 index 000000000..578c0c3e1 --- /dev/null +++ b/src/assets/img/icon-lock.svg @@ -0,0 +1,12 @@ + + + + lock + Created with Sketch. + + + + + + + \ No newline at end of file diff --git a/src/assets/img/icon-sigma.svg b/src/assets/img/icon-sigma.svg new file mode 100644 index 000000000..0baf24a13 --- /dev/null +++ b/src/assets/img/icon-sigma.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + diff --git a/src/pages/wallet-details/wallet-balance/wallet-balance.html b/src/pages/wallet-details/wallet-balance/wallet-balance.html new file mode 100644 index 000000000..7b095f98c --- /dev/null +++ b/src/pages/wallet-details/wallet-balance/wallet-balance.html @@ -0,0 +1,100 @@ + + + + {{status.wallet.name}} + + + + + + + + + + {{'All of your bitcoin wallet balance may not be available for immediate spending.' | translate}} + + +
+ +
Total
+
+
+ + {{status.totalBalanceStr}} + +
+ + {{status.totalBalanceAlternative}} {{status.alternativeIsoCode}} + +
+
+ + +
The total amount of bitcoin stored in this wallet.
+ + + +
+ +
Available
+
+
+ + {{status.spendableBalanceStr}} + +
+ + {{status.spendableBalanceAlternative}} {{status.alternativeIsoCode}} + +
+
+ + +
The amount of bitcoin immediately spendable from this wallet.
+ + + +
+ +
Confirming
+
+
+ + {{status.pendingBalanceStr}} + +
+ + {{status.pendingBalanceAlternative}} {{status.alternativeIsoCode}} + +
+
+ + +
The amount of bitcoin stored in this wallet with less than 1 blockchain confirmation.
+ + + +
+ +
Locked
+
+
+ + {{status.lockedBalanceStr}} + +
+ + {{status.lockedBalanceAlternative}} {{status.alternativeIsoCode}} + +
+
+ + +
The amount of bitcoin stored in this wallet that is allocated as inputs to your pending transaction proposals. The + amount is determined using unspent transaction outputs associated with this wallet and may be more than the actual + amounts associated with your pending transaction proposals.
+ + + \ No newline at end of file diff --git a/src/pages/wallet-details/wallet-balance/wallet-balance.scss b/src/pages/wallet-details/wallet-balance/wallet-balance.scss new file mode 100644 index 000000000..82e311c73 --- /dev/null +++ b/src/pages/wallet-details/wallet-balance/wallet-balance.scss @@ -0,0 +1,30 @@ +page-wallet-balance { + .balance-container { + ion-label { + display: flex; + justify-content: space-between; + } + .title { + display: flex; + align-items: center; + img, ion-icon { + height: 18px; + width: 18px; + margin-right: 1.5rem; + } + } + .balance { + text-align: end; + .available { + color: color($colors, success); + } + .confirming, .locked { + color: color($colors, warning); + } + .fiat { + color: #bbbbbb; + font-size: 12.5px; + } + } + } +} diff --git a/src/pages/wallet-details/wallet-balance/wallet-balance.ts b/src/pages/wallet-details/wallet-balance/wallet-balance.ts new file mode 100644 index 000000000..09a2b918a --- /dev/null +++ b/src/pages/wallet-details/wallet-balance/wallet-balance.ts @@ -0,0 +1,29 @@ +import { Component } from '@angular/core'; +import { NavParams, ViewController } from 'ionic-angular'; +import { Logger } from '../../../providers/logger/logger'; + +@Component({ + selector: 'page-wallet-balance', + templateUrl: 'wallet-balance.html', +}) +export class WalletBalancePage { + + public status: any; + + constructor( + private logger: Logger, + private navParams: NavParams, + private viewCtrl: ViewController + ) { + this.status = this.navParams.data.status; + } + + ionViewDidLoad() { + this.logger.info('ionViewDidLoad WalletBalancePage'); + } + + public close(): void { + this.viewCtrl.dismiss(); + } + +} \ No newline at end of file