RanchiMall/php-mpos
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[CHANGED] Basic layout idea for dashboard

Browse Source
This commit is contained in:
Sebastian Grewe 2014-03-03 12:32:52 +01:00
parent 0ce22ebf7a
commit d470daea45
9 changed files with 157 additions and 173 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

106
public/templates/bootstrap/dashboard/account_data.tpl
View File

@ -1,55 +1,55 @@
<div class="col-lg-6">
<div class="panel panel-info">
<div class="panel-heading">
<h4 class="panel-title">Account Information</h4>
</div>
<div class="panel-body no-padding">
<table class="table table-bordered table-hover table-striped">
<tr>
<td colspan="2">
{if $GLOBAL.userdata.no_fees}
You are mining without any pool fees applied and
{else if $GLOBAL.fees > 0}
You are mining at <font color="orange">{if $GLOBAL.fees < 0.0001}{$GLOBAL.fees|escape|number_format:"8"}{else}{$GLOBAL.fees|escape}{/if}%</font> pool fee and
{else}
This pool does not apply fees and
{/if}
{if $GLOBAL.userdata.donate_percent > 0}
you donate <font color="green">{$GLOBAL.userdata.donate_percent|escape}%</font>.
{else}
you are not <a href="{$smarty.server.SCRIPT_NAME}?page=account&action=edit">donating</a>.
{/if}
</td>
</tr>
</table>
<table class="table table-bordered table-hover table-striped">
<thead>
<tr><th colspan="2"><b>{$GLOBAL.config.currency} Account Balance</b></th></tr>
</thead>
<tr>
<td style="font-weight: bold;">Confirmed</td>
<td><span id="b-confirmed" class="confirmed" style="width: calc(140px); font-size: 12px;">{$GLOBAL.userdata.balance.confirmed|number_format:"6"}</span></td>
</tr>
<tr>
<td style="font-weight: bold;">Unconfirmed</td>
<td><span id="b-unconfirmed" class="unconfirmed" style="width: calc(140px); font-size: 12px;">{$GLOBAL.userdata.balance.unconfirmed|number_format:"6"}</span></td>
</tr>
</table>
{if !$DISABLED_DASHBOARD and !$DISABLED_DASHBOARD_API}
<table class="tablesorter" cellspacing="0">
<thead>
<tr>
<th>Worker</th>
<th>Hashrate</th>
<th style="padding-right: 10px;">Difficulty</th>
</tr>
</thead>
<tbody id="b-workers">
<td colspan="3">No worker information available</td>
</tbody>
</tr>
</table>
{/if}
<div class="col-lg-4">
<div class="panel panel-info">
<div class="panel-heading">
<h4 class="panel-title">Account Information</h4>
</div>
<div class="panel-body no-padding">
<table class="table table-bordered table-hover table-striped">
<tr>
<td colspan="2">
{if $GLOBAL.userdata.no_fees}
You are mining without any pool fees applied and
{else if $GLOBAL.fees > 0}
You are mining at <font color="orange">{if $GLOBAL.fees < 0.0001}{$GLOBAL.fees|escape|number_format:"8"}{else}{$GLOBAL.fees|escape}{/if}%</font> pool fee and
{else}
This pool does not apply fees and
{/if}
{if $GLOBAL.userdata.donate_percent > 0}
you donate <font color="green">{$GLOBAL.userdata.donate_percent|escape}%</font>.
{else}
you are not <a href="{$smarty.server.SCRIPT_NAME}?page=account&action=edit">donating</a>.
{/if}
</td>
</tr>
</table>
<table class="table table-bordered table-hover table-striped">
<thead>
<tr><th colspan="2"><b>{$GLOBAL.config.currency} Account Balance</b></th></tr>
</thead>
<tr>
<td style="font-weight: bold;">Confirmed</td>
<td><span id="b-confirmed" class="confirmed" style="width: calc(140px); font-size: 12px;">{$GLOBAL.userdata.balance.confirmed|number_format:"6"}</span></td>
</tr>
<tr>
<td style="font-weight: bold;">Unconfirmed</td>
<td><span id="b-unconfirmed" class="unconfirmed" style="width: calc(140px); font-size: 12px;">{$GLOBAL.userdata.balance.unconfirmed|number_format:"6"}</span></td>
</tr>
</table>
{if !$DISABLED_DASHBOARD and !$DISABLED_DASHBOARD_API}
<table class="table table-bordered table-hover table-striped">
<thead>
<tr>
<th>Worker</th>
<th>Hashrate</th>
<th style="padding-right: 10px;">Difficulty</th>
</tr>
</thead>
<tbody id="b-workers">
<td colspan="3">No worker information available</td>
</tbody>
</tr>
</table>
{/if}
</div>
</div>
</div>
</div>

