buyAndSell services + nextSteps

src/js/controllers/buyAndSellCardController.js

@@ -0,0 +1,14 @@
+'use strict';
+
+angular.module('copayApp.controllers').controller('buyAndSellCardController', function($scope, nextStepsService, $ionicScrollDelegate, buyAndSellService) {
+
+  $scope.services = buyAndSellService.getLinked();
+
+  $scope.toggle = function() {
+    $scope.hide = !$scope.hide;
+    $timeout(function() {
+      $ionicScrollDelegate.resize();
+      $scope.$apply();
+    }, 10);
+  };
+});

src/js/controllers/buyandsellController.js

@@ -1,14 +1,11 @@
 'use strict';
 
-angular.module('copayApp.controllers').controller('buyandsellController', function($scope, $ionicHistory, configService) {
+angular.module('copayApp.controllers').controller('buyandsellController', function($scope, $ionicHistory, buyAndSellService, lodash) {
 
   $scope.$on("$ionicView.beforeEnter", function(event, data) {
-    configService.whenAvailable(function(config) {
+    $scope.services = buyAndSellService.get();
-      $scope.isCoinbaseEnabled = config.coinbaseV2;
-      $scope.isGlideraEnabled = config.glidera.enabled;
 
-      if (!$scope.isCoinbaseEnabled && !$scope.isGlideraEnabled)
+    if (lodash.isEmpty($scope.services))
-        $ionicHistory.goBack();
+      $ionicHistory.goBack();
-    });
   });
 });

src/js/controllers/coinbase.js

@@ -112,7 +112,6 @@ angular.module('copayApp.controllers').controller('coinbaseController', function
 
   var self = this;
   $scope.$on("$ionicView.beforeEnter", function(event, data) {
-    coinbaseService.setCredentials();
     if (data.stateParams && data.stateParams.code) {
       coinbaseService.getStoredToken(function(at) {
         if (!at) self.submitOauthCode(data.stateParams.code);

src/js/controllers/nextStepsController.js

@@ -0,0 +1,16 @@
+'use strict';
+
+angular.module('copayApp.controllers').controller('nextStepsController', function($scope, nextStepsService, $ionicScrollDelegate, $timeout) {
+
+  $scope.hide = false;
+  $scope.services = nextStepsService.get();
+
+  $scope.toggle = function() {
+    $scope.hide = !$scope.hide;
+    $timeout(function() {
+      $ionicScrollDelegate.resize();
+      $scope.$apply();
+    }, 10);
+  };
+
+});

src/js/controllers/tab-home.js

@@ -1,7 +1,7 @@
 'use strict';
 
 angular.module('copayApp.controllers').controller('tabHomeController',
-  function($rootScope, $timeout, $scope, $state, $stateParams, $ionicModal, $ionicScrollDelegate, $window, gettextCatalog, lodash, popupService, ongoingProcess, externalLinkService, latestReleaseService, profileService, walletService, configService, $log, platformInfo, storageService, txpModalService, appConfigService, bitpayCardService, startupService, addressbookService, feedbackService, bwcError, coinbaseService) {
+  function($rootScope, $timeout, $scope, $state, $stateParams, $ionicModal, $ionicScrollDelegate, $window, gettextCatalog, lodash, popupService, ongoingProcess, externalLinkService, latestReleaseService, profileService, walletService, configService, $log, platformInfo, storageService, txpModalService, appConfigService, bitpayCardService, startupService, addressbookService, feedbackService, bwcError, nextStepsService, buyAndSellService) {
     var wallet;
     var listeners = [];
     var notifications = [];
@@ -83,10 +83,7 @@ angular.module('copayApp.controllers').controller('tabHomeController',
           var wallet = profileService.getWallet(walletId);
           updateWallet(wallet);
           if ($scope.recentTransactionsEnabled) getNotifications();
-          if ($scope.coinbaseEnabled && type == 'NewBlock' && n && n.data && n.data.network == 'livenet') {
+
-            // Update Coinbase
-            coinbaseService.updatePendingTransactions();
-          }
         }),
         $rootScope.$on('Local/TxAction', function(e, walletId) {
           $log.debug('Got action for wallet ' + walletId);
@@ -96,31 +93,22 @@ angular.module('copayApp.controllers').controller('tabHomeController',
         })
       ];
 
+
+      $scope.nextStepsItems = nextStepsService.get();
+      $scope.buyAndSellItems = buyAndSellService.getLinked();
+
+console.log('[tab-home.js.99]', $scope.buyAndSellItems); //TODO
+
       configService.whenAvailable(function() {
-        nextStep(function() {
+        var config = configService.getSync();
-          var config = configService.getSync();
+        $scope.recentTransactionsEnabled = config.recentTransactions.enabled;
-          var isWindowsPhoneApp = platformInfo.isWP && platformInfo.isCordova;
+        if ($scope.recentTransactionsEnabled) getNotifications();
 
-          $scope.glideraEnabled = config.glidera.enabled && !isWindowsPhoneApp;
+        if ($scope.bitpayCardEnabled) bitpayCardCache();
-          $scope.coinbaseEnabled = config.coinbaseV2 && !isWindowsPhoneApp;
+        $timeout(function() {
-          $scope.amazonEnabled = config.amazon.enabled;
+          $ionicScrollDelegate.resize();
-          $scope.bitpayCardEnabled = config.bitpayCard.enabled;
+          $scope.$apply();
-
+        }, 10);
-          var buyAndSellEnabled = !$scope.externalServices.BuyAndSell && ($scope.glideraEnabled || $scope.coinbaseEnabled);
-          var amazonEnabled = !$scope.externalServices.AmazonGiftCards && $scope.amazonEnabled;
-          var bitpayCardEnabled = !$scope.externalServices.BitpayCard && $scope.bitpayCardEnabled;
-
-          $scope.nextStepEnabled = buyAndSellEnabled || amazonEnabled || bitpayCardEnabled;
-          $scope.recentTransactionsEnabled = config.recentTransactions.enabled;
-
-          if ($scope.recentTransactionsEnabled) getNotifications();
-
-          if ($scope.bitpayCardEnabled) bitpayCardCache();
-          $timeout(function() {
-            $ionicScrollDelegate.resize();
-            $scope.$apply();
-          }, 10);
-        });
       });
     });
 
@@ -213,7 +201,7 @@ angular.module('copayApp.controllers').controller('tabHomeController',
         walletService.getStatus(wallet, {}, function(err, status) {
           if (err) {
 
-            wallet.error = (err === 'WALLET_NOT_REGISTERED') ? gettextCatalog.getString('Wallet not registered') :  bwcError.msg(err);
+            wallet.error = (err === 'WALLET_NOT_REGISTERED') ? gettextCatalog.getString('Wallet not registered') : bwcError.msg(err);
 
             $log.error(err);
           } else {
@@ -265,25 +253,6 @@ angular.module('copayApp.controllers').controller('tabHomeController',
       });
     };
 
-    var nextStep = function(cb) {
-      var i = 0;
-      var services = ['AmazonGiftCards', 'BitpayCard', 'BuyAndSell'];
-      lodash.each(services, function(service) {
-        storageService.getNextStep(service, function(err, value) {
-          $scope.externalServices[service] = value == 'true' ? true : false;
-          if (++i == services.length) return cb();
-        });
-      });
-    };
-
-    $scope.shouldHideNextSteps = function() {
-      $scope.hideNextSteps = !$scope.hideNextSteps;
-      $timeout(function() {
-        $ionicScrollDelegate.resize();
-        $scope.$apply();
-      }, 10);
-    };
-
     var bitpayCardCache = function() {
       bitpayCardService.getCards(function(err, data) {
         if (err) return;

src/js/routes.js

@@ -1088,7 +1088,7 @@ angular.module('copayApp').config(function(historicLogProvider, $provide, $logPr
         }
       });
   })
-  .run(function($rootScope, $state, $location, $log, $timeout, $ionicHistory, $ionicPlatform, $window, appConfigService, lodash, platformInfo, profileService, uxLanguage, gettextCatalog, openURLService, storageService, scannerService) {
+  .run(function($rootScope, $state, $location, $log, $timeout, $ionicHistory, $ionicPlatform, $window, appConfigService, lodash, platformInfo, profileService, uxLanguage, gettextCatalog, openURLService, storageService, scannerService, /* plugins START HERE => */ coinbaseService, glideraService, amazonService) {
 
     uxLanguage.init();
 

src/js/services/amazonService.js

@@ -1,5 +1,5 @@
 'use strict';
-angular.module('copayApp.services').factory('amazonService', function($http, $log, lodash, moment, storageService, configService, platformInfo) {
+angular.module('copayApp.services').factory('amazonService', function($http, $log, lodash, moment, storageService, configService, platformInfo, nextStepsService) {
   var root = {};
   var credentials = {};
 
@@ -69,8 +69,9 @@ angular.module('copayApp.services').factory('amazonService', function($http, $lo
       });
     });
 
+    // TODO
     // Show pending task from the UI
-    storageService.setNextStep('AmazonGiftCards', 'true', function(err) {});
+    // storageService.setNextStep('AmazonGiftCards', 'true', function(err) {});
   };
 
   root.getPendingGiftCards = function(cb) {
@@ -144,6 +145,16 @@ angular.module('copayApp.services').factory('amazonService', function($http, $lo
     });
   };
 
-  return root;
+  var register = function () {
+    nextStepsService.register({
+      name: 'amazon',
+      title: 'Buy a gift card',
+      icon: 'icon-amazon',
+      sref: 'tabs.giftcards.amazon',
+    });
+  };
 
+  register();
+
+  return root;
 });

src/js/services/buyAndSellService.js

@@ -0,0 +1,60 @@
+'use strict';
+
+angular.module('copayApp.services').factory('buyAndSellService', function($log, nextStepsService, lodash, $ionicScrollDelegate, $timeout) {
+  var root = {};
+  var services = [];
+  var linkedServices = [];
+
+  root.updateNextSteps = function() {
+
+    var newLinked = lodash.filter(services, function(x) {
+      return x.linked;
+    });
+
+
+    // This is to preserve linkedServices pointer
+    while(linkedServices.length)
+      linkedServices.pop();
+
+    while(newLinked.length)
+      linkedServices.push(newLinked.pop());
+    //
+
+console.log('[buyAndSellService.js.10:linkedServices:]',linkedServices); //TODO
+
+    $log.debug('buyAndSell Service, updating nextSteps. linked/total: ' + linkedServices.length + '/'+  services.length);
+
+    if (linkedServices.length == 0) {
+      nextStepsService.register({
+        name: 'Buy and Sell',
+        icon: 'icon-buy-bitcoin',
+        sref: 'tabs.buyandsell',
+      });
+    };
+
+
+    $timeout(function() {
+      $ionicScrollDelegate.resize();
+    }, 10);
+  };
+
+  var updateNextStepsDebunced = lodash.debounce(root.updateNextSteps, 1000);
+
+  root.register = function(serviceInfo) {
+    services.push(serviceInfo);
+    $log.info('Adding Buy and Sell service:' + serviceInfo.name + ' linked:' + serviceInfo.linked);
+    updateNextStepsDebunced();
+  };
+
+  root.get = function() {
+    return services;
+  };
+
+
+  root.getLinked = function() {
+    return linkedServices;
+  };
+
+
+  return root;
+});

src/js/services/coinbaseService.js

@@ -1,37 +1,32 @@
 'use strict';
 
-angular.module('copayApp.services').factory('coinbaseService', function($http, $log, $window, $filter, platformInfo, lodash, storageService, configService, appConfigService, txFormatService) {
+angular.module('copayApp.services').factory('coinbaseService', function($http, $log, $window, $filter, platformInfo, lodash, storageService, configService, appConfigService, txFormatService, buyAndSellService, $rootScope) {
   var root = {};
   var credentials = {};
   var isCordova = platformInfo.isCordova;
   var isNW = platformInfo.isNW;
+  var isWindowsPhoneApp = platformInfo.isWP && platformInfo.isCordova;
+
+  root.priceSensitivity = [{
+    value: 0.5,
+    name: '0.5%'
+  }, {
+    value: 1,
+    name: '1%'
+  }, {
+    value: 2,
+    name: '2%'
+  }, {
+    value: 5,
+    name: '5%'
+  }, {
+    value: 10,
+    name: '10%'
+  }];
 
-  root.priceSensitivity = [
-    {
-      value: 0.5,
-      name: '0.5%'
-    },
-    {
-      value: 1,
-      name: '1%'
-    },
-    {
-      value: 2,
-      name: '2%'
-    },
-    {
-      value: 5,
-      name: '5%'
-    },
-    {
-      value: 10,
-      name: '10%'
-    }
-  ];
-  
   root.selectedPriceSensitivity = root.priceSensitivity[1];
 
-  root.setCredentials = function() {
+  var setCredentials = function() {
 
     if (!$window.externalServices || !$window.externalServices.coinbase) {
       return;
@@ -46,19 +41,19 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
     credentials.NETWORK = 'livenet';
 
     // Coinbase permissions
-    credentials.SCOPE = ''
+    credentials.SCOPE = '' +
-      + 'wallet:accounts:read,'
+      'wallet:accounts:read,' +
-      + 'wallet:addresses:read,'
+      'wallet:addresses:read,' +
-      + 'wallet:addresses:create,'
+      'wallet:addresses:create,' +
-      + 'wallet:user:read,'
+      'wallet:user:read,' +
-      + 'wallet:user:email,'
+      'wallet:user:email,' +
-      + 'wallet:buys:read,'
+      'wallet:buys:read,' +
-      + 'wallet:buys:create,'
+      'wallet:buys:create,' +
-      + 'wallet:sells:read,'
+      'wallet:sells:read,' +
-      + 'wallet:sells:create,'
+      'wallet:sells:create,' +
-      + 'wallet:transactions:read,'
+      'wallet:transactions:read,' +
-      + 'wallet:transactions:send,'
+      'wallet:transactions:send,' +
-      + 'wallet:payment-methods:read';
+      'wallet:payment-methods:read';
 
     // NW has a bug with Window Object
     if (isCordova) {
@@ -72,8 +67,7 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
       credentials.API = coinbase.sandbox.api;
       credentials.CLIENT_ID = coinbase.sandbox.client_id;
       credentials.CLIENT_SECRET = coinbase.sandbox.client_secret;
-    }
+    } else {
-    else {
       credentials.HOST = coinbase.production.host;
       credentials.API = coinbase.production.api;
       credentials.CLIENT_ID = coinbase.production.client_id;
@@ -107,8 +101,8 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
   root.getAvailableCurrency = function() {
     var config = configService.getSync().wallet.settings;
     // ONLY "USD"
-    switch(config.alternativeIsoCode) {
+    switch (config.alternativeIsoCode) {
-      default : return 'USD'
+      default: return 'USD'
     };
   };
 
@@ -117,7 +111,7 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
     var satToBtc = 1 / 100000000;
     var unitToSatoshi = config.unitToSatoshi;
     var amountUnitStr;
-    
+
     // IF 'USD'
     if (currency) {
       amountUnitStr = $filter('formatFiatAmount')(amount) + ' ' + currency;
@@ -128,19 +122,19 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
       amount = (amountSat * satToBtc).toFixed(8);
       currency = 'BTC';
     }
-    
+
     return [amount, currency, amountUnitStr];
   };
 
   root.getOauthCodeUrl = function() {
-    return credentials.HOST
+    return credentials.HOST +
-      + '/oauth/authorize?response_type=code&client_id='
+      '/oauth/authorize?response_type=code&client_id=' +
-      + credentials.CLIENT_ID
+      credentials.CLIENT_ID +
-      + '&redirect_uri='
+      '&redirect_uri=' +
-      + credentials.REDIRECT_URI
+      credentials.REDIRECT_URI +
-      + '&state=SECURE_RANDOM&scope='
+      '&state=SECURE_RANDOM&scope=' +
-      + credentials.SCOPE
+      credentials.SCOPE +
-      + '&meta[send_limit_amount]=1000&meta[send_limit_currency]=USD&meta[send_limit_period]=day';
+      '&meta[send_limit_amount]=1000&meta[send_limit_currency]=USD&meta[send_limit_period]=day';
   };
 
   root.getToken = function(code, cb) {
@@ -152,9 +146,9 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
         'Accept': 'application/json'
       },
       data: {
-        grant_type : 'authorization_code',
+        grant_type: 'authorization_code',
         code: code,
-        client_id : credentials.CLIENT_ID,
+        client_id: credentials.CLIENT_ID,
         client_secret: credentials.CLIENT_SECRET,
         redirect_uri: credentials.REDIRECT_URI
       }
@@ -163,7 +157,6 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
     $http(req).then(function(data) {
       $log.info('Coinbase Authorization Access Token: SUCCESS');
       // Show pending task from the UI
-      storageService.setNextStep('BuyAndSell', 'true', function(err) {});
       _afterTokenReceived(data.data, cb);
     }, function(data) {
       $log.error('Coinbase Authorization Access Token: ERROR ' + data.statusText);
@@ -180,8 +173,8 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
         'Accept': 'application/json'
       },
       data: {
-        grant_type : 'refresh_token',
+        grant_type: 'refresh_token',
-        client_id : credentials.CLIENT_ID,
+        client_id: credentials.CLIENT_ID,
         client_secret: credentials.CLIENT_SECRET,
         redirect_uri: credentials.REDIRECT_URI,
         refresh_token: refreshToken
@@ -211,6 +204,19 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
     });
   };
 
+  root.isActive = function(cb) {
+
+    if (isWindowsPhoneApp) 
+      return cb();
+
+    if (lodash.isEmpty(credentials.CLIENT_ID))
+      return cb();
+
+    storageService.getCoinbaseToken(credentials.NETWORK, function(err, accessToken) {
+      return cb(err, !!accessToken);
+    });
+  }
+
   root.init = lodash.throttle(function(cb) {
     if (lodash.isEmpty(credentials.CLIENT_ID)) {
       return cb('Coinbase is Disabled');
@@ -230,7 +236,10 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
                   if (err) return cb(err);
                   _getMainAccountId(newToken, function(err, accountId) {
                     if (err) return cb(err);
-                    return cb(null, {accessToken: newToken, accountId: accountId});
+                    return cb(null, {
+                      accessToken: newToken,
+                      accountId: accountId
+                    });
                   });
                 });
               });
@@ -238,7 +247,10 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
               return cb(err);
             }
           } else {
-            return cb(null, {accessToken: accessToken, accountId: accountId});
+            return cb(null, {
+              accessToken: accessToken,
+              accountId: accountId
+            });
           }
         });
       }
@@ -402,7 +414,7 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
     var data = {
       amount: data.amount,
       currency: data.currency,
-      payment_method: data.payment_method || null,
+      payment_method: data.payment_method ||  null,
       commit: data.commit || false,
       quote: data.quote || false
     };
@@ -483,7 +495,7 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
   };
 
   // Pending transactions
-  
+
   root.savePendingTransaction = function(ctx, opts, cb) {
     _savePendingTransaction(ctx, opts, cb);
   };
@@ -516,7 +528,7 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
     storageService.getCoinbaseTxs(credentials.NETWORK, function(err, txs) {
       txs = txs ? JSON.parse(txs) : {};
       coinbasePendingTransactions.data = lodash.isEmpty(txs) ? null : txs;
-    
+
       root.init(function(err, data) {
         if (err || lodash.isEmpty(data)) {
           if (err) $log.error(err);
@@ -529,7 +541,7 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
           if ((dataFromStorage.type == 'sell' && dataFromStorage.status == 'completed') ||
             (dataFromStorage.type == 'buy' && dataFromStorage.status == 'completed') ||
             dataFromStorage.status == 'error' ||
-            (dataFromStorage.type == 'send' && dataFromStorage.status == 'completed')) 
+            (dataFromStorage.type == 'send' && dataFromStorage.status == 'completed'))
             return;
           root.getTransaction(accessToken, accountId, txId, function(err, tx) {
             if (err || lodash.isEmpty(tx) || (tx.data && tx.data.error)) {
@@ -591,9 +603,10 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
 
   root.updatePendingTransactions = lodash.throttle(function() {
     $log.debug('Updating pending transactions...');
-    root.setCredentials();
+    var pendingTransactions = {
-    var pendingTransactions = { data: {} };
+      data: {}
-    root.getPendingTransactions(pendingTransactions); 
+    };
+    root.getPendingTransactions(pendingTransactions);
   }, 20000);
 
   var _updateTxs = function(coinbasePendingTransactions) {
@@ -707,6 +720,31 @@ angular.module('copayApp.services').factory('coinbaseService', function($http, $
     });
   };
 
-  return root;
+  var register = function() {
 
+    root.isActive(function(err, isActive){
+      if (err) return;
+
+      buyAndSellService.register({
+        name: 'Coinbase',
+        logo: 'img/coinbase-logo.png',
+        sref: 'tabs.buyandsell.coinbase',
+        linked: isActive,
+      });
+    });
+  };
+
+  setCredentials();
+  register();
+
+  $rootScope.$on('bwsEvent', function(e, walletId, type, n) {
+    if (type == 'NewBlock' && n && n.data && n.data.network == 'livenet') {
+      root.isActive(function(err,isActive){
+        // Update Coinbase
+        if (isActive)
+          root.updatePendingTransactions();
+      });
+    }
+  });
+  return root;
 });

src/js/services/glideraService.js

@@ -1,11 +1,12 @@
 'use strict';
 
-angular.module('copayApp.services').factory('glideraService', function($http, $log, $window, platformInfo, storageService) {
+angular.module('copayApp.services').factory('glideraService', function($http, $log, $window, platformInfo, storageService, buyAndSellService) {
   var root = {};
   var credentials = {};
   var isCordova = platformInfo.isCordova;
+  var isWindowsPhoneApp = platformInfo.isWP && platformInfo.isCordova;
 
-  var _setCredentials = function() {
+  var setCredentials = function() {
     if (!$window.externalServices || !$window.externalServices.glidera) {
       return;
     }
@@ -16,7 +17,8 @@ angular.module('copayApp.services').factory('glideraService', function($http, $l
      * Development: 'testnet'
      * Production: 'livenet'
      */
-    credentials.NETWORK = 'livenet';
+//    credentials.NETWORK = 'livenet';
+    credentials.NETWORK = 'testnet';
 
     if (credentials.NETWORK == 'testnet') {
       credentials.HOST = glidera.sandbox.host;
@@ -44,24 +46,20 @@ angular.module('copayApp.services').factory('glideraService', function($http, $l
   };
 
   root.getEnvironment = function() {
-    _setCredentials();
     return credentials.NETWORK;
   };
 
   root.getOauthCodeUrl = function() {
-    _setCredentials();
     return credentials.HOST + '/oauth2/auth?response_type=code&client_id=' + credentials.CLIENT_ID + '&redirect_uri=' + credentials.REDIRECT_URI;
   };
 
   root.removeToken = function(cb) {
-    _setCredentials();
     storageService.removeGlideraToken(credentials.NETWORK, function() {
       return cb();
     });
   };
 
   root.getToken = function(code, cb) {
-    _setCredentials();
     var req = {
       method: 'POST',
       url: credentials.HOST + '/api/v1/oauth/token',
@@ -90,7 +88,6 @@ angular.module('copayApp.services').factory('glideraService', function($http, $l
   };
 
   var _get = function(endpoint, token) {
-    _setCredentials();
     return {
       method: 'GET',
       url: credentials.HOST + '/api/v1' + endpoint,
@@ -208,7 +205,6 @@ angular.module('copayApp.services').factory('glideraService', function($http, $l
   };
 
   var _post = function(endpoint, token, twoFaCode, data) {
-    _setCredentials();
     return {
       method: 'POST',
       url: credentials.HOST + '/api/v1' + endpoint,
@@ -285,7 +281,6 @@ angular.module('copayApp.services').factory('glideraService', function($http, $l
   };
 
   root.init = function(accessToken, cb) {
-    _setCredentials();
     $log.debug('Init Glidera...');
 
     var glidera = {
@@ -317,6 +312,24 @@ angular.module('copayApp.services').factory('glideraService', function($http, $l
     });
   };
 
-  return root;
 
+  var register = function() {
+    if (isWindowsPhoneApp) return;
+
+    storageService.getGlideraToken(credentials.NETWORK, function(err, token) {
+      if (err) return cb(err);
+
+console.log('[glideraService.js.326:token:]',token); //TODO
+    buyAndSellService.register({
+        name: 'Glidera',
+        logo: 'img/glidera-logo.png',
+        sref: 'tabs.buyandsell.glidera',
+        linked: !!token,
+    });
+    });
+  };
+
+  setCredentials();
+  register();
+  return root;
 });

src/js/services/nextStepsService.js

@@ -0,0 +1,38 @@
+ 'use strict';
+ angular.module('copayApp.services').factory('nextStepsService', function(configService, $log) {
+   var root = {};
+
+   //
+   // configService.whenAvailable(function() {
+   //   nextStep(function() {
+   //     var config = configService.getSync();
+   //     var isWindowsPhoneApp = platformInfo.isWP && platformInfo.isCordova;
+   //
+   //     $scope.glideraEnabled = config.glidera.enabled && !isWindowsPhoneApp;
+   //     $scope.coinbaseEnabled = config.coinbaseV2 && !isWindowsPhoneApp;
+   //     $scope.amazonEnabled = config.amazon.enabled;
+   //     $scope.bitpayCardEnabled = config.bitpayCard.enabled;
+
+
+   var services = [];
+
+   root.register = function(serviceInfo) {
+     $log.info('Adding NextSteps entry:' + serviceInfo.name);
+     services.push(serviceInfo);
+   };
+
+
+   root.unregister = function(serviceName) {
+     services = lodash.filter(services, function(x) {
+       return x.name != serviceName
+     });
+   };
+
+
+   root.get = function() {
+     return services;
+   };
+
+   return root;
+
+ });

www/views/buyandsell.html

@@ -7,14 +7,10 @@
   <ion-content>
     <div class="list">
       <div class="item item-divider"></div>
-
+      <div ng-repeat="service in services">
-      <div class="item item-icon-right" ui-sref="tabs.buyandsell.coinbase" ng-show="isCoinbaseEnabled">
+      <div class="item item-icon-right" ui-sref="{{service.sref}}">
-        <img src="img/coinbase-logo.png" width="90">
+          <img ng-src="{{service.logo}}" width="90">
-        <i class="icon bp-arrow-right"></i>
+          <i class="icon bp-arrow-right"></i>
-      </div>
-      <div class="item item-icon-right" ui-sref="tabs.buyandsell.glidera" ng-show="isGlideraEnabled">
-        <img src="img/glidera-logo.png" width="90">
-        <i class="icon bp-arrow-right"></i>
       </div>
     </div>
   </ion-content>

www/views/includes/buyAndSellCard.html

@@ -0,0 +1,13 @@
+
+<div class="list card" ng-controller="buyAndSellCardController">
+  <div class="item item-sub item-icon-right item-heading">
+    <span translate>Buy &amp; Sell Bitcoin</span>
+    <a ui-sref="tabs.buyandsell"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
+  </div>
+  <div ng-repeat="service in services">
+    <a  ui-sref="{{service.sref}}" class="item item-extra-padding item-sub item-icon-right">
+      <img ng-src="{{service.logo}}" width="90">
+      <i class="icon bp-arrow-right"></i>
+    </a>
+  </div>
+</div>

www/views/includes/nextSteps.html

@@ -0,0 +1,28 @@
+  <div class="list card" ng-controller="nextStepsController"> 
+    <div class="item item-icon-right item-heading" ng-click="toggle()" >
+      <span translate>Next steps</span>
+      <i class="icon bp-arrow-up" ng-show="!hide"></i>
+      <i class="icon bp-arrow-down" ng-show="hide"></i>
+    </div>
+    <div ng-show="!hide">
+      <div ng-repeat="service in services">
+        <a ui-sref="{{service.sref}}" class="item item-sub item-icon-left item-big-icon-left item-icon-right next-step">
+          <i class="icon big-icon-svg">
+            <div class="bg {{service.icon}}"></div>
+          </i>
+          <span>{{service.title ||  service.name}}</span>
+          <i class="icon bp-arrow-right"></i>
+        </a>
+      </div>
+    </div>
+  </div>
+
+      <!--  -->
+      <!-- <a ui&#45;sref="tabs.bitpayCardIntro" ng&#45;if="!externalServices.BitpayCard &#38;&#38; bitpayCardEnabled" class="item item&#45;sub item&#45;icon&#45;left item&#45;big&#45;icon&#45;left item&#45;icon&#45;right next&#45;step"> -->
+      <!--   <i class="icon big&#45;icon&#45;svg"> -->
+      <!--     <div class="bg icon&#45;bitpay&#45;card"></div> -->
+      <!--   </i> -->
+      <!--   <span translate>Add BitPay Visa&#38;reg; Card</span> -->
+      <!--   <i class="icon bp&#45;arrow&#45;right"></i> -->
+      <!-- </a> -->
+

www/views/tab-home.html

@@ -115,24 +115,10 @@
       </div>
     </div>
 
-    <div class="list card" ng-if="wallets[0] && externalServices.BuyAndSell && (glideraEnabled || coinbaseEnabled)">
-      <div class="item item-sub item-icon-right item-heading">
-        <span translate>Buy &amp; Sell Bitcoin</span>
-        <a ui-sref="tabs.buyandsell"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
-      </div>
-      <div>
-        <a ng-if="glideraEnabled" ui-sref="tabs.buyandsell.glidera" class="item item-extra-padding item-sub item-icon-right">
-          <img src="img/glidera-logo.png" width="90"/>
-          <i class="icon bp-arrow-right"></i>
-        </a>
-        <a ng-if="coinbaseEnabled" ui-sref="tabs.buyandsell.coinbase" class="item item-extra-padding item-sub item-icon-right">
-          <img src="img/coinbase-logo.png" width="90">
-          <i class="icon bp-arrow-right"></i>
-        </a>
-      </div>
-    </div>
 
-    <div class="list card" ng-if="wallets[0] && externalServices.AmazonGiftCards && amazonEnabled">
+    <div class="ng-hide" ng-show="wallets[0] && buyAndSellItems.length>0" ng-include="'views/includes/buyAndSellCard.html'"></div>
+
+    <div class="list card" ng-if="externalServices.AmazonGiftCards && amazonEnabled">
       <a class="item item-sub item-icon-left item-icon-right item-big-icon-left" ui-sref="tabs.giftcards.amazon">
         <i class="icon big-icon-svg">
           <div class="bg icon-amazon"></div>
@@ -142,37 +128,7 @@
       </a>
     </div>
 
-    <div class="list card"
+    <div class="ng-hide" ng-show="nextStepsItems.length>0" ng-include="'views/includes/nextSteps.html'"></div>
-         ng-show="nextStepEnabled && wallets[0]">
-      <div class="item item-icon-right item-heading" ng-click="shouldHideNextSteps()">
-        <span translate>Next steps</span>
-        <i class="icon bp-arrow-up" ng-show="!hideNextSteps"></i>
-        <i class="icon bp-arrow-down" ng-show="hideNextSteps"></i>
-      </div>
-      <div ng-show="!hideNextSteps">
-        <a ui-sref="tabs.bitpayCardIntro" ng-if="!externalServices.BitpayCard && bitpayCardEnabled" class="item item-sub item-icon-left item-big-icon-left item-icon-right next-step">
-         <i class="icon big-icon-svg">
-           <div class="bg icon-bitpay-card"></div>
-         </i>
-          <span translate>Add BitPay Visa&reg; Card</span>
-          <i class="icon bp-arrow-right"></i>
-        </a>
-        <a ng-if="!externalServices.BuyAndSell && (coinbaseEnabled || glideraEnabled)" ui-sref="tabs.buyandsell" class="item item-sub item-icon-left item-big-icon-left item-icon-right next-step">
-         <i class="icon big-icon-svg">
-           <div class="bg icon-buy-bitcoin"></div>
-         </i>
-          <span translate>Buy or Sell Bitcoin</span>
-          <i class="icon bp-arrow-right"></i>
-        </a>
-        <a ui-sref="tabs.giftcards.amazon" ng-if="!externalServices.AmazonGiftCards && amazonEnabled" class="item item-sub item-icon-left item-big-icon-left item-icon-right next-step">
-          <i class="icon big-icon-svg">
-            <div class="bg icon-amazon"></div>
-          </i>
-          <span translate>Buy a gift card</span>
-          <i class="icon bp-arrow-right"></i>
-        </a>
-      </div>
-    </div>
 
   </ion-content>
 </ion-view>