Added price chart

src/js/controllers/pricechart.js

@@ -0,0 +1,119 @@
+'use strict';
+
+angular.module('copayApp.controllers').controller('pricechartController',
+  function($scope, $timeout, $ionicModal, $log, $state, $ionicHistory, lodash, pricechartService, externalLinkService, popupService) {
+
+    $scope.openExternalLink = function(url) {
+      externalLinkService.open(url);
+    };
+
+    var pricechart = function() {
+        var rawData = [];
+
+	var request = new XMLHttpRequest();
+	request.open('GET', 'https://index.bitcoin.com/api/v0/history?unix=1&pretty=0', true);
+
+	var priceHigh = 0;
+	var priceLow = 100000000;
+	var priceLatest = 0;
+
+	request.onload = function () {
+	    if (request.status >= 200 && request.status < 400) {
+		// Success!
+		console.log(request.responseText);
+
+		var data = {
+		    series: [
+		        {
+		            name: 'series-1',
+		            data: []
+		        }
+		    ]
+		};
+		console.log(data);
+		rawData = JSON.parse("" + request.responseText + "");
+		for (var i = rawData.length - 1; i > 0; i--) {
+		    var tuple = rawData[i];
+		    data.series[0].data.push({x: new Date(tuple[0]), y: tuple[1]});
+
+		    if (priceHigh < tuple[1])
+		    {
+		        priceHigh = tuple[1];
+		    }
+		    if (priceLow > tuple[1])
+		    {
+		        priceLow = tuple[1]
+		    }
+		    priceLatest = tuple[1];
+		}
+
+		document.getElementById("latest-price").innerHTML = (priceLatest / 100).toFixed(2);
+		document.getElementById("low-price").innerHTML = (priceLow / 100).toFixed(2);
+		document.getElementById("high-price").innerHTML = (priceHigh / 100).toFixed(2);
+
+		var chartContainer = document.querySelector('.chart-container');
+                var chartHeader = document.querySelector('.chart-header');
+		console.log("Height: " + window.getComputedStyle(chartContainer).height);
+                console.log("Height2: " + window.getComputedStyle(chartHeader).height);
+		console.log("Width: " + window.getComputedStyle(chartContainer).width);
+
+                var chartHeight = window.getComputedStyle(chartContainer).height - window.getComputedStyle(chartHeader).height;
+                var chartWidth = window.getComputedStyle(chartContainer).width;
+
+                console.log(chartHeight);
+
+		var options = {
+                    width: chartWidth,
+                    height: 570,
+		    // Don't draw the line chart points
+		    showPoint: false,
+		    // Disable line smoothing
+		    lineSmooth: false,
+		    fillOpacity: 1,
+		    // X-Axis specific configuration
+		    axisX: {
+		        type: Chartist.FixedScaleAxis,
+		        divisor: 5,
+		        labelInterpolationFnc: function (value) {
+		            return moment(value).format('MMM D');
+		        }
+		    },
+		    // Y-Axis specific configuration
+		    axisY: {
+		        type: Chartist.FixedScaleAxis,
+		        divisor: 5,
+		        // Lets offset the chart a bit from the labels
+		        offset: 70,
+		        low: 50000,
+		        // The label interpolation function enables you to modify the values
+		        // used for the labels on each axis.
+		        labelInterpolationFnc: function (value) {
+		            return '$' + (value / 100).toFixed(2);
+		        }
+		    },
+		    showArea: true
+		};
+
+
+	// Create a new line chart object where as first parameter we pass in a selector
+	// that is resolving to our chart container element. The Second parameter
+	// is the actual data object.
+		new Chartist.Line('.ct-chart', data, options);
+	    }
+	    else
+	    {
+		// We reached our target server, but it returned an error
+	    }
+	};
+
+	request.onerror = function () {
+	    // There was a connection error of some sort
+	};
+
+	request.send();
+    };
+
+    $scope.$on("$ionicView.beforeEnter", function(event, data) {
+      pricechart();
+    });
+  });

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, startupService, addressbookService, feedbackService, bwcError, nextStepsService, buyAndSellService, homeIntegrationsService, bitpayCardService, pushNotificationsService, timeService, bitcoincomService) {
+  function($rootScope, $timeout, $scope, $state, $stateParams, $ionicModal, $ionicScrollDelegate, $window, gettextCatalog, lodash, popupService, ongoingProcess, externalLinkService, latestReleaseService, profileService, walletService, configService, $log, platformInfo, storageService, txpModalService, appConfigService, startupService, addressbookService, feedbackService, bwcError, nextStepsService, buyAndSellService, homeIntegrationsService, bitpayCardService, pushNotificationsService, timeService, bitcoincomService, pricechartService) {
     var wallet;
     var listeners = [];
     var notifications = [];

src/js/routes.js

@@ -1037,6 +1037,17 @@ angular.module('copayApp').config(function(historicLogProvider, $provide, $logPr
         }
       })
 
+      /* Price Chart */
+      .state('tabs.pricechart', {
+        url: '/pricechart',
+        views: {
+          'tab-home@tabs': {
+            controller: 'pricechartController',
+            templateUrl: 'views/pricechart.html'
+          }
+        }
+      })
+
       /*
        *
        * Amazon.com Gift Card

src/js/services/pricechartService.js

@@ -0,0 +1,26 @@
+'use strict';
+angular.module('copayApp.services').factory('pricechartService', function($http, $log, lodash, moment, storageService, configService, platformInfo, nextStepsService, homeIntegrationsService) {
+  var root = {};
+  var credentials = {};
+
+  var homeItem = {
+    name: 'pricechart',
+    title: 'Bitcoin Price Chart',
+    icon: 'icon-bitcoincom',
+    sref: 'tabs.pricechart',
+  };
+
+  var nextStepItem = {
+    name: 'pricechart',
+    title: 'Bitcoin Price Chart',
+    icon: 'icon-bitcoincom',
+    sref: 'tabs.pricechart',
+  };
+
+  var register = function() {
+        nextStepsService.register(nextStepItem);
+  };
+
+  register();
+  return root;
+});