php-mpos/public/templates/test/dashboard/gauges.tpl
Sebastian Grewe e6ab8006d1 [FEATURE] Adding more to gauges, adding graph to dashboard
* Adding live-updates for gauges
* Adding new API calls
* Updated statistics to allow custom intervals
* Disabled caching for API calls for now
* Added new hashrate graph with auto-update

Addresses #444
2013-09-14 14:43:14 +02:00

144 lines
4.3 KiB
Smarty

<article class="module width_half">
<header><h3>Gauges</h3></header>
<div class="module_content">
<div id="hashrate" style="width:150px; height:120px; float: left;"></div>
<div id="poolhashrate" style="width:150px; height:120px; float: left;"></div>
<div id="nethashrate" style="width:150px; height:120px; float: left;"></div>
<div id="sharerate" style="width:150px; height:120px; float: left;"></div>
</div>
</article>
<script>
{literal}
window.onload = function(){
// Auto-adjust max value
if ({/literal}{$GLOBAL.nethashrate}{literal} < 20000000000) {
maxVal = 20;
} else if ({/literal}{$GLOBAL.nethashrate}{literal} < 40000000000) {
maxVal = 40;
} else if ({/literal}{$GLOBAL.nethashrate}{literal} < 80000000000) {
maxVal = 80;
} else if ({/literal}{$GLOBAL.nethashrate}{literal} < 160000000000) {
maxVal = 160;
} else if ({/literal}{$GLOBAL.nethashrate}{literal} < 320000000000) {
maxVal = 320;
} else {
maxVal = 1000;
}
var g1 = new JustGage({
id: "nethashrate",
value: {/literal}{($GLOBAL.nethashrate / 1000 / 1000 / 1000)|number_format:"2"}{literal},
min: 0,
max: maxVal,
title: "Net Hashrate",
label: "ghash/s"
});
// Auto-adjust max value
if ({/literal}{$GLOBAL.hashrate}{literal} < 5000) {
maxVal = 5;
} else if ({/literal}{$GLOBAL.hashrate}{literal} < 10000) {
maxVal = 10;
} else if ({/literal}{$GLOBAL.hashrate}{literal} < 20000) {
maxVal = 20;
} else if ({/literal}{$GLOBAL.hashrate}{literal} < 40000) {
maxVal = 40;
} else if ({/literal}{$GLOBAL.hashrate}{literal} < 80000) {
maxVal = 80;
} else if ({/literal}{$GLOBAL.hashrate}{literal} < 160000) {
maxVal = 160;
} else if ({/literal}{$GLOBAL.hashrate}{literal} < 320000) {
maxVal = 320;
} else {
maxVal = 1000;
}
var g2 = new JustGage({
id: "poolhashrate",
value: {/literal}{$GLOBAL.hashrate / 1000}{literal},
min: 0,
max: maxVal,
title: "Pool Hashrate",
label: "mhash/s"
});
// Auto-adjust max value
if ({/literal}{$GLOBAL.userdata.hashrate}{literal} < 1000) {
maxVal = 1;
} else if ({/literal}{$GLOBAL.userdata.hashrate}{literal} < 2000) {
maxVal = 2;
} else if ({/literal}{$GLOBAL.userdata.hashrate}{literal} < 5000) {
maxVal = 5;
} else if ({/literal}{$GLOBAL.userdata.hashrate}{literal} < 10000) {
maxVal = 10;
} else if ({/literal}{$GLOBAL.userdata.hashrate}{literal} < 20000) {
maxVal = 20;
} else {
maxVal = 150;
}
var g3 = new JustGage({
id: "hashrate",
value: {/literal}{$GLOBAL.userdata.hashrate / 1000}{literal},
min: 0,
max: maxVal,
title: "Hashrate",
label: "mhash/s"
});
// Auto-adjust max value
function findShareMax(val) {
if ( val < 1.0 ) {
maxVal = 1.0;
} else if ( val < 2.0 ) {
maxVal = 2.0;
} else if ( val < 5.0 ) {
maxVal = 5.0;
} else if ( val < 10.0 ) {
maxVal = 10.0;
} else if ( val < 20.0 ) {
maxVal = 20.0;
} else {
maxVal = 100.0;
}
return maxVal;
};
var g4 = new JustGage({
id: "sharerate",
value: {/literal}{$GLOBAL.userdata.sharerate|number_format:"2"}{literal},
min: 0,
max: findShareMax({/literal}{$GLOBAL.userdata.sharerate|number_format:"2"}{literal}),
title: "Sharerate",
label: "shares/s"
});
// Our reload and refresh gauges handler
setInterval(function() {
$.ajax({
url: '{/literal}{$smarty.server.PHP_SELF}?page=api&action=getpoolhashrate&api_key={$GLOBAL.userdata.api_key}{literal}',
dataType: 'json',
async: false,
success: function (data) {
g2.refresh(parseFloat(data.getpoolhashrate.hashrate / 1000).toFixed(3));
}
});
$.ajax({
url: '{/literal}{$smarty.server.PHP_SELF}?page=api&action=getuserhashrate&api_key={$GLOBAL.userdata.api_key}&id={$GLOBAL.userdata.id}{literal}',
dataType: 'json',
async: false,
success: function (data) {
g3.refresh(parseFloat(data.getuserhashrate.hashrate / 1000).toFixed(3));
},
});
$.ajax({
url: '{/literal}{$smarty.server.PHP_SELF}?page=api&action=getusersharerate&api_key={$GLOBAL.userdata.api_key}&id={$GLOBAL.userdata.id}{literal}',
dataType: 'json',
async: false,
success: function (data) {
g4.refresh(parseFloat(data.getusersharerate.sharerate).toFixed(2));
},
});
}, 2000);
};
{/literal}
</script>