From 4fa425993218612e2ede0233b2921b886f4e9f01 Mon Sep 17 00:00:00 2001
From: Sebastian Grewe <sebastian@grewe.ca>
Date: Tue, 31 Dec 2013 23:51:39 +0100
Subject: [PATCH] [CHANGE] Moved from bar shares to pie shares

The cake is a lie! It's a pie!

Addresses #1040
---
 public/templates/mpos/dashboard/js_api.tpl    | 43 ++++++++-----------
 public/templates/mpos/dashboard/js_static.tpl | 37 +++++++---------
 .../templates/mpos/dashboard/round_data.tpl   |  4 +-
 3 files changed, 34 insertions(+), 50 deletions(-)

diff --git a/public/templates/mpos/dashboard/js_api.tpl b/public/templates/mpos/dashboard/js_api.tpl
index 4ae3a4e5..aaf28892 100644
--- a/public/templates/mpos/dashboard/js_api.tpl
+++ b/public/templates/mpos/dashboard/js_api.tpl
@@ -8,8 +8,8 @@
 <script type="text/javascript" src="{$PATH}/js/plugins/jqplot.canvasTextRenderer.min.js"></script>
 <script type="text/javascript" src="{$PATH}/js/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
 <script type="text/javascript" src="{$PATH}/js/plugins/jqplot.categoryAxisRenderer.min.js"></script>
-<script type="text/javascript" src="{$PATH}/js/plugins/jqplot.barRenderer.min.js"></script>
 <script type="text/javascript" src="{$PATH}/js/plugins/jqplot.pointLabels.js"></script>
+<script type="text/javascript" src="{$PATH}/js/plugins/jqplot.donutRenderer.js"></script>
 
 <script>
 {literal}
