PPLNS pool historical charts for hashrate and miner's count on the home page. Fixed worker's graph when it personal checkbox is flagged.

app/app.css

@@ -181,6 +181,15 @@ md-tooltip .md-content {
   height:300px;
 }
 
+.chartcontainer-pool {
+  width: 100% !important;
+  height: 150px;
+}
+
+.chartcontainer-pool .ng-isolate-scope {
+  height:150px;
+}
+
 /* LOGIN WINDOW */
 md-dialog .login{
   min-width: 800px !important;

app/app.js

@@ -79,6 +79,8 @@ var app = angular.module('poolui', [
 
 		$scope.poolList = ["pplns", "pps", "solo"];
 		$scope.poolStats = {}; // All Pool stats
+        $scope.poolHashrateChart = {}; // hashrate history
+        $scope.poolMinersChart = {}; // miners history
 		$scope.addrStats = {}; // All tracked addresses
 		$scope.lastBlock = {};
 

app/user/home/home.html

@@ -1,4 +1,27 @@
 <ng-include src="'user/dashboard/poolstats.html'"></ng-include>
+<div layout="column" layout-gt-sm="row" flex>
+	<md-card flex>
+		<md-card-title>
+			<span class="md-headline">Historical Pool Hashrate</span>
+		</md-card-title>
+		<md-card-content layout="column">
+			<div class="chartcontainer-pool" flex>
+				<linechart data="poolHashrateChart.datasets" options="poolHashrateChart.options"></linechart>
+			</div>
+		</md-card-content>
+	</md-card>
+
+	<md-card flex>
+		<md-card-title>
+			<span class="md-headline">Historical Pool Miners</span>
+		</md-card-title>
+		<md-card-content layout="column">
+			<div class="chartcontainer-pool" flex>
+				<linechart data="poolMinersChart.datasets" options="poolMinersChart.options"></linechart>
+			</div>
+		</md-card-content>
+	</md-card>
+</div>
 <div layout="column" layout-gt-md="row" flex>
 	<md-card flex ng-include="'welcome.html'">
 	</md-card>

app/user/home/home.js

@@ -1,5 +1,74 @@
 'use strict';
 
 app.controller('HomeCtrl', function($scope, $route, dataService, timerService) {
-
+
+    function ticker() {
+        dataService.getData("/pool/chart/hashrate/pplns", function(data){
+
+            data = _.forEach(data, function(element) {
+                element.ts = new Date(element.ts);
+            });
+
+            $scope.poolHashrateChart = {
+                datasets: { global: data },
+                options: {
+                    series: [
+                        {"axis":"y","id":"global","dataset":"global","label":"Total Pool Hashrate","key":"hs","color":"green","type":["line","area"]}
+                    ],
+                    allSeries: [],
+                    axes: {
+                        x: {
+                            key: "ts",
+                            type: "date"
+                        },
+                        y: {
+                            min: 0
+                        }
+                    }
+                }
+            }
+        });
+    }
+
+    function ticker2() {
+        dataService.getData("/pool/chart/miners", function(data){
+
+            data = _.forEach(data, function(element) {
+                element.ts = new Date(element.ts);
+            });
+
+            $scope.poolMinersChart = {
+                datasets: { global: data },
+                options: {
+                    series: [
+                        {"axis":"y","id":"global","dataset":"global","label":"Total Pool Miners","key":"cn","color":"green","type":["line","area"]}
+                    ],
+                    allSeries: [],
+                    axes: {
+                        x: {
+                            key: "ts",
+                            type: "date"
+                        },
+                        y: {
+                            min: 0
+                        }
+                    }
+                }
+            }
+        });
+    }
+
+    timerService.register(ticker, 'poolHashrateChart');
+    ticker();
+
+    timerService.register(ticker2, 'poolMinersChart');
+    ticker2();
+
+    $scope.$on("$routeChangeStart", function () {
+        timerService.remove("poolHashrateChart");
+    });
+
+    $scope.$on("$routeChangeStart", function () {
+        timerService.remove("poolMinersChart");
+    });
 });

app/utils/services.js

@@ -156,7 +156,7 @@ angular.module('utils.services', [])
           });
 
           // only display selected miners
-          var selected = minerStats[addr].selected;
+          var selected = minerStats[addr].table_selected;
           if(minerStats[addr].table_selected.length < 1) {
             selected = _.union(minerStats[addr].table_selected, ['global']);
           }