Dashboard Layout
This commit is contained in:
root
parent
b85438858e
commit
8f1be2adf8
@ -1,5 +1,9 @@
|
||||
<article class="module width_quarter">
|
||||
<header><h3>Account Information</h3></header>
|
||||
<div class="col-lg-4">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">Account Information</h4>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<table class="tablesorter" cellspacing="0">
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
@ -46,4 +50,6 @@
|
||||
</tr>
|
||||
</table>
|
||||
{/if}
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
3
public/templates/bootstrap/dashboard/default.tpl
Normal file → Executable file
3
public/templates/bootstrap/dashboard/default.tpl
Normal file → Executable file
@ -1,8 +1,11 @@
|
||||
{if $smarty.session.AUTHENTICATED|default}
|
||||
{include file="dashboard/overview.tpl"}
|
||||
{literal}<div class="row">{/literal}
|
||||
{include file="dashboard/system_stats.tpl"}
|
||||
{include file="dashboard/round_data.tpl"}
|
||||
{include file="dashboard/account_data.tpl"}
|
||||
{literal}</div>{/literal}
|
||||
|
||||
{if !$DISABLED_DASHBOARD and !$DISABLED_DASHBOARD_API}
|
||||
{include file="dashboard/js_api.tpl"}
|
||||
{else}
|
||||
|
||||
54
public/templates/bootstrap/dashboard/overview.tpl
Normal file → Executable file
54
public/templates/bootstrap/dashboard/overview.tpl
Normal file → Executable file
@ -1,26 +1,32 @@
|
||||
<article class="module module width_3_quarter">
|
||||
<header><h3>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></h3></header>
|
||||
<div class="module_content">
|
||||
<center>
|
||||
<div style="display: inline-block;">
|
||||
<div id="poolhashrate" style="width:120px; height:90px;"></div>
|
||||
<div id="sharerate" style="width:120px; height:90px;"></div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="panel panel-default">
|
||||
<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>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<center>
|
||||
<div style="display: inline-block;">
|
||||
<div id="poolhashrate" style="width:120px; height:90px;"></div>
|
||||
<div id="sharerate" style="width:120px; height:90px;"></div>
|
||||
</div>
|
||||
<div style="display: inline-block;">
|
||||
<div id="hashrate" style="width:220px; height:180px;"></div>
|
||||
</div>
|
||||
<div style="display: inline-block;">
|
||||
<div id="nethashrate" style="width:120px; height:90px;"></div>
|
||||
<div id="querytime" style="width:120px; height:90px;"></div>
|
||||
</div>
|
||||
</center>
|
||||
{if !$DISABLED_DASHBOARD and !$DISABLED_DASHBOARD_API}
|
||||
<div class="flot-chart">
|
||||
<div class="flot-chart-content" id="flot-line-chart"></div>
|
||||
</div>
|
||||
{/if}
|
||||
</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 style="display: inline-block;">
|
||||
<div id="hashrate" style="width:220px; height:180px;"></div>
|
||||
</div>
|
||||
<div style="display: inline-block;">
|
||||
<div id="nethashrate" style="width:120px; height:90px;"></div>
|
||||
<div id="querytime" style="width:120px; height:90px;"></div>
|
||||
</div>
|
||||
</center>
|
||||
{if !$DISABLED_DASHBOARD and !$DISABLED_DASHBOARD_API}
|
||||
<div style="margin-left: 16px; display: inline-block; width: 100%;">
|
||||
<div id="hashrategraph" style="height: 160px; width: 100%;"></div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
<footer>
|
||||
<p style="margin-left: 25px">Refresh interval: {$GLOBAL.config.statistics_ajax_refresh_interval|default:"10"} seconds. Hashrate based on shares submitted in the past {$INTERVAL|default:"5"} minutes.</p>
|
||||
</footer>
|
||||
</article>
|
||||
</div>
|
||||
16
public/templates/bootstrap/dashboard/round_data.tpl
Normal file → Executable file
16
public/templates/bootstrap/dashboard/round_data.tpl
Normal file → Executable file
@ -1,8 +1,10 @@
|
||||
<article class="module width_quarter">
|
||||
<header><h3>Round Information</h3></header>
|
||||
<div class="module_content">
|
||||
<div id="shareinfograph" style="width: 100%; height: 100%;"></div>
|
||||
<div class="col-lg-4">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">Round Information</h4>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<!--INSERT SHARES PIE CHART HERE-->
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
</footer>
|
||||
</article>
|
||||
</div>
|
||||
18
public/templates/bootstrap/dashboard/system_stats.tpl
Normal file → Executable file
18
public/templates/bootstrap/dashboard/system_stats.tpl
Normal file → Executable file
@ -1,7 +1,10 @@
|
||||
<article class="module width_quarter">
|
||||
<header><h3>{$GLOBAL.config.payout_system|capitalize} Stats</h3></header>
|
||||
<div class="module_content">
|
||||
<table width="100%">
|
||||
<div class="col-lg-4">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">{$GLOBAL.config.payout_system|capitalize} Stats</h4>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<table class="tablesorter" cellspacing="0">
|
||||
<tbody>
|
||||
{if $GLOBAL.config.payout_system == 'pplns'}
|
||||
<tr>
|
||||
@ -36,5 +39,8 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<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>
|
||||
5
public/templates/bootstrap/home/default.tpl
Normal file → Executable file
5
public/templates/bootstrap/home/default.tpl
Normal file → Executable file
@ -1,11 +1,9 @@
|
||||
<!-- /.row -->
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">latest News</h4>
|
||||
</div>
|
||||
<!-- .panel-heading -->
|
||||
<div class="panel-body">
|
||||
<div class="panel-group" id="accordion">
|
||||
{section name=news loop=$NEWS}
|
||||
@ -24,9 +22,6 @@
|
||||
{/section}
|
||||
</div>
|
||||
</div>
|
||||
<!-- .panel-body -->
|
||||
</div>
|
||||
<!-- /.panel -->
|
||||
</div>
|
||||
<!-- /.col-lg-12 -->
|
||||
</div>
|
||||
|
||||
@ -30,7 +30,6 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- /.panel -->
|
||||
{if $GLOBAL.config.payout_system != 'pps'}
|
||||
<div class="panel-footer">
|
||||
Note: Round Earnings are not credited until <font color="orange">{$GLOBAL.confirmations}</font> confirms.
|
||||
|
||||
@ -1,61 +1,40 @@
|
||||
<script type="text/javascript" src="{$GLOBALASSETS}/js/jquery.easypiechart.min.js"></script>
|
||||
|
||||
<article class="module width_half">
|
||||
<header><h3>UptimeRobot Status</h3></header>
|
||||
<table class="tablesorter" width="80%" cellspacing="0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Location</th>
|
||||
<th>Service</th>
|
||||
<th>Status</th>
|
||||
<th>Status Since</th>
|
||||
<th colspan="4" style="padding-right: 10px">Uptime</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="4"></th>
|
||||
<th>Day</th>
|
||||
<th>Week</th>
|
||||
<th>Month</th>
|
||||
<th>All Time</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{foreach key=key item=item from=$STATUS}
|
||||
{assign var=node value="."|explode:$item.friendlyname}
|
||||
<tr>
|
||||
<td><img src="{$GLOBALASSETS}/images/flags/{$node.0}.png"/></td>
|
||||
{if $node|count > 1}<td>{$node.1}</td>{/if}
|
||||
<td><span class="ur-status-{$CODES[$item.status]|lower}">{$CODES[$item.status]}</span></td>
|
||||
<td>{$item.log.1.datetime|date_format:"%b %d, %Y %H:%M"}</td>
|
||||
<td><span class="chart" data-percent="{$item.customuptimeratio.0}"><span class="percent"></span></span></td>
|
||||
<td><span class="chart" data-percent="{$item.customuptimeratio.1}"><span class="percent"></span></span></td>
|
||||
<td><span class="chart" data-percent="{$item.customuptimeratio.2}"><span class="percent"></span></span></td>
|
||||
<td><span class="chart" data-percent="{$item.alltimeuptimeratio}"><span class="percent"></span></span></td>
|
||||
</tr>
|
||||
{/foreach}
|
||||
</tbody>
|
||||
</table>
|
||||
<footer>
|
||||
<ul><li>Last update {$UPDATED|date_format:"%b %d, %Y %H:%M"}</li></ul>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
<script>
|
||||
{literal}
|
||||
$(document).ready(function(){
|
||||
$('.chart').easyPieChart({
|
||||
easing: 'easeOutBounce',
|
||||
size: 26,
|
||||
scaleColor: false,
|
||||
lineWidth: 13,
|
||||
lineCap: 'butt',
|
||||
barColor: '#92CCA6',
|
||||
trackColor: '#FF7878',
|
||||
animate: false,
|
||||
onStep: function(from, to, percent) {
|
||||
$(this.el).find('.percent-{/literal}{$item.id}{literal}').text(Math.round(percent));
|
||||
}
|
||||
});
|
||||
});
|
||||
{/literal}
|
||||
</script>
|
||||
<div class="col-lg-6">
|
||||
<div class="panel panel-info">
|
||||
<div class="panel-heading">UptimeRobot Status</div>
|
||||
<div class="panel-body">
|
||||
<table class="table table-striped table-bordered table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Location</th>
|
||||
<th>Service</th>
|
||||
<th>Status</th>
|
||||
<th>Status Since</th>
|
||||
<th>Day</th>
|
||||
<th>Week</th>
|
||||
<th>Month</th>
|
||||
<th>All Time</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{foreach key=key item=item from=$STATUS}
|
||||
{assign var=node value="."|explode:$item.friendlyname}
|
||||
<tr>
|
||||
<td><img src="{$GLOBALASSETS}/images/flags/{$node.0}.png"/></td>
|
||||
{if $node|count > 1}<td>{$node.1}</td>{/if}
|
||||
<td><span class="ur-status-{$CODES[$item.status]|lower}">{$CODES[$item.status]}</span></td>
|
||||
<td>{$item.log.1.datetime|date_format:"%b %d, %Y %H:%M"}</td>
|
||||
<td><span class="chart" data-percent="{$item.customuptimeratio.0}"><span class="percent"></span></span></td>
|
||||
<td><span class="chart" data-percent="{$item.customuptimeratio.1}"><span class="percent"></span></span></td>
|
||||
<td><span class="chart" data-percent="{$item.customuptimeratio.2}"><span class="percent"></span></span></td>
|
||||
<td><span class="chart" data-percent="{$item.alltimeuptimeratio}"><span class="percent"></span></span></td>
|
||||
</tr>
|
||||
{/foreach}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
Last update {$UPDATED|date_format:"%b %d, %Y %H:%M"}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user