8e4c56d597
Splitting dashboard calls up instead of using one single API call: * Use getuserbalance for Balance updates * Use getuserworkers for Worker updates For those and potential other SQL intensive Ajax calls I have added a long ajax refresh interval setting. It can be set via admin panel and will change the refresh time on the JS file on the dashboard for those two calls. Should help a bit with high worker and transaction volume pools. Address #1159
233 lines
13 KiB
Smarty
233 lines
13 KiB
Smarty
<script type="text/javascript" src="{$PATH}/js/plugins/jqplot.json2.min.js"></script>
|
|
<script type="text/javascript" src="{$PATH}/js/plugins/jqplot.dateAxisRenderer.js"></script>
|
|
<script type="text/javascript" src="{$PATH}/js/plugins/jqplot.highlighter.js"></script>
|
|
<script type="text/javascript" src="{$PATH}/js/plugins/jqplot.canvasTextRenderer.min.js"></script>
|
|
<script type="text/javascript" src="{$PATH}/js/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
|
|
<script type="text/javascript" src="{$PATH}/js/plugins/jqplot.trendline.min.js"></script>
|
|
<script type="text/javascript" src="{$PATH}/js/plugins/jqplot.enhancedLegendRenderer.min.js"></script>
|
|
<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>
|
|
{literal}
|
|
$(document).ready(function(){
|
|
var g1, g2, g3, g4, g5;
|
|
|
|
// Ajax API URL
|
|
var url_dashboard = "{/literal}{$smarty.server.PHP_SELF}?page=api&action=getdashboarddata&api_key={$GLOBAL.userdata.api_key}&id={$GLOBAL.userdata.id}{literal}";
|
|
var url_worker = "{/literal}{$smarty.server.PHP_SELF}?page=api&action=getuserworkers&api_key={$GLOBAL.userdata.api_key}&id={$GLOBAL.userdata.id}{literal}";
|
|
var url_balance = "{/literal}{$smarty.server.PHP_SELF}?page=api&action=getuserbalance&api_key={$GLOBAL.userdata.api_key}&id={$GLOBAL.userdata.id}{literal}";
|
|
|
|
// Enable all included plugins
|
|
// $.jqplot.config.enablePlugins = true;
|
|
|
|
// Store our data globally
|
|
var storedPersonalHashrate=[];
|
|
var storedPoolHashrate=[];
|
|
var storedPersonalSharerate=[];
|
|
|
|
// jqPlit defaults
|
|
var jqPlotOverviewOptions = {
|
|
highlighter: { show: true },
|
|
grid: { drawBorder: false, background: '#fbfbfb', shadow: false },
|
|
stackSeries: false,
|
|
seriesColors: [ '#26a4ed', '#ee8310', '#e9e744' ],
|
|
seriesDefaults:{
|
|
lineWidth: 4, shadow: false,
|
|
fill: false, fillAndStroke: true, fillAlpha: 0.3,
|
|
trendline: { show: true, color: '#be1e2d', lineWidth: 1.0, label: 'Your Average', shadow: true },
|
|
markerOptions: { show: true, size: 6 },
|
|
rendererOptions: { smooth: true }
|
|
},
|
|
series: [
|
|
{ yaxis: 'yaxis', label: 'Own', fill: true },
|
|
{ yaxis: 'yaxis', label: 'Pool', fill: false, trendline: { show: false }, lineWidth: 2, markerOptions: { show: true, size: 4 }},
|
|
{ yaxis: 'y3axis', label: 'Sharerate', fill: false, trendline: { show: false } },
|
|
],
|
|
legend: { show: true, location: 'sw', renderer: $.jqplot.EnhancedLegendRenderer, rendererOptions: { seriesToggleReplot: { resetAxes: true } } },
|
|
axes: {
|
|
yaxis: { min: 0, pad: 1.25, label: 'Hashrate' , labelRenderer: $.jqplot.CanvasAxisLabelRenderer },
|
|
y3axis: { min: 0, pad: 1.25, label: 'Sharerate', labelRenderer: $.jqplot.CanvasAxisLabelRenderer },
|
|
xaxis: { tickInterval: {/literal}{$GLOBAL.config.statistics_ajax_refresh_interval}{literal}, labelRenderer: $.jqplot.CanvasAxisLabelRenderer, renderer: $.jqplot.DateAxisRenderer, angle: 30, tickOptions: { formatString: '%T' } },
|
|
},
|
|
};
|
|
|
|
var jqPlotShareinfoOptions = {
|
|
title: 'Shares',
|
|
highlighter: { show: false },
|
|
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 },
|
|
},
|
|
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 } }
|
|
}
|
|
};
|
|
|
|
// 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);
|
|
|
|
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}"});
|
|
g3 = new JustGage({id: "hashrate", value: parseFloat({/literal}{$GLOBAL.userdata.hashrate}{literal}).toFixed(2), min: 0, max: Math.round({/literal}{$GLOBAL.userdata.hashrate}{literal} * 2), title: "Hashrate", gaugeColor: '#6f7a8a', valueFontColor: '#555', shadowOpacity : 0.8, shadowSize : 0, shadowVerticalOffset : 10, label: "{/literal}{$GLOBAL.hashunits.personal}{literal}"});
|
|
if ({/literal}{$GLOBAL.userdata.sharerate}{literal} > 1) {
|
|
initSharerate = {/literal}{$GLOBAL.userdata.sharerate}{literal} * 2
|
|
} else {
|
|
initSharerate = 1
|
|
}
|
|
g4 = new JustGage({id: "sharerate", value: parseFloat({/literal}{$GLOBAL.userdata.sharerate}{literal}).toFixed(2), min: 0, max: Math.round(initSharerate), gaugeColor: '#6f7a8a', valueFontColor: '#555', shadowOpacity : 0.8, shadowSize : 0, shadowVerticalOffset : 10, title: "Sharerate", label: "shares/s"});
|
|
g5 = new JustGage({id: "querytime", value: parseFloat(0).toFixed(0), min: 0, max: Math.round(5 * 100), gaugeColor: '#6f7a8a', valueFontColor: '#555', shadowOpacity : 0.8, shadowSize : 0, shadowVerticalOffset : 10, title: "Querytime", label: "ms"});
|
|
|
|
// Helper to refresh graphs
|
|
function refreshInformation(data) {
|
|
g1.refresh(parseFloat(data.getdashboarddata.data.network.hashrate).toFixed(2));
|
|
g2.refresh(parseFloat(data.getdashboarddata.data.pool.hashrate).toFixed(2));
|
|
g3.refresh(parseFloat(data.getdashboarddata.data.personal.hashrate).toFixed(2));
|
|
g4.refresh(parseFloat(data.getdashboarddata.data.personal.sharerate).toFixed(2));
|
|
g5.refresh(parseFloat(data.getdashboarddata.runtime).toFixed(0));
|
|
if (storedPersonalHashrate.length > 20) { storedPersonalHashrate.shift(); }
|
|
if (storedPoolHashrate.length > 20) { storedPoolHashrate.shift(); }
|
|
if (storedPersonalSharerate.length > 20) { storedPersonalSharerate.shift(); }
|
|
timeNow = new Date().getTime();
|
|
storedPersonalHashrate[storedPersonalHashrate.length] = [timeNow, data.getdashboarddata.data.raw.personal.hashrate];
|
|
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)]
|
|
];
|
|
replotOverviewOptions = {
|
|
data: [storedPersonalHashrate, storedPoolHashrate, storedPersonalSharerate],
|
|
series: [ {show: plot1.series[0].show}, {show: plot1.series[1].show}, {show: plot1.series[2].show} ]
|
|
};
|
|
replotShareinfoOptions= {
|
|
data: tempShareinfoData
|
|
};
|
|
if (typeof(plot1) != "undefined") plot1.replot(replotOverviewOptions);
|
|
if (typeof(plot2) != "undefined") plot2.replot(replotShareinfoOptions);
|
|
}
|
|
|
|
// Refresh balance information
|
|
function refreshBalanceData(data) {
|
|
balance = data.getuserbalance.data
|
|
$('#b-confirmed').html(balance.confirmed);
|
|
$('#b-unconfirmed').html(balance.unconfirmed);
|
|
}
|
|
|
|
// Refresh other static numbers on the template
|
|
function refreshStaticData(data) {
|
|
$('#b-price').html((parseFloat(data.getdashboarddata.data.pool.price).toFixed(8)));
|
|
$('#b-dworkers').html(data.getdashboarddata.data.pool.workers);
|
|
$('#b-hashrate').html((parseFloat(data.getdashboarddata.data.personal.hashrate).toFixed(2)));
|
|
$('#b-sharerate').html((parseFloat(data.getdashboarddata.data.personal.sharerate).toFixed(2)));
|
|
$('#b-yvalid').html(data.getdashboarddata.data.personal.shares.valid);
|
|
$('#b-yivalid').html(data.getdashboarddata.data.personal.shares.invalid + " (" + data.getdashboarddata.data.personal.shares.invalid_percent + "%)" );
|
|
$('#b-pvalid').html(data.getdashboarddata.data.pool.shares.valid);
|
|
$('#b-pivalid').html(data.getdashboarddata.data.pool.shares.invalid + " (" + data.getdashboarddata.data.pool.shares.invalid_percent + "%)" );
|
|
$('#b-diff').html(data.getdashboarddata.data.network.difficulty);
|
|
$('#b-nextdiff').html(data.getdashboarddata.data.network.nextdifficulty + " (Change in " + data.getdashboarddata.data.network.blocksuntildiffchange + " Blocks)");
|
|
$('#b-esttimeperblock').html(data.getdashboarddata.data.network.esttimeperblock + " seconds"); // <- this needs some nicer format
|
|
$('#b-nblock').html(data.getdashboarddata.data.network.block);
|
|
$('#b-target').html(data.getdashboarddata.data.pool.shares.estimated + " (done: " + data.getdashboarddata.data.pool.shares.progress + "%)" );
|
|
{/literal}{if $GLOBAL.config.payout_system != 'pps'}{literal }
|
|
$('#b-payout').html((parseFloat(data.getdashboarddata.data.personal.estimates.payout).toFixed(8)));
|
|
$('#b-block').html((parseFloat(data.getdashboarddata.data.personal.estimates.block).toFixed(8)));
|
|
$('#b-fee').html((parseFloat(data.getdashboarddata.data.personal.estimates.fee).toFixed(8)));
|
|
$('#b-donation').html((parseFloat(data.getdashboarddata.data.personal.estimates.donation).toFixed(8)));
|
|
{/literal}{else}{literal}
|
|
$('#b-ppsunpaid').html((parseFloat(data.getdashboarddata.data.personal.shares.unpaid).toFixed(0)));
|
|
$('#b-ppsdiff').html((parseFloat(data.getdashboarddata.data.personal.sharedifficulty).toFixed(2)));
|
|
$('#b-est1').html((parseFloat(data.getdashboarddata.data.personal.estimates.hours1).toFixed(8)));
|
|
$('#b-est24hours').html((parseFloat(data.getdashboarddata.data.personal.estimates.hours24).toFixed(8)));
|
|
$('#b-est7days').html((parseFloat(data.getdashboarddata.data.personal.estimates.days7).toFixed(8)));
|
|
$('#b-est14days').html((parseFloat(data.getdashboarddata.data.personal.estimates.days14).toFixed(8)));
|
|
$('#b-est30days').html((parseFloat(data.getdashboarddata.data.personal.estimates.days30).toFixed(8)));
|
|
{/literal}{/if}{literal}
|
|
{/literal}{if $GLOBAL.config.payout_system == 'pplns'}{literal}
|
|
$('#b-pplns').html({/literal}{$GLOBAL.pplns.target}{literal});
|
|
{/literal}{/if}{literal}
|
|
}
|
|
|
|
// Refresh worker information
|
|
function refreshWorkerData(data) {
|
|
workers = data.getuserworkers.data;
|
|
length = workers.length;
|
|
$('#b-workers').html('');
|
|
for (var i = j = 0; i < length; i++) {
|
|
if (workers[i].hashrate > 0) {
|
|
j++;
|
|
$('#b-workers').append('<tr><td>' + workers[i].username + '</td><td align="right">' + workers[i].hashrate + '</td><td align="right">' + workers[i].difficulty + '</td></tr>');
|
|
}
|
|
}
|
|
if (j == 0) { $('#b-workers').html('<tr><td colspan="3" align="center">No active workers</td></tr>'); }
|
|
}
|
|
|
|
// Our worker process to keep gauges and graph updated
|
|
(function worker1() {
|
|
$.ajax({
|
|
url: url_dashboard,
|
|
dataType: 'json',
|
|
success: function(data) {
|
|
refreshInformation(data);
|
|
refreshStaticData(data);
|
|
},
|
|
complete: function() {
|
|
setTimeout(worker1, {/literal}{($GLOBAL.config.statistics_ajax_refresh_interval * 1000)|default:"10000"}{literal})
|
|
}
|
|
});
|
|
})();
|
|
|
|
// Our worker process to keep worker information updated
|
|
(function worker3() {
|
|
$.ajax({
|
|
url: url_balance,
|
|
dataType: 'json',
|
|
success: function(data) {
|
|
refreshBalanceData(data);
|
|
},
|
|
complete: function() {
|
|
setTimeout(worker3, {/literal}{($GLOBAL.config.statistics_ajax_long_refresh_interval * 1000)|default:"10000"}{literal})
|
|
}
|
|
});
|
|
})();
|
|
|
|
// Our worker process to keep gauges and graph updated
|
|
(function worker2() {
|
|
$.ajax({
|
|
url: url_worker,
|
|
dataType: 'json',
|
|
success: function(data) {
|
|
refreshWorkerData(data);
|
|
},
|
|
complete: function() {
|
|
setTimeout(worker2, {/literal}{($GLOBAL.config.statistics_ajax_long_refresh_interval * 1000)|default:"10000"}{literal})
|
|
}
|
|
});
|
|
})();
|
|
});
|
|
{/literal}
|
|
</script>
|