Simple addressbook

src/css/main.css

@@ -98,6 +98,50 @@ h4.title a {
   border-bottom: 1px solid #E9E9EC;
 }
 
+.addressbook-input {
+  display: block;
+  margin-bottom: 1.5rem;
+  background-color: #E4E8EC;
+  padding-left: 0.5rem;
+  color: #2C3E50;
+  font-size: 13px;
+  height: 35px;
+  padding-top: 7px;
+}
+
+ul.button-group {
+  margin-top: 9px;
+}
+
+ul.button-group li:first-child {
+  border-top-left-radius: 0.2rem;
+  border-bottom-left-radius: 0.2rem;
+  border: 1px solid #DEDFE1;
+}
+
+ul.button-group li:last-child {
+  border-top-right-radius: 0.2rem;
+  border-bottom-right-radius: 0.2rem;
+  border: 1px solid #DEDFE1;
+}
+
+.button-group.even-2 li {
+  margin: 0 -3px;
+}
+
+ul.button-group li {
+  color: #A5B2BF;
+  cursor: pointer;
+  text-transform: uppercase;
+  font-size: 0.7rem;
+  display: block;
+  padding: 3px 0;
+}
+
+ul.button-group li.selected {
+  color: #fff;
+  background-color: #DEDFE1;
+}
 
 body, html{
   height:100%;

src/css/mobile.css

@@ -340,6 +340,21 @@ a.missing-copayers {
   padding: 1rem 0.7rem;
 }
 
+.modal-content ul li a.removeAddressbook {
+  background-color: white;
+  color: red;
+  margin-right: -10px;
+  float: right;
+}
+
+.modal-content ul li a.selectAddressbook {
+  float: left;
+  font-size: 18px;
+  padding: 13px 14px;
+  color: red;
+  margin-right: 10px;
+}
+
 .sidebar ul.off-canvas-list li a i {
   vertical-align: middle;
   opacity: 0.6;

src/js/controllers/walletHome.js

@@ -1,6 +1,6 @@
 'use strict';
 
-angular.module('copayApp.controllers').controller('walletHomeController', function($scope, $rootScope, $timeout, $filter, $modal, $log, notification, txStatus, isCordova, profileService, lodash, configService, rateService, storageService, bitcore, isChromeApp, gettext, gettextCatalog, nodeWebkit, addressService, ledger, feeService, bwsError, confirmDialog, txFormatService, animationService) {
+angular.module('copayApp.controllers').controller('walletHomeController', function($scope, $rootScope, $timeout, $filter, $modal, $log, notification, txStatus, isCordova, profileService, lodash, configService, rateService, storageService, bitcore, isChromeApp, gettext, gettextCatalog, nodeWebkit, addressService, ledger, feeService, bwsError, confirmDialog, txFormatService, animationService, addressbookService) {
 
   var self = this;
   $rootScope.hideMenuBar = false;
@@ -136,12 +136,71 @@ angular.module('copayApp.controllers').controller('walletHomeController', functi
     });
   };
 
-
-  $scope.openWalletsModal = function(wallets) {
+  $scope.openDestinationAddressModal = function(wallets, address, label) {
     $rootScope.modalOpened = true;
+    var fc = profileService.focusedClient;
+    self.resetForm();
 
     var ModalInstanceCtrl = function($scope, $modalInstance) {
       $scope.wallets = wallets; 
+      $scope.editAddressbook = false;
+      $scope.addAddressbookEntry = false;
+      $scope.selectedAddressbook = {};
+      $scope.addressbook = { 'address' : address, 'label' : label};
+      $scope.color = fc.backgroundColor;
+
+      $scope.selectAddressbook = function(addr) {
+        $modalInstance.close(addr);
+      };
+
+      $scope.toggleEditAddressbook = function() {
+        $scope.editAddressbook = !$scope.editAddressbook;
+        $scope.selectedAddressbook = {};
+        $scope.addAddressbookEntry = false;
+      };
+
+      $scope.toggleSelectAddressbook = function(addr) {
+        $scope.selectedAddressbook[addr] = $scope.selectedAddressbook[addr] ? false : true;
+      };
+
+      $scope.toggleAddAddressbookEntry = function() {
+        $scope.addAddressbookEntry = !$scope.addAddressbookEntry;
+      };
+
+      $scope.list = function() {
+        $scope.error = null;
+        addressbookService.list(function(err, ab) {
+          if (err) { 
+            $scope.error = err;
+            return;
+          }
+          $scope.list = ab;
+        });
+      };
+
+      $scope.add = function(addressbook) {
+        $scope.error = null;
+        addressbookService.add(addressbook, function(err, ab) {
+          if (err) { 
+            $scope.error = err;
+            return;
+          }
+          $scope.list = ab;
+          $scope.editAddressbook = true;
+          $scope.toggleEditAddressbook();
+        });
+      };
+
+      $scope.remove = function(addr) {
+        $scope.error = null;
+        addressbookService.remove(addr, function(err, ab) {
+          if (err) { 
+            $scope.error = err;
+            return;
+          }
+          $scope.list = ab;
+        });
+      };
 
       $scope.cancel = function() {
         $modalInstance.dismiss('cancel');
@@ -168,7 +227,7 @@ angular.module('copayApp.controllers').controller('walletHomeController', functi
     };
 
     var modalInstance = $modal.open({
-      templateUrl: 'views/modals/wallets.html',
+      templateUrl: 'views/modals/destination-address.html',
       windowClass: animationService.modalAnimated.slideUp,
       controller: ModalInstanceCtrl,
     });
@@ -718,6 +777,9 @@ angular.module('copayApp.controllers').controller('walletHomeController', functi
         },
         set: function(newValue) {
           $scope.__address = self.onAddressChange(newValue);
+          if ($scope.sendForm && $scope.sendForm.address.$valid) {
+            self.lockAddress = true;
+          }
         },
         enumerable: true,
         configurable: true

src/js/directives/directives.js

@@ -162,27 +162,25 @@ angular.module('copayApp.directives')
       }
     }
   })
-  .directive('contact', function() {
+  .directive('contact', ['addressbookService', function(addressbookService) {
     return {
       restrict: 'E',
       link: function(scope, element, attrs) {
-        if (!scope.wallet) return;
-
-        var address = attrs.address;
-        var contact = scope.wallet.addressBook[address];
-        if (contact && !contact.hidden) {
-          element.append(contact.label);
-          element.attr('tooltip', attrs.address);
-        } else {
-          element.append(address);
-        }
+        var addr = attrs.address;
+        addressbookService.getLabel(addr, function(label) {
+          if (label) {
+            element.append(label);
+          } else {
+            element.append(addr);
+          }
+        });
 
         element.bind('click', function() {
           selectText(element[0]);
         });
       }
     };
-  })
+  }])
   .directive('highlightOnChange', function() {
     return {
       restrict: 'A',

src/js/services/addressbookService.js

@@ -0,0 +1,66 @@
+'use strict';
+
+angular.module('copayApp.services').factory('addressbookService', function(storageService, profileService) {
+  var root = {};
+
+  root.getLabel = function(addr, cb) {
+    var fc = profileService.focusedClient;
+    storageService.getAddressbook(fc.credentials.network, function(err, ab) {
+      if (!ab) return cb();
+      ab = JSON.parse(ab);
+      if (ab[addr]) return cb(ab[addr]);
+      else return cb();
+    });
+  };
+
+  root.list = function(cb) {
+    var fc = profileService.focusedClient;
+    storageService.getAddressbook(fc.credentials.network, function(err, ab) {
+      if (err) return cb('Could not get the Addressbook');
+      if (ab) ab = JSON.parse(ab);
+      return cb(err, ab);
+    });
+  };
+
+  root.add = function(entry, cb) {
+    var fc = profileService.focusedClient;
+    root.list(function(err, ab) {
+      if (err) return cb(err);
+      if (!ab) ab = {};
+      if (ab[entry.address]) return cb('Entry already exist');
+      ab[entry.address] = entry.label;
+      storageService.setAddressbook(fc.credentials.network, JSON.stringify(ab), function(err, ab) {
+        if (err) return cb('Error adding new entry');
+        root.list(function(err, ab) {
+          return cb(err, ab);
+        });
+      });
+    });
+  };
+  
+  root.remove = function(addr, cb) {
+    var fc = profileService.focusedClient;
+    root.list(function(err, ab) {
+      if (err) return cb(err);
+      if (!ab) return;
+      if (!ab[addr]) return cb('Entry does not exist');
+      delete ab[addr];
+      storageService.setAddressbook(fc.credentials.network, JSON.stringify(ab), function(err) {
+        if (err) return cb('Error deleting entry');
+        root.list(function(err, ab) {
+          return cb(err, ab);
+        });
+      });
+    }); 
+  };
+
+  root.removeAll = function() {
+    var fc = profileService.focusedClient;
+    storageService.removeAddressbook(fc.credentials.network, function(err) {
+      if (err) return cb('Error deleting addressbook');
+      return cb();
+    });
+  };
+
+  return root;
+});

src/js/services/storageService.js

@@ -204,5 +204,17 @@ angular.module('copayApp.services')
       storage.remove('glideraToken-' + network, cb);
     };
 
+    root.setAddressbook = function(network, addressbook, cb) {
+      storage.set('addressbook-' + network, addressbook, cb);
+    };
+
+    root.getAddressbook = function(network, cb) {
+      storage.get('addressbook-' + network, cb);
+    };
+
+    root.removeAddressbook = function(network, cb) {
+      storage.remove('addressbook-' + network, cb);
+    };
+
     return root;
   });