@@ -61,34 +61,25 @@ $(document).ready(function(){
     grid: { drawBorder: false, background: '#fbfbfb', shadow: false },
     seriesColors: [ '#26a4ed', '#ee8310', '#e9e744' ],
     seriesDefaults: {
-      pointLabels: { show: true },
-      renderer: $.jqplot.BarRenderer,
-      shadowAngle: 135,
-      rendererOptions: {
-        barWidth: 5,
-        barDirection: 'horizontal'
-      },
-      trendline: { show: false },
+      renderer: $.jqplot.DonutRenderer,
+      rendererOptions:{
+        ringMargin: 10,
+        sliceMargin: 10,
+        startAngle: -90,
+        showDataLabels: true,
+        dataLabels: 'value',
+        dataLabelThreshold: 0
+      }
     },
-    axesDefaults: {
-        autoscale: true,
-        tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
-    },
-    series: [
-      {label: 'Own', }, {label: 'Pool'}
-    ],
-    legend: { show: true, location: 'ne', renderer: $.jqplot.EnhancedLegendRenderer, rendererOptions: { seriesToggleReplot: { resetAxes: true } } },
-    axes: {
-      yaxis: { tickOptions: { angle: -90 }, ticks:  [ 'valid', 'invalid' ], renderer: $.jqplot.CategoryAxisRenderer },
-      xaxis: { tickOptions: { angle: -17 }, pointLabels: { show: true } }
-    }
+    legend: { show: false }
   };
 
-  // Init empty graph with 0 data, otherwise some plugins fail
-
   // Initilize gauges and graph
   var plot1 = $.jqplot('hashrategraph', [[storedPersonalHashrate], [storedPoolHashrate], [[0, 0.0]]], jqPlotOverviewOptions);
-  var plot2 = $.jqplot('shareinfograph', [[{/literal}{$GLOBAL.userdata.shares.valid}{literal},{/literal}{$GLOBAL.userdata.shares.invalid}{literal}],[{/literal}{$GLOBAL.roundshares.valid}{literal},{/literal}{$GLOBAL.roundshares.invalid}{literal}]], jqPlotShareinfoOptions);
+  var plot2 = $.jqplot('shareinfograph', [
+      [['your valid', {/literal}{$GLOBAL.userdata.shares.valid}{literal}], ['pool valid', {/literal}{$GLOBAL.roundshares.valid}{literal}]],
+      [['your invalid', {/literal}{$GLOBAL.userdata.shares.invalid}{literal}], ['pool invalid', {/literal}{$GLOBAL.roundshares.invalid}{literal}]]
+    ], jqPlotShareinfoOptions);
 
   g1 = new JustGage({id: "nethashrate", value: parseFloat({/literal}{$GLOBAL.nethashrate}{literal}).toFixed(2), min: 0, max: Math.round({/literal}{$GLOBAL.nethashrate}{literal} * 2), title: "Net Hashrate", gaugeColor: '#6f7a8a', valueFontColor: '#555', shadowOpacity : 0.8, shadowSize : 0, shadowVerticalOffset : 10, label: "{/literal}{$GLOBAL.hashunits.network}{literal}"});
   g2 = new JustGage({id: "poolhashrate", value: parseFloat({/literal}{$GLOBAL.hashrate}{literal}).toFixed(2), min: 0, max: Math.round({/literal}{$GLOBAL.hashrate}{literal}* 2), title: "Pool Hashrate", gaugeColor: '#6f7a8a', valueFontColor: '#555', shadowOpacity : 0.8, shadowSize : 0, shadowVerticalOffset : 10, label: "{/literal}{$GLOBAL.hashunits.pool}{literal}"});
@@ -116,8 +107,8 @@ $(document).ready(function(){
     storedPersonalSharerate[storedPersonalSharerate.length] = [timeNow, parseFloat(data.getdashboarddata.data.personal.sharerate)];
     storedPoolHashrate[storedPoolHashrate.length] = [timeNow, data.getdashboarddata.data.raw.pool.hashrate];
     tempShareinfoData = [
-        [parseInt(data.getdashboarddata.data.personal.shares.valid), parseInt(data.getdashboarddata.data.personal.shares.invalid)],
-        [parseInt(data.getdashboarddata.data.pool.shares.valid), parseInt(data.getdashboarddata.data.pool.shares.invalid)]
+        [['your valid', parseInt(data.getdashboarddata.data.personal.shares.valid)], ['pool valid', parseInt(data.getdashboarddata.data.pool.shares.valid)]],
+        [['your invalid', parseInt(data.getdashboarddata.data.personal.shares.invalid)], ['pool invalid', parseInt(data.getdashboarddata.data.pool.shares.invalid)]]
     ];
     replotOverviewOptions = {
       data: [storedPersonalHashrate, storedPoolHashrate, storedPersonalSharerate],
diff --git a/public/templates/mpos/dashboard/js_static.tpl b/public/templates/mpos/dashboard/js_static.tpl
index b2468644..af5b94ab 100644
--- a/public/templates/mpos/dashboard/js_static.tpl
+++ b/public/templates/mpos/dashboard/js_static.tpl
@@ -8,8 +8,8 @@
 <script type="text/javascript" src="{$PATH}/js/plugins/jqplot.canvasTextRenderer.min.js"></script>
 <script type="text/javascript" src="{$PATH}/js/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
 <script type="text/javascript" src="{$PATH}/js/plugins/jqplot.categoryAxisRenderer.min.js"></script>
-<script type="text/javascript" src="{$PATH}/js/plugins/jqplot.barRenderer.min.js"></script>
 <script type="text/javascript" src="{$PATH}/js/plugins/jqplot.pointLabels.js"></script>
+<script type="text/javascript" src="{$PATH}/js/plugins/jqplot.donutRenderer.js"></script>
 
 <script>
 {literal}
@@ -22,31 +22,24 @@ $(document).ready(function(){
     grid: { drawBorder: false, background: '#fbfbfb', shadow: false },
     seriesColors: [ '#26a4ed', '#ee8310', '#e9e744' ],
     seriesDefaults: {
-      pointLabels: { show: true },
-      renderer: $.jqplot.BarRenderer,
-      shadowAngle: 135,
-      rendererOptions: {
-        barWidth: 5,
-        barDirection: 'horizontal'
-      },
-      trendline: { show: false },
+      renderer: $.jqplot.DonutRenderer,
+      rendererOptions:{
+        ringMargin: 10,
+        sliceMargin: 10,
+        startAngle: -90,
+        showDataLabels: true,
+        dataLabels: 'value',
+        dataLabelThreshold: 0
+      }
     },
-    axesDefaults: {
-        autoscale: true,
-        tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
-    },
-    series: [
-      {label: 'Own', }, {label: 'Pool'}
-    ],
-    legend: { show: true, location: 'ne', renderer: $.jqplot.EnhancedLegendRenderer, rendererOptions: { seriesToggleReplot: { resetAxes: true } } },
-    axes: {
-      yaxis: { tickOptions: { angle: -90 }, ticks:  [ 'valid', 'invalid' ], renderer: $.jqplot.CategoryAxisRenderer },
-      xaxis: { tickOptions: { angle: -17 }, pointLabels: { show: true } }
-    }
+    legend: { show: false }
   };
 
   // Init shares graph
-  var plot2 = $.jqplot('shareinfograph', [[{/literal}{$GLOBAL.userdata.shares.valid}{literal},{/literal}{$GLOBAL.userdata.shares.invalid}{literal}],[{/literal}{$GLOBAL.roundshares.valid}{literal},{/literal}{$GLOBAL.roundshares.invalid}{literal}]], jqPlotShareinfoOptions);
+  var plot2 = $.jqplot('shareinfograph', [
+      [['your valid', {/literal}{$GLOBAL.userdata.shares.valid}{literal}], ['pool valid', {/literal}{$GLOBAL.roundshares.valid}{literal}]],
+      [['your invalid', {/literal}{$GLOBAL.userdata.shares.invalid}{literal}], ['pool invalid', {/literal}{$GLOBAL.roundshares.invalid}{literal}]]
+    ], jqPlotShareinfoOptions);
 
   g1 = new JustGage({id: "nethashrate", value: parseFloat({/literal}{$GLOBAL.nethashrate}{literal}).toFixed(2), min: 0, max: Math.round({/literal}{$GLOBAL.nethashrate}{literal} * 2), title: "Net Hashrate", gaugeColor: '#6f7a8a', valueFontColor: '#555', shadowOpacity : 0.8, shadowSize : 0, shadowVerticalOffset : 10, label: "{/literal}{$GLOBAL.hashunits.network}{literal}"});
   g2 = new JustGage({id: "poolhashrate", value: parseFloat({/literal}{$GLOBAL.hashrate}{literal}).toFixed(2), min: 0, max: Math.round({/literal}{$GLOBAL.hashrate}{literal}* 2), title: "Pool Hashrate", gaugeColor: '#6f7a8a', valueFontColor: '#555', shadowOpacity : 0.8, shadowSize : 0, shadowVerticalOffset : 10, label: "{/literal}{$GLOBAL.hashunits.pool}{literal}"});
diff --git a/public/templates/mpos/dashboard/round_data.tpl b/public/templates/mpos/dashboard/round_data.tpl
index 88a5961b..9c593c21 100644
--- a/public/templates/mpos/dashboard/round_data.tpl
+++ b/public/templates/mpos/dashboard/round_data.tpl
@@ -1,7 +1,7 @@
-<article class="module width_3_quarter">
+<article class="module width_quarter">
   <header><h3>Round Information</h3></header>
   <div class="module_content">
-    <div id="shareinfograph" style="width: 100%; height: 150px;"></div>
+    <div id="shareinfograph" style="width: 100%; height: 100%;"></div>
   </div>
   <footer>
   </footer>