Restore Buy bitcoin page and add buy.bitcoin.com as a service there

app-template/bitcoincom/appConfig.json

@@ -23,7 +23,7 @@
   "pushSenderId": "1036948132229",
   "description": "A Secure Bitcoin Wallet",
   "version": "3.5.7",
-  "androidVersion": "350007",
+  "androidVersion": "350701",
   "_extraCSS": "",
   "_enabledExtensions": {
     "coinbase": false,

src/js/controllers/buyBitcoindotcom.js

@@ -0,0 +1,16 @@
+'use strict';
+
+angular.module('copayApp.controllers').controller('buyBitcoindotcomController',
+  function($scope, $timeout, $ionicModal, $log, $state, $ionicHistory, lodash, bitcoincomService, externalLinkService, popupService) {
+
+    $scope.openExternalLink = function(url) {
+      externalLinkService.open(url);
+    };
+
+    var buyBitcoindotcom = function() {
+    };
+
+    $scope.$on("$ionicView.beforeEnter", function(event, data) {
+      buyBitcoindotcom();
+    });
+  });

src/js/routes.js

@@ -1026,6 +1026,17 @@ angular.module('copayApp').config(function(historicLogProvider, $provide, $logPr
         }
       })
 
+      /* buy.Bitcoin.com */
+      .state('tabs.buyandsell.bitcoindotcom', {
+        url: '/buyBitcoindotcom',
+        views: {
+          'tab-home@tabs': {
+            controller: 'buyBitcoindotcomController',
+            templateUrl: 'views/buyBitcoindotcom.html'
+          }
+        }
+      })
+
       /*
        *
        * Amazon.com Gift Card
@@ -1135,7 +1146,7 @@ angular.module('copayApp').config(function(historicLogProvider, $provide, $logPr
         }
       });
   })
-  .run(function($rootScope, $state, $location, $log, $timeout, startupService, fingerprintService, $ionicHistory, $ionicPlatform, $window, appConfigService, lodash, platformInfo, profileService, uxLanguage, gettextCatalog, openURLService, storageService, scannerService, configService, emailService, /* plugins START HERE => */ coinbaseService, glideraService, amazonService, bitpayCardService, applicationService) {
+  .run(function($rootScope, $state, $location, $log, $timeout, startupService, fingerprintService, $ionicHistory, $ionicPlatform, $window, appConfigService, lodash, platformInfo, profileService, uxLanguage, gettextCatalog, openURLService, storageService, scannerService, configService, emailService, /* plugins START HERE => */ glideraService, buydotbitcoindotcomService, amazonService, bitpayCardService, applicationService) {
 
     uxLanguage.init();
 

src/js/services/buydotbitcoindotcomService.js

@@ -0,0 +1,24 @@
+'use strict';
+
+angular.module('copayApp.services').factory('buydotbitcoindotcomService', function($http, $log, $window, $filter, platformInfo, storageService, buyAndSellService, lodash, configService, txFormatService) {
+  var root = {};
+  var credentials = {};
+  var isCordova = platformInfo.isCordova;
+
+  root.init = function(cb) {
+
+  };
+
+  var register = function() {
+
+      buyAndSellService.register({
+        name: 'buydotbitcoindotcom',
+        logo: 'img/bitcoin-com-logo.png',
+        location: 'Buy Bitcoin With Credit Card',
+        sref: 'tabs.buyandsell.bitcoindotcom'
+      });
+  };
+
+  register();
+  return root;
+});

www/css/main.css

@@ -11319,9 +11319,6 @@ ion-view.deflash-blue:before, ion-view#view-amount:before, ion-view#view-confirm
     display: block;
     align-items: center;
     justify-content: center; }
-    @media (max-width: 320px) {
-      #walletDetails .amount {
-        padding-top: 60px; } }
     #walletDetails .amount.collapsible {
       margin-bottom: 10px; }
     #walletDetails .amount__balance {
@@ -11420,6 +11417,9 @@ a.item {
     color: #727272;
     padding: 2px 1rem;
     background: #f8f8f9; }
+    #bitpayCard .status-label i {
+      position: absolute;
+      padding-left: 5px; }
   #bitpayCard .comment {
     padding: 15px;
     background: #f8f8f9;
