Display current state of a wallet

Author: LoicDelorme

src/pages/all-assets/all-assets.html

@@ -24,6 +24,16 @@
   <ion-searchbar (ionInput)="onFilterTriggered($event)"></ion-searchbar>
 
   <ion-list inset>
+    <ion-item>
+      <ion-avatar item-start>
+        <img src="../../assets/imgs/cryptocurrencies/bitcoin.png" />
+      </ion-avatar>
+
+      <h3>Purchase price: {{ (purchasePrice).toFixed(3) }} BTC</h3>
+      <h3>Current price: {{ (currentPrice).toFixed(3) }} BTC</h3>
+      <h3>Change: {{ (((currentPrice - purchasePrice) / purchasePrice) * 100).toFixed(3) }} %</h3>
+    </ion-item>
+
     <ion-item-sliding *ngFor="let asset of filtered" #slidingItem>
       <ion-item>
         <ion-avatar item-start>

src/pages/all-assets/all-assets.ts

@@ -11,6 +11,7 @@ import { UserAuthenticationPage } from '../user-authentication/user-authenticati
 import { InsertAssetPage } from '../insert-asset/insert-asset';
 import { UpdateAssetPage } from '../update-asset/update-asset';
 import { AllWalletsPage } from '../all-wallets/all-wallets';
+import { CoinMarketCapProvider } from '../../providers/coinmarketcap/coinmarketcap';
 
 @Component({
   selector: 'page-all-assets',
@@ -21,8 +22,10 @@ export class AllAssetsPage {
   public wallet: Wallet;
   public filtered: Array<Asset> = [];
   public all: Array<Asset> = [];
+  public purchasePrice: number = 0;
+  public currentPrice: number = 0;
 
-  constructor(private navCtrl: NavController, private navParams: NavParams, private loadingCtrl: LoadingController, private toastCtrl: ToastController, private alertCtrl: AlertController, private registeredUserProvider: RegisteredUserProvider, private localStorageProvider: LocalStorageProvider) {}
+  constructor(private navCtrl: NavController, private navParams: NavParams, private loadingCtrl: LoadingController, private toastCtrl: ToastController, private alertCtrl: AlertController, private registeredUserProvider: RegisteredUserProvider, private coinMarketCapProvider: CoinMarketCapProvider, private localStorageProvider: LocalStorageProvider) {}
 
   public ionViewWillEnter(): void {
     if (!this.localStorageProvider.isUserRegistered()) {
@@ -49,6 +52,18 @@ export class AllAssetsPage {
       this.all = result.data;
       this.filtered = result.data;
 
+      for (let offset = 0; offset < this.all.length; offset++) {
+        let asset: Asset = this.all[offset];
+        this.purchasePrice = this.purchasePrice + asset.purchasePrice;
+        this.coinMarketCapProvider.getPrice(asset.cryptocurrency).subscribe(result => {
+          console.log(result);console.log(asset.amount);console.log(parseFloat(result[0].price_btc));
+          this.currentPrice = this.currentPrice + (asset.amount * parseFloat(result[0].price_btc));
+        }, error => {
+          console.error(error);
+          this.toastCtrl.create({ message: 'An error occured...', duration: 3000, position: 'top' }).present();
+        });
+      }
+
       loadingOverlay.dismiss();
     }, error => {
       console.error(error);