paypro: implement short merchant names in address box and side box.

js/controllers/send.js

@@ -461,6 +461,13 @@ angular.module('copayApp.controllers').controller('SendController',
       var value = scope.address || '';
       var uri;
 
+      // If we're setting the domain, ignore the change.
+      if ($rootScope.merchant
+          && $rootScope.merchant.domain
+          && value === $rootScope.merchant.domain) {
+        return;
+      }
+
       if (value.indexOf('bitcoin:') === 0) {
         uri = new bitcore.BIP21(value).data;
       } else if (/^https?:\/\//.test(value)) {
@@ -517,12 +524,18 @@ angular.module('copayApp.controllers').controller('SendController',
           return;
         }
 
+        var url = merchantData.request_url;
+        var domain = /^(?:https?)?:\/\/([^\/:]+).*$/.exec(url)[1];
+
         merchantData.unitTotal = (+merchantData.total / config.unitToSatoshi) + '';
         merchantData.expiration = new Date(
           merchantData.pr.pd.expires * 1000).toISOString();
+        merchantData.domain = domain;
 
         $rootScope.merchant = merchantData;
 
+        scope.sendForm.address.$setViewValue(domain);
+        scope.sendForm.address.$render();
         scope.sendForm.address.$isValid = true;
 
         scope.sendForm.amount.$setViewValue(merchantData.unitTotal);
@@ -534,6 +547,14 @@ angular.module('copayApp.controllers').controller('SendController',
         var unregister = scope.$watch('address', function() {
           var val = scope.sendForm.address.$viewValue || '';
           var uri;
+          // If we're setting the domain, ignore the change.
+          if ($rootScope.merchant
+              && $rootScope.merchant.domain
+              && val === $rootScope.merchant.domain) {
+            uri = {
+              merchant: $rootScope.merchant.request_url
+            };
+          }
           if (val.indexOf('bitcoin:') === 0) {
             uri = new bitcore.BIP21(val).data;
           } else if (/^https?:\/\//.test(val)) {

js/directives.js

@@ -1,7 +1,7 @@
 'use strict';
 
 angular.module('copayApp.directives')
-  .directive('validAddress', function() {
+  .directive('validAddress', ['$rootScope', function($rootScope) {
     var bitcore = require('bitcore');
     var Address = bitcore.Address;
     var bignum = bitcore.Bignum;
@@ -11,6 +11,14 @@ angular.module('copayApp.directives')
       link: function(scope, elem, attrs, ctrl) {
         var validator = function(value) {
 
+          // If we're setting the domain, ignore the change.
+          if ($rootScope.merchant
+              && $rootScope.merchant.domain
+              && value === $rootScope.merchant.domain) {
+            ctrl.$setValidity('validAddress', true);
+            return value;
+          }
+
           // Regular url
           if (/^https?:\/\//.test(value)) {
             ctrl.$setValidity('validAddress', true);
@@ -35,7 +43,7 @@ angular.module('copayApp.directives')
         ctrl.$formatters.unshift(validator);
       }
     };
-  })
+  }])
   .directive('enoughAmount', ['$rootScope',
     function($rootScope) {
       var bitcore = require('bitcore');

views/send.html

@@ -20,7 +20,7 @@
                   not valid</small>
               </label>
               <div class="small-10 columns">
-                <input type="text" id="address" name="address" ng-disabled="loading"
+                <input type="text" id="address" name="address" ng-disabled="loading || !!$root.merchant"
                 placeholder="Send to" ng-model="address" ng-change="onChanged()" valid-address required>
                 <small class="icon-input" ng-show="!sendForm.address.$invalid && address"><i class="fi-check"></i></small>
                 <small class="icon-input" ng-show="sendForm.address.$invalid && address"><i class="fi-x"></i></small>
@@ -129,8 +129,9 @@
     <div class="large-6 columns show-for-large-up" ng-show="!!$root.merchant">
       <div class="send-note">
         <h6>Send to</h6>
-        <p class="text-gray" ng-class="{'hidden': sendForm.address.$invalid || !address}">
+        <p class="text-gray" ng-class="{'hidden': sendForm.address.$invalid || !address}"
-        {{$root.merchant.request_url}}&nbsp;
+        title="{{$root.merchant.request_url}}">
+        {{$root.merchant.domain}}&nbsp;
         </p>
         <h6>Total amount for this transaction:</h6>
         <p class="text-gray" ng-class="{'hidden': sendForm.amount.$invalid || !amount > 0}">