@@ -11470,10 +11470,14 @@ a.item {
       padding: 0 0 0 1rem;
       margin: 0;
       border: 0; }
-      #bitpayCard .item.activity.receive .svg #-Transaction-icons {
+      #bitpayCard .item.activity.receive .svg #-Transaction-icons,
-        stroke: #09C286; }
+      #bitpayCard .item.activity.receive .tx-icon .houston {
-      #bitpayCard .item.activity.pending .svg #-Transaction-icons {
+        stroke: #09C286;
-        stroke: #fab915; }
+        color: #09C286; }
+      #bitpayCard .item.activity.pending .svg #-Transaction-icons,
+      #bitpayCard .item.activity.pending .tx-icon .houston {
+        stroke: #fab915;
+        color: #fab915; }
   #bitpayCard .tx-icon {
     margin-right: 25px; }
     #bitpayCard .tx-icon .houston {

www/views/buyBitcoindotcom.html

@@ -0,0 +1,19 @@
+<ion-view id="buy-and-sell">
+  <ion-nav-bar class="bar-royal">
+    <ion-nav-back-button>
+    </ion-nav-back-button>
+    <ion-nav-title>Buy with a credit card</ion-nav-title>
+  </ion-nav-bar>
+  <ion-content>
+    <div class="list">
+      <div class="explain">
+        <i class="icon buy-and-sell-icon">
+          <img src="img/icon-bitcoin.svg"/>
+        </i>
+        <div class="explain-heading">Buy bitcoin with credit card using Simplex</div>
+        <div class="explain-description">Click on the link below to go to Buy.Bitcoin.com</div>
+      </div>
+      <div class="item item-divider"></div>
+    </div>
+  </ion-content>
+</ion-view>

www/views/buyandsell.html

@@ -2,19 +2,24 @@
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
     </ion-nav-back-button>
-    <ion-nav-title>Buy Bitcoin</ion-nav-title>
+    <ion-nav-title>Buy or Sell Bitcoin</ion-nav-title>
   </ion-nav-bar>
   <ion-content>
     <div class="list">
       <div class="explain">
-        <div class="explain-heading">Buy Bitcoin</div>
+        <i class="icon buy-and-sell-icon">
-        <div class="explain-description">Buy bitcoin using a credit card</div>
+          <img src="img/icon-bitcoin.svg"/>
-        <div class="item item-divider"></div>
+        </i>
-        <div class="bitcoin-com-page-body">
+        <div class="explain-heading">Connect an Exchange</div>
-            <button class="button button-standard button-secondary" ng-click="openExternalLink('https://buy.bitcoin.com')">Visit Buy.Bitcoin.com</button>
+        <div class="explain-description">Buy or sell bitcoin directly from your wallet by connecting your exchange accounts.</div>
-        </div>
       </div>
       <div class="item item-divider"></div>
+      <div ng-repeat="service in services">
+      <div class="item item-icon-right" ui-sref="{{service.sref}}">
+          <img ng-src="{{service.logo}}" width="90">
+          <span class="item-note">{{service.location}}</span>
+          <i class="icon bp-arrow-right"></i>
+      </div>
     </div>
   </ion-content>
 </ion-view>

www/views/pricechart.html

@@ -0,0 +1,19 @@
+<ion-view id="buy-and-sell">
+  <ion-nav-bar class="bar-royal">
+    <ion-nav-back-button>
+    </ion-nav-back-button>
+    <ion-nav-title>Bitcoin Price Chart</ion-nav-title>
+  </ion-nav-bar>
+  <ion-content>
+        <div class="chart-container">
+            <div class="chart-header">
+                <div class="latest-price">$<span id="latest-price">2500</span></div>
+                <div class="high-price"><span class="light-yellow">High:</span><br/>$<span id="high-price">2500</span></div>
+                <div class="low-price"><span  class="light-yellow">Low:</span><br/>$<span id="low-price">2500</span></div>
+            </div>
+            <div class="chart">
+            <div class="ct-chart ct-perfect-fourth"></div>
+            </div>
+        </div>
+  </ion-content>
+</ion-view>