1
public/templates/bootstrap/dashboard/default.tpl
View File

@ -2,6 +2,7 @@
<div class="row">
{include file="dashboard/overview.tpl"}
{include file="dashboard/system_stats.tpl"}
{include file="dashboard/account_data.tpl"}
</div>
{if !$DISABLED_DASHBOARD and !$DISABLED_DASHBOARD_API}
{include file="dashboard/js_api.tpl"}

10
public/templates/bootstrap/dashboard/js_api.tpl
View File

@ -9,10 +9,10 @@ $(document).ready(function(){
var url_balance = "{/literal}{$smarty.server.SCRIPT_NAME}?page=api&action=getuserbalance&api_key={$GLOBAL.userdata.api_key}&id={$GLOBAL.userdata.id}{literal}";
// Load initial sparkline values
var storedPersonalHashrate = [ 0, 0, 0, 0, 0, 0, 0, {/literal}{$GLOBAL.userdata.hashrate|number_format:"2"}{literal} ];
var storedPersonalSharerate = [ 0, 0, 0, 0, 0, 0, 0, {/literal}{$GLOBAL.userdata.sharerate|number_format:"2"}{literal} ];
var storedPoolHashrate = [ 0, 0, 0, 0, 0, 0, 0, {/literal}{$GLOBAL.hashrate|number_format:"2"}{literal} ];
var storedPoolWorkers = [ 0, 0, 0, 0, 0, 0, 0, {/literal}{$GLOBAL.workers}{literal} ];
var storedPersonalHashrate = [ 0, 0, 0, 0, {/literal}{$GLOBAL.userdata.hashrate|number_format:"2"}{literal} ];
var storedPersonalSharerate = [ 0, 0,0, 0, {/literal}{$GLOBAL.userdata.sharerate|number_format:"2"}{literal} ];
var storedPoolHashrate = [ 0, 0,0, 0, {/literal}{$GLOBAL.hashrate|number_format:"2"}{literal} ];
var storedPoolWorkers = [ 0, 0,0, 0, {/literal}{$GLOBAL.workers}{literal} ];
// Sparkline options applied to all graphs
var sparklineOptions = {
@ -49,7 +49,7 @@ $(document).ready(function(){
// 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-poolworkers').html(data.getdashboarddata.data.pool.workers);
$('#b-hashrate').html((parseFloat(data.getdashboarddata.data.personal.hashrate).toFixed(2)));
$('#b-poolhashrate').html((parseFloat(data.getdashboarddata.data.pool.hashrate).toFixed(2)));
$('#b-sharerate').html((parseFloat(data.getdashboarddata.data.personal.sharerate).toFixed(2)));

22
public/templates/bootstrap/dashboard/network_info.tpl
View File

@ -1,19 +1,15 @@
<tr>
<td colspan="2"><b><u>Network Info</u></b></td>
<td colspan="4">Network Info</td>
</tr>
<tr>
<td><b>Difficulty</b></td>
<td id="b-diff" class="right">{$NETWORK.difficulty|number_format:"8"}</td>
<td>Difficulty</td>
<td id="b-diff" class="text-right">{$NETWORK.difficulty|number_format:"8"}</td>
<td>Est Next Difficulty</td>
<td id="b-nextdiff" class="text-right">{$NETWORK.EstNextDifficulty|number_format:"8"} (Change in {$NETWORK.BlocksUntilDiffChange} Blocks)</td>
</tr>
<tr>
<td><b>Est Next Difficulty</b></td>
<td id="b-nextdiff" class="right">{$NETWORK.EstNextDifficulty|number_format:"8"} (Change in {$NETWORK.BlocksUntilDiffChange} Blocks)</td>
</tr>
<tr>
<td><b>Est. Avg. Time per Block</b></td>
<td id="b-esttimeperblock" class="right">{$NETWORK.EstTimePerBlock|seconds_to_words}</td>
</tr>
<tr>
<td><b>Current Block</b></td>
<td id="b-nblock" class="right">{$NETWORK.block}</td>
<td>Est. Avg. Time per Block</td>
<td id="b-esttimeperblock" class="text-right">{$NETWORK.EstTimePerBlock|seconds_to_words}</td>
<td>Current Block</td>
<td id="b-nblock" class="text-right">{$NETWORK.block}</td>
</tr>

32
public/templates/bootstrap/dashboard/overview.tpl
View File

@ -1,22 +1,30 @@
<div class="col-lg-8">
<div class="col-lg-12">
<div class="panel panel-info">
<div class="panel-heading">
<h4 class="panel-title">Overview {if $GLOBAL.config.price.currency}{$GLOBAL.config.currency}/{$GLOBAL.config.price.currency}: <span id="b-price">{$GLOBAL.price|number_format:"8"|default:"0"}</span>{/if} / Pool Workers: <span id="b-dworkers">{$GLOBAL.workers}</span></h4>
<h4 class="panel-title">Overview {if $GLOBAL.config.price.currency}{$GLOBAL.config.currency}/{$GLOBAL.config.price.currency}: <span id="b-price">{$GLOBAL.price|number_format:"8"|default:"0"}</span>{/if}</h4>
</div>
<div class="panel-body">
<div>My Hashrate <span id="b-hashrate">{$GLOBAL.userdata.hashrate|number_format:"2"}</span></span>&nbsp;&nbsp;<span class="personal-hashrate-bar"></div>
<br>
<div>My Sharerate <span id="b-sharerate">{$GLOBAL.userdata.sharerate|number_format:"2"}</span></span>&nbsp;&nbsp;<span class="personal-sharerate-bar"></div>
<br>
<div><span>Pool Hashrate <span id="b-poolhashrate">{$GLOBAL.hashrate|number_format:"2"}</span></span>&nbsp;&nbsp;<span class="pool-hashrate-bar"></div>
<br>
<div><span>Pool Workers <span id="b-poolworkers">{$GLOBAL.workers}</span></span>&nbsp;&nbsp;<span class="pool-workers-bar"></div>
<table class="table table-striped table-bordered table-hover">
<tr>
<td>My Hashrate</td>
<td id="b-hashrate">{$GLOBAL.userdata.hashrate|number_format:"2"}</td>
<td class="personal-hashrate-bar"></td>
<td>My Sharerate</td>
<td id="b-sharerate">{$GLOBAL.userdata.sharerate|number_format:"2"}</td>
<td class="personal-sharerate-bar"></td>
</tr>
<tr>
<td>Pool Hashrate</td>
<td id="b-poolhashrate">{$GLOBAL.hashrate|number_format:"2"}</td>
<td class="pool-hashrate-bar"></td>
<td>Pool Workers</td>
<td id="b-poolworkers">{$GLOBAL.workers}</td>
<td class="pool-workers-bar"></td>
</tr>
</table>
</div>
<div class="panel-footer">
Refresh interval: {$GLOBAL.config.statistics_ajax_refresh_interval|default:"10"} seconds. Hashrate based on shares submitted in the past {$INTERVAL|default:"5"} minutes.
</div>
</div>
<div class="row">
{include file="dashboard/account_data.tpl"}
</div>
</div>

49
public/templates/bootstrap/dashboard/payout_estimates.tpl
View File

@ -1,43 +1,36 @@
<tr>
<td colspan="2"><b><u>{$GLOBAL.config.currency} Estimates</u></b></td>
<td colspan="4">{$GLOBAL.config.currency} Estimates</td>
</tr>
{if $GLOBAL.config.payout_system != 'pps'}
<tr>
<td><b>Block</b></td>
<td id="b-block" class="right">{$GLOBAL.userdata.estimates.block|number_format:"8"}</td>
<td>Block</td>
<td id="b-block" class="text-right">{$GLOBAL.userdata.estimates.block|number_format:"8"}</td>
<td>Fees</td>
<td id="b-fee" class="text-right">{$GLOBAL.userdata.estimates.fee|number_format:"8"}</td>
</tr>
<tr>
<td><b>Fees</b></td>
<td id="b-fee" class="right">{$GLOBAL.userdata.estimates.fee|number_format:"8"}</td>
</tr>
<tr>
<td><b>Donation</b></td>
<td id="b-donation" class="right">{$GLOBAL.userdata.estimates.donation|number_format:"8"}</td>
</tr>
<tr>
<td><b>Payout</b></td>
<td id="b-payout" class="right">{$GLOBAL.userdata.estimates.payout|number_format:"8"}</td>
<td>Donation</td>
<td id="b-donation" class="text-right">{$GLOBAL.userdata.estimates.donation|number_format:"8"}</td>
<td>Payout</td>
<td id="b-payout" class="text-right">{$GLOBAL.userdata.estimates.payout|number_format:"8"}</td>
</tr>
{else}
<tr>
<td><b>in 1 hour</b></td>
<td id="b-est1hour">{$GLOBAL.userdata.estimates.hours1|number_format:"8"}</td>
<td>in 1 hour</td>
<td id="b-est1hour" class="text-right">{$GLOBAL.userdata.estimates.hours1|number_format:"8"}</td>
<td>in 24 hours</td>
<td id="b-est24hours" class="text-right">{($GLOBAL.userdata.estimates.hours24)|number_format:"8"}</td>
</tr>
<tr>
<td><b>in 24 hours</b></td>
<td id="b-est24hours">{($GLOBAL.userdata.estimates.hours24)|number_format:"8"}</td>
<td>in 7 days</td>
<td id="b-est7days" class="text-right">{($GLOBAL.userdata.estimates.days7)|number_format:"8"}</td>
<td>in 14 days</td>
<td id="b-est14days" class="text-right">{($GLOBAL.userdata.estimates.days14)|number_format:"8"}</td>
</tr>
<!--
<tr>
<td><b>in 7 days</b></td>
<td id="b-est7days">{($GLOBAL.userdata.estimates.days7)|number_format:"8"}</td>
</tr>
<tr>
<td><b>in 14 days</b></td>
<td id="b-est14days">{($GLOBAL.userdata.estimates.days14)|number_format:"8"}</td>
</tr>
<tr>
<td><b>in 30 days</b></td>
<td id="b-est30days">{($GLOBAL.userdata.estimates.days30)|number_format:"8"}</td>
<td>in 30 days</td>
<td id="b-est30days" class="text-right">{($GLOBAL.userdata.estimates.days30)|number_format:"8"}</td>
</tr>
!-->
{/if}

10
public/templates/bootstrap/dashboard/round_data.tpl
View File

@ -1,10 +0,0 @@
<div class="col-lg-6">
<div class="panel panel-info">
<div class="panel-heading">
<h4 class="panel-title">Round Information</h4>
</div>
<div class="panel-body">
<div id="round-donut-chart"></div>
</div>
</div>
</div>

26
public/templates/bootstrap/dashboard/round_shares.tpl
View File

@ -1,23 +1,19 @@
<tr>
<td colspan="2"><b><u>Round Shares</u></b> <span id='tt'><img src='{$PATH}/images/questionmark.png' height='15px' width='15px' title='Submitted shares since last found block (ie. round shares)'></span></td>
<td colspan="4">Round Shares</td>
</tr>
<tr>
<td><b>Est. Shares</b></td>
<td id="b-target" class="right">{$ESTIMATES.shares|number_format} (done: {$ESTIMATES.percent}%)</td>
<td colspan="1">Est. Shares</td>
<td colspan="3" id="b-target" class="text-right">{$ESTIMATES.shares|number_format} (done: {$ESTIMATES.percent}%)</td>
</tr>
<tr>
<td><b>Pool Valid</b></td>
<td id="b-pvalid" class="right">{$GLOBAL.roundshares.valid|number_format}</td>
<td>Pool Valid</td>
<td id="b-pvalid" class="text-right">{$GLOBAL.roundshares.valid|number_format}</td>
<td>Your Valid</td>
<td id="b-yvalid" class="text-right">{$GLOBAL.userdata.shares.valid|number_format}</td>
</tr>
<tr>
<td><b>Your Valid<b></td>
<td id="b-yvalid" class="right">{$GLOBAL.userdata.shares.valid|number_format}</td>
</tr>
<tr>
<td><b>Pool Invalid</b></td>
<td id="b-pivalid" class="right">{$GLOBAL.roundshares.invalid|number_format} {if $GLOBAL.roundshares.valid > 0}({($GLOBAL.roundshares.invalid / ($GLOBAL.roundshares.valid + $GLOBAL.roundshares.invalid) * 100)|number_format:"2"}%){else}(0.00%){/if}</td></td>
</tr>
<tr>
<td><b>Your Invalid</b></td>
<td id="b-yivalid" class="right">{$GLOBAL.userdata.shares.invalid|number_format} {if $GLOBAL.userdata.shares.valid > 0}({($GLOBAL.userdata.shares.invalid / ($GLOBAL.userdata.shares.valid + $GLOBAL.userdata.shares.invalid) * 100)|number_format:"2"}%){else}(0.00%){/if}</td>
<td>Pool Invalid</td>
<td id="b-pivalid" class="text-right">{$GLOBAL.roundshares.invalid|number_format} {if $GLOBAL.roundshares.valid > 0}({($GLOBAL.roundshares.invalid / ($GLOBAL.roundshares.valid + $GLOBAL.roundshares.invalid) * 100)|number_format:"2"}%){else}(0.00%){/if}</td></td>
<td>Your Invalid</td>
<td id="b-yivalid" class="text-right">{$GLOBAL.userdata.shares.invalid|number_format} {if $GLOBAL.userdata.shares.valid > 0}({($GLOBAL.userdata.shares.invalid / ($GLOBAL.userdata.shares.valid + $GLOBAL.userdata.shares.invalid) * 100)|number_format:"2"}%){else}(0.00%){/if}</td>
</tr>

74
public/templates/bootstrap/dashboard/system_stats.tpl
View File

@ -1,39 +1,39 @@
<div class="col-lg-4">
<div class="panel panel-info">
<div class="panel-heading">
<h4 class="panel-title">{$GLOBAL.config.payout_system|capitalize} Stats</h4>
</div>
<div class="panel-body no-padding">
<table class="table table-bordered table-hover table-striped">
<tbody>
{if $GLOBAL.config.payout_system == 'pplns'}
<tr>
<td><b>PPLNS Target</b></td>
<td id="b-pplns" class="right">{$GLOBAL.pplns.target}</td>
</tr>
{elseif $GLOBAL.config.payout_system == 'pps'}
<tr>
<td><b>Unpaid Shares</b></td>
<td id="b-ppsunpaid">{$GLOBAL.userdata.pps.unpaidshares}</td>
</tr>
<tr>
<td><b>Baseline PPS Rate</b></td>
<td>{$GLOBAL.ppsvalue|number_format:"12"} {$GLOBAL.config.currency}</td>
</tr>
<tr>
<td><b>Pools PPS Rate</b></td>
<td>{$GLOBAL.poolppsvalue|number_format:"12"} {$GLOBAL.config.currency}</td>
</tr>
<tr>
<td><b>PPS Difficulty</b></td>
<td id="b-ppsdiff">{$GLOBAL.userdata.sharedifficulty|number_format:"2"}</td>
</tr>
{/if}
{include file="dashboard/round_shares.tpl"}
{include file="dashboard/payout_estimates.tpl"}
{include file="dashboard/network_info.tpl"}
</tbody>
</table>
<div class="col-lg-12">
<div class="panel panel-info">
<div class="panel-heading">
<h4 class="panel-title">Round Statistics</h4>
</div>
<div class="panel-body no-padding">
<table class="table table-bordered table-hover table-striped">
<tbody>
{if $GLOBAL.config.payout_system == 'pplns'}
<tr>
<td><b>PPLNS Target</b></td>
<td id="b-pplns" class="right">{$GLOBAL.pplns.target}</td>
</tr>
{elseif $GLOBAL.config.payout_system == 'pps'}
<tr>
<td><b>Unpaid Shares</b></td>
<td id="b-ppsunpaid">{$GLOBAL.userdata.pps.unpaidshares}</td>
</tr>
<tr>
<td><b>Baseline PPS Rate</b></td>
<td>{$GLOBAL.ppsvalue|number_format:"12"} {$GLOBAL.config.currency}</td>
</tr>
<tr>
<td><b>Pools PPS Rate</b></td>
<td>{$GLOBAL.poolppsvalue|number_format:"12"} {$GLOBAL.config.currency}</td>
</tr>
<tr>
<td><b>PPS Difficulty</b></td>
<td id="b-ppsdiff">{$GLOBAL.userdata.sharedifficulty|number_format:"2"}</td>
</tr>
{/if}
{include file="dashboard/round_shares.tpl"}
{include file="dashboard/payout_estimates.tpl"}
{include file="dashboard/network_info.tpl"}
</tbody>
</table>
</div>
</div>
</div>
</div>