New directive copy-to-clipboard multiplatform

src/js/app.js

@@ -5,6 +5,8 @@ var modules = [
   'monospaced.qrcode',
   'gettext',
   'ionic',
+  'ionic-toast',
+  'angular-clipboard',
   'ngLodash',
   'ngCsv',
   'bwcModule',

src/js/controllers/modals/txDetails.js

@@ -85,11 +85,6 @@ angular.module('copayApp.controllers').controller('txDetailsController', functio
     return n.substring(0, 4);
   };
 
-  $scope.copyToClipboard = function(addr, $event) {
-    if (!addr) return;
-    self.copyToClipboard(addr, $event);
-  };
-
   $scope.cancel = function() {
     $scope.txDetailsModal.hide();
   };

src/js/controllers/modals/txpDetails.js

@@ -8,7 +8,7 @@ angular.module('copayApp.controllers').controller('txpDetailsController', functi
   var now = Math.floor(Date.now() / 1000);
   $scope.loading = null;
 
-  
+
   $scope.copayerId = $scope.wallet.credentials.copayerId;
   $scope.isShared =  $scope.wallet.credentials.n > 1;
   $scope.canSign =  $scope.wallet.canSign() ||  $scope.wallet.isPrivKeyExternal();
@@ -187,11 +187,6 @@ angular.module('copayApp.controllers').controller('txpDetailsController', functi
     });
   };
 
-  $scope.copyToClipboard = function(addr, $event) {
-    if (!addr) return;
-    self.copyToClipboard(addr, $event);
-  };
-
   $scope.close = function(txp) {
     $scope.loading = null;
     if (txp) {

src/js/controllers/preferencesInformation.js

@@ -113,13 +113,6 @@ angular.module('copayApp.controllers').controller('preferencesInformation',
       save('#202020');
     };
 
-    $scope.copyToClipboard = function(data) {
-      if ($scope.isCordova) {
-        window.cordova.plugins.clipboard.copy(data);
-        window.plugins.toast.showShortCenter(gettextCatalog.getString('Copied to clipboard'));
-      }
-    };
-
     $scope.scan = function() {
       walletService.startScan(wallet);
       $state.go('tabs.home');

src/js/controllers/tab-receive.js

@@ -32,39 +32,6 @@ angular.module('copayApp.controllers').controller('tabReceiveController', functi
     });
   }
 
-  $scope.copyToClipboard = function(addr, $event) {
-
-    var showPopover = function() {
-
-      $ionicPopover.fromTemplateUrl('views/includes/copyToClipboard.html', {
-        scope: $scope
-      }).then(function(popover) {
-        $scope.popover = popover;
-        $scope.popover.show($event);
-      });
-
-      $scope.close = function() {
-        $scope.popover.hide();
-      }
-
-      $timeout(function() {
-        $scope.popover.hide(); //close the popover after 0.7 seconds
-      }, 700);
-
-      $scope.$on('$destroy', function() {
-        $scope.popover.remove();
-      });
-    };
-
-    if ($scope.isCordova) {
-      window.cordova.plugins.clipboard.copy(addr);
-      window.plugins.toast.showShortCenter(gettextCatalog.getString('Copied to clipboard'));
-    } else if ($scope.isNW) {
-      nodeWebkit.writeToClipboard(addr);
-      showPopover($event);
-    }
-  };
-
   $scope.shareAddress = function(addr) {
     if ($scope.isCordova) {
       window.plugins.socialsharing.share('bitcoin:' + addr, null, null, null);

src/js/directives/copyToClipboard.js

@@ -0,0 +1,39 @@
+'use strict';
+
+angular.module('copayApp.directives')
+  .directive('copyToClipboard', function(platformInfo, gettextCatalog, ionicToast, clipboard) {
+    return {
+      restrict: 'A',
+      scope: {
+        copyToClipboard: '=copyToClipboard'
+      },
+      link: function(scope, elem, attrs, ctrl) {
+        var isCordova = platformInfo.isCordova;
+        var isChromeApp = platformInfo.isChromeApp;
+        var isNW = platformInfo.isNW;
+        elem.bind('mouseover', function() {
+          elem.css('cursor', 'pointer');
+        });
+
+        var msg = gettextCatalog.getString('Copied to clipboard');
+        elem.bind('click', function() {
+          var data = scope.copyToClipboard;
+          if (isCordova) {
+            window.cordova.plugins.clipboard.copy(data);
+            window.plugins.toast.showShortCenter(msg);
+          } else if (isNW) {
+            nodeWebkit.writeToClipboard(data);
+            scope.$apply(function() {
+              ionicToast.show(msg, 'bottom', false, 1000);
+            });
+          } else if (clipboard.supported) {
+            clipboard.copyText(data);
+            scope.$apply(function() {
+              ionicToast.show(msg, 'bottom', false, 1000);
+            });
+          }
+        });
+      }
+    }
+  });
+