copay-crown/src/pages/settings/wallet-settings/wallet-settings-advanced/wallet-transaction-history/wallet-transaction-history.ts

A Secure Crown Wallet

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import * as _ from 'lodash';
import * as papa from 'papaparse';
import { Logger } from '../../../../../providers/logger/logger';

// Providers
import { AppProvider } from '../../../../../providers/app/app';
import { ConfigProvider } from '../../../../../providers/config/config';
import { PlatformProvider } from '../../../../../providers/platform/platform';
import { ProfileProvider } from '../../../../../providers/profile/profile';
import { WalletProvider } from '../../../../../providers/wallet/wallet';

// Pages
import { WalletDetailsPage } from '../../../../../pages/wallet-details/wallet-details';

@Component({
  selector: 'page-wallet-transaction-history',
  templateUrl: 'wallet-transaction-history.html',
})
export class WalletTransactionHistoryPage {
  public wallet: any;
  public csvReady: boolean;
  public appName: string;
  public isCordova: boolean;
  public err: any;
  public config: any;
  public csvContent: any[];
  public csvFilename: any;
  public csvHeader: string[];
  public unitToSatoshi: number;
  public unitDecimals: number;
  public satToUnit: number;
  public satToBtc: number;

  private currency: string;

  constructor(
    private profileProvider: ProfileProvider,
    private navCtrl: NavController,
    private navParams: NavParams,
    private configProvider: ConfigProvider,
    private logger: Logger,
    private platformProvider: PlatformProvider,
    private appProvider: AppProvider,
    private walletProvider: WalletProvider
  ) {
    this.csvReady = false;
    this.csvContent = [];
  }

  ionViewDidLoad() {
    this.logger.info('ionViewDidLoad WalletTransactionHistoryPage');
  }

  ionViewWillEnter() {
    this.wallet = this.profileProvider.getWallet(this.navParams.data.walletId);
    this.currency = this.wallet.coin.toUpperCase();
    this.isCordova = this.platformProvider.isCordova;
    this.appName = this.appProvider.info.nameCase;
    this.config = this.configProvider.get();
    this.unitToSatoshi = this.config.wallet.settings.unitToSatoshi;
    this.unitDecimals = this.config.wallet.settings.unitDecimals;
    this.satToUnit = 1 / this.unitToSatoshi;
    this.satToBtc = 1 / 100000000;
    this.csvHistory();
  }

  private formatDate(date: any): string {
    var dateObj = new Date(date);
    if (!dateObj) {
      this.logger.debug('Error formating a date');
      return 'DateError'
    }
    if (!dateObj.toJSON()) {
      return '';
    }
    return dateObj.toJSON();
  };

  // TODO : move this to walletService.
  public csvHistory() {
    this.logger.debug('Generating CSV from History');
    this.walletProvider.getTxHistory(this.wallet, {}).then((txs: any) => {
      if (_.isEmpty(txs)) {
        this.logger.warn('Failed to generate CSV: no transactions');
        this.err = 'no transactions';
        return;
      }

      this.logger.debug('Wallet Transaction History Length:', txs.length);

      var data = txs;
      this.csvFilename = this.appName + '-' + this.wallet.name + '.csv';
      this.csvHeader = ['Date', 'Destination', 'Description', 'Amount', 'Currency', 'Txid', 'Creator', 'Copayers', 'Comment'];

      var _amount, _note, _copayers, _creator, _comment;

      data.forEach((it, index) => {
        var amount = it.amount;

        if (it.action == 'moved')
          amount = 0;

        _copayers = '';
        _creator = '';

        if (it.actions && it.actions.length > 1) {
          for (var i = 0; i < it.actions.length; i++) {
            _copayers += it.actions[i].copayerName + ':' + it.actions[i].type + ' - ';
          }
          _creator = (it.creatorName && it.creatorName != 'undefined') ? it.creatorName : '';
        }
        _amount = (it.action == 'sent' ? '-' : '') + (amount * this.satToBtc).toFixed(8);
        _note = it.message || '';
        _comment = it.note ? it.note.body : '';

        if (it.action == 'moved')
          _note += ' Moved:' + (it.amount * this.satToBtc).toFixed(8)

        this.csvContent.push({
          'Date': this.formatDate(it.time * 1000),
          'Destination': it.addressTo || '',
          'Description': _note,
          'Amount': _amount,
          'Currency': this.currency,
          'Txid': it.txid,
          'Creator': _creator,
          'Copayers': _copayers,
          'Comment': _comment
        });

        if (it.fees && (it.action == 'moved' || it.action == 'sent')) {
          var _fee = (it.fees * this.satToBtc).toFixed(8)
          this.csvContent.push({
            'Date': this.formatDate(it.time * 1000),
            'Destination': 'Bitcoin Network Fees',
            'Description': '',
            'Amount': '-' + _fee,
            'Currency': this.currency,
            'Txid': '',
            'Creator': '',
            'Copayers': ''
          });
        }
      });
      this.csvReady = true;
    }).catch((err) => {
      this.logger.warn('Failed to generate CSV:', err);
      this.err = err;
    });
  }

  public downloadCSV() {
    let csv = papa.unparse({
      fields: this.csvHeader,
      data: this.csvContent
    });

    var blob = new Blob([csv]);
    var a = window.document.createElement("a");
    a.href = window.URL.createObjectURL(blob);
    a.download = this.csvFilename;
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
  }

  public clearTransactionHistory(): void {
    this.logger.info('Removing Transaction history ' + this.wallet.id);

    this.walletProvider.clearTxHistory(this.wallet);

    this.logger.info('Transaction history cleared for :' + this.wallet.id);

    this.navCtrl.popToRoot({ animate: false }).then(() => {
      this.navCtrl.parent.select(0);
      this.navCtrl.push(WalletDetailsPage, { walletId: this.wallet.credentials.walletId, clearCache: true });
    });
  }

}