Generate CSV using a new plugin

Gruntfile.js

@@ -59,6 +59,8 @@ module.exports = function(grunt) {
           'bower_components/angular-gettext/dist/angular-gettext.js',
           'bower_components/angular-touch/angular-touch.js',
           'bower_components/angular-ui-switch/angular-ui-switch.js',
+          'bower_components/angular-sanitize/angular-sanitize.js',
+          'bower_components/ng-csv/build/ng-csv.js',
           'angular-bitcore-wallet-client/angular-bitcore-wallet-client.js'
         ],
         dest: 'public/lib/angular.js'

bower.json

@@ -22,7 +22,7 @@
     "moment": "2.10.3",
     "ng-lodash": "0.2.3",
     "qrcode-decoder-js": "*",
-    "trezor-connect": "~1.0.1"
+    "trezor-connect": "~1.0.1",
+    "ng-csv": "~0.3.6"
   }
 }
-

public/views/preferencesHistory.html

@@ -7,9 +7,9 @@
   <h4></h4>
   <ul class="no-bullet m0">
     <li>
-      <div ng-show="!index.isCordova">
-        <input id="export_file" type="file" nwsaveas="Copay-{{index.alias || index.walletName}}.csv" accept=".csv" style="display:none">
-        <a ng-style="{'color':index.backgroundColor}" ng-click="index.csvHistory();">
+      <div ng-if="!index.isCordova" ng-init="index.csvHistory()">
+
+        <a ng-style="{'color':index.backgroundColor}" ng-csv="index.csvContent" csv-header="index.csvHeader" filename="{{ index.csvFilename }}">
           <span translate>Export to file</span>
         </a>
       </div>

public/views/walletHome.html

@@ -175,7 +175,7 @@
             <div translate>Updating transaction history. Please stand by.</div>
           </div>
         </div>
-      </div>
+      </div> 
 
       <div class="oh pr" ng-show="index.txHistory[0]">
         <h4 class="title m0">

src/js/app.js

@@ -8,6 +8,8 @@ var modules = [
   'gettext',
   'ngLodash',
   'uiSwitch',
+  'ngSanitize', 
+  'ngCsv',
   'bwcModule',
   'copayApp.filters',
   'copayApp.services',

src/js/controllers/index.js

@@ -768,7 +768,6 @@ angular.module('copayApp.controllers').controller('indexController', function($r
     $log.debug('Generating CSV from History');
     self.setOngoingProcess('generatingCSV', true);
 
-    $timeout(function() {
       getHistory(function(err, txs) {
         self.setOngoingProcess('generatingCSV', false);
         if (err) {
@@ -779,14 +778,11 @@ angular.module('copayApp.controllers').controller('indexController', function($r
           self.satToUnit = 1 / self.unitToSatoshi;
           var data = txs;
           var satToBtc = 1 / 100000000;
-          var filename = 'Copay-' + (self.alias || self.walletName) + '.csv';
-          var csvContent = '';
-
-          if (!isNode) csvContent = 'data:text/csv;charset=utf-8,';
-          csvContent += 'Date,Destination,Note,Amount,Currency,Txid,Creator,Copayers\n';
+          self.csvContent = [];
+          self.csvFilename = 'Copay-' + (self.alias || self.walletName) + '.csv';
+          self.csvHeader = ['Date', 'Destination', 'Note', 'Amount', 'Currency', 'Txid', 'Creator', 'Copayers'];
 
           var _amount, _note, _copayers, _creator;
-          var dataString;
           data.forEach(function(it, index) {
             var amount = it.amount;
 
@@ -810,28 +806,34 @@ angular.module('copayApp.controllers').controller('indexController', function($r
             if (it.action == 'moved')
               _note += ' Moved:' + (it.amount * satToBtc).toFixed(8)
 
-            dataString = formatDate(it.time * 1000) + ',' + formatString(it.addressTo) + ',' + _note + ',' + _amount + ',BTC,' + it.txid + ',' + _creator + ',' + _copayers;
-            csvContent += dataString + "\n";
+            self.csvContent.push({
+              'Date': formatDate(it.time * 1000),
+              'Destination': formatString(it.addressTo),
+              'Note': _note,
+              'Amount': _amount,
+              'Currency': 'BTC',
+              'Txid': it.txid,
+              'Creator': _creator,
+              'Copayers': _copayers
+            });
 
             if (it.fees && (it.action == 'moved' || it.action == 'sent')) {
               var _fee = (it.fees * satToBtc).toFixed(8)
-              csvContent += formatDate(it.time * 1000) + ',Bitcoin Network Fees,, -' + _fee + ',BTC,,,' + "\n";
+              self.csvContent.push({
+                'Date': formatDate(it.time * 1000),
+                'Destination': 'Bitcoin Network Fees',
+                'Note': '',
+                'Amount': '-'+_fee,
+                'Currency': 'BTC',
+                'Txid': '',
+                'Creator': '',
+                'Copayers': ''
+              });
             }
           });
-
-          if (isNode) {
-            saveFile('#export_file', csvContent);
-          } else {
-            var encodedUri = encodeURI(csvContent);
-            var link = document.createElement("a");
-            link.setAttribute("href", encodedUri);
-            link.setAttribute("download", filename);
-            link.click();
-          }
+          return;
         }
-        $rootScope.$apply();
       });
-    });
   };
 
   self.removeSoftConfirmedTx = function(txs) {