mirror of https://github.com/BTCPrivate/copay.git
add balance header
This commit is contained in:
parent
80084bc8b5
commit
3988389f27
|
@ -1,9 +1,16 @@
|
||||||
<ion-header>
|
<ion-header no-border>
|
||||||
<ion-navbar>
|
<ion-navbar transparent>
|
||||||
<ion-title>{{wallet.name}}</ion-title>
|
<ion-title>{{wallet.name}}</ion-title>
|
||||||
</ion-navbar>
|
</ion-navbar>
|
||||||
</ion-header>
|
</ion-header>
|
||||||
|
|
||||||
<ion-content>
|
<ion-content>
|
||||||
hello
|
<div class="balance-header">
|
||||||
|
<div class="balance-str">{{wallet.status.availableBalanceStr}}</div>
|
||||||
|
<div class="balance-alt-str">{{alternativeBalanceStr}}</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="history">
|
||||||
|
|
||||||
|
</div>
|
||||||
</ion-content>
|
</ion-content>
|
|
@ -0,0 +1,36 @@
|
||||||
|
page-wallet-details {
|
||||||
|
.header {
|
||||||
|
color: color($colors, light);
|
||||||
|
background-color: color($colors, primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.toolbar {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bar-button {
|
||||||
|
color: color($colors, light);
|
||||||
|
}
|
||||||
|
|
||||||
|
.toolbar-title {
|
||||||
|
color: color($colors, light);
|
||||||
|
}
|
||||||
|
|
||||||
|
.balance-header {
|
||||||
|
color: color($colors, light);
|
||||||
|
background-color: color($colors, primary);
|
||||||
|
height: 25%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.balance-str {
|
||||||
|
padding-top: 10%;
|
||||||
|
font-size: 30px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.balance-alt-str {
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
}
|
|
@ -8,6 +8,7 @@ import { WalletProvider } from '../../providers/wallet/wallet';
|
||||||
})
|
})
|
||||||
export class WalletDetailsPage {
|
export class WalletDetailsPage {
|
||||||
public wallet: any;
|
public wallet: any;
|
||||||
|
public alternativeBalanceStr: string;
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
private navParams: NavParams,
|
private navParams: NavParams,
|
||||||
|
@ -29,6 +30,7 @@ export class WalletDetailsPage {
|
||||||
getTxHistory(force?: boolean) {
|
getTxHistory(force?: boolean) {
|
||||||
this.walletProvider.getTxHistory_(this.wallet, {force: force}).then((txh) => {
|
this.walletProvider.getTxHistory_(this.wallet, {force: force}).then((txh) => {
|
||||||
this.wallet.completeHistory = txh;
|
this.wallet.completeHistory = txh;
|
||||||
|
this.alternativeBalanceStr = this.wallet.status.totalBalanceAlternative + ' USD'; //TODO use tx-format provider
|
||||||
}).catch((err) => {
|
}).catch((err) => {
|
||||||
console.log(err);
|
console.log(err);
|
||||||
});
|
});
|
||||||
|
|
|
@ -375,13 +375,11 @@ export class WalletProvider {
|
||||||
this.logger.debug('Updating Transaction History');
|
this.logger.debug('Updating Transaction History');
|
||||||
|
|
||||||
this.getTxsFromLocal(wallet.credentials.walletId).then((txsFromLocal) => {
|
this.getTxsFromLocal(wallet.credentials.walletId).then((txsFromLocal) => {
|
||||||
console.log('TX FROM LOCAL:', txsFromLocal);
|
|
||||||
if (!lodash.isEmpty(txsFromLocal) && !opts.force) return resolve(txsFromLocal);
|
if (!lodash.isEmpty(txsFromLocal) && !opts.force) return resolve(txsFromLocal);
|
||||||
|
|
||||||
this.getTxsFromServer(wallet, 0, null, 10).then((txsFromServer) => {
|
this.getTxsFromServer(wallet, 0, null, 10).then((txsFromServer) => {
|
||||||
console.log('TX FROM SERVER:', txsFromServer);
|
|
||||||
|
|
||||||
this.updateTxHistory(wallet, txsFromLocal, txsFromServer);
|
this.updateTxHistory_(wallet, txsFromLocal, txsFromServer);
|
||||||
}).catch((err) => {
|
}).catch((err) => {
|
||||||
this.logger.debug('Error getting txs from server');
|
this.logger.debug('Error getting txs from server');
|
||||||
return reject(err);
|
return reject(err);
|
||||||
|
@ -393,7 +391,7 @@ export class WalletProvider {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
private updateTxHistory(wallet: any, txsFromLocal: any, txsFromServer?: any) {
|
private updateTxHistory_(wallet: any, txsFromLocal: any, txsFromServer?: any) {
|
||||||
let array = lodash.compact(txsFromLocal.concat(txsFromServer));
|
let array = lodash.compact(txsFromLocal.concat(txsFromServer));
|
||||||
let newHistory = lodash.uniqBy(array, (x: any) => {
|
let newHistory = lodash.uniqBy(array, (x: any) => {
|
||||||
return x.txid;
|
return x.txid;
|
||||||
|
@ -459,53 +457,6 @@ export class WalletProvider {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
private updateLocalTxHistory_(wallet: any, opts: any) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
opts = opts ? opts : {};
|
|
||||||
let FIRST_LIMIT = 5;
|
|
||||||
let LIMIT = 50;
|
|
||||||
let requestLimit = FIRST_LIMIT;
|
|
||||||
let walletId = wallet.credentials.walletId;
|
|
||||||
let progressFn = opts.progressFn || function () { };
|
|
||||||
let foundLimitTx = [];
|
|
||||||
|
|
||||||
// if (opts.feeLevels) {
|
|
||||||
// opts.lowAmount = this.getLowAmount(wallet, opts.feeLevels);
|
|
||||||
// };
|
|
||||||
|
|
||||||
// let fixTxsUnit = (txs: any): void => {
|
|
||||||
// if (!txs || !txs[0] || !txs[0].amountStr) return;
|
|
||||||
|
|
||||||
// let cacheCoin: string = txs[0].amountStr.split(' ')[1];
|
|
||||||
|
|
||||||
// if (cacheCoin == 'bits') {
|
|
||||||
|
|
||||||
// this.logger.debug('Fixing Tx Cache Unit to: ' + wallet.coin)
|
|
||||||
// lodash.each(txs, (tx: any) => {
|
|
||||||
// tx.amountStr = this.txFormatProvider.formatAmountStr(wallet.coin, tx.amount);
|
|
||||||
// tx.feeStr = this.txFormatProvider.formatAmountStr(wallet.coin, tx.fees);
|
|
||||||
// });
|
|
||||||
// };
|
|
||||||
// };
|
|
||||||
|
|
||||||
this.getTxsFromLocal(walletId).then((txsFromLocal: any) => {
|
|
||||||
if (lodash.isEmpty(txsFromLocal)) {
|
|
||||||
console.log('No local transactions available');
|
|
||||||
return resolve(null);
|
|
||||||
}
|
|
||||||
// fixTxsUnit(txsFromLocal);
|
|
||||||
// First update
|
|
||||||
// progressFn(txsFromLocal, 0);
|
|
||||||
wallet.completeHistory = txsFromLocal;
|
|
||||||
|
|
||||||
// Second update
|
|
||||||
|
|
||||||
}).catch((err) => {
|
|
||||||
return reject(err);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
private updateHistoryFromServer() {
|
private updateHistoryFromServer() {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue