[CLEANUP] Responsive tables added when needed

This commit is contained in:
Sebastian Grewe 2014-03-10 09:51:25 +01:00
parent 6b1bceabdf
commit baf07e0abc
8 changed files with 115 additions and 123 deletions

View File

@ -5,7 +5,7 @@
<div class="panel-heading"> <div class="panel-heading">
<i class="fa fa-envelope fa-fw"></i> Top Inviters <i class="fa fa-envelope fa-fw"></i> Top Inviters
</div> </div>
<div class="panel-body no-padding"> <div class="panel-body no-padding table-responsive">
<table class="table table-striped table-bordered table-hover"> <table class="table table-striped table-bordered table-hover">
<thead> <thead>
<tr> <tr>
@ -41,4 +41,4 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -4,63 +4,62 @@
<div class="panel-heading"> <div class="panel-heading">
<i class="fa fa-bell-o fa-fw"></i> Monitoring <i class="fa fa-bell-o fa-fw"></i> Monitoring
</div> </div>
<div class="panel-body no-padding"> <div class="panel-body no-padding table-responsive">
<table class="table table-striped table-bordered table-hover"> <table class="table table-striped table-bordered table-hover">
<thead>
<thead> <th>Cronjob</th>
<th>Cronjob</th> <th>Disabled</th>
<th>Disabled</th> <th>Exit Code</th>
<th>Exit Code</th> <th>Active</th>
<th>Active</th> <th>Runtime</th>
<th>Runtime</th> <th>Start Time</th>
<th>Start Time</th> <th>End Time</th>
<th>End Time</th> <th>Message</th>
<th>Message</th> </thead>
</thead> <tbody>
<tbody> {foreach $CRONSTATUS as $cron => $data}
{foreach $CRONSTATUS as $cron => $data} <tr>
<tr> <td>{$cron}</td>
<td>{$cron}</td> {foreach $data as $name => $event}
{foreach $data as $name => $event} <td>
<td> {if $event.type == 'okerror'}
{if $event.type == 'okerror'} {if $event.value == 0}
{if $event.value == 0} <font color="green">OK</font>
<font color="green">OK</font> {else}
{else} <font color="red">ERROR</font>
<font color="red">ERROR</font> {/if}
{/if} {else if $event.type == 'message'}
{else if $event.type == 'message'} <i>{$event.value}</i>
<i>{$event.value}</i> {else if $event.type == 'yesno'}
{else if $event.type == 'yesno'} <i class="fa fa-{if $event.value == 1}check{else}times{/if} fa-fw"></i>
<i class="fa fa-{if $event.value == 1}check{else}times{/if} fa-fw"></i> {else if $event.type == 'time'}
{else if $event.type == 'time'} {if $event.value > 60}
{if $event.value > 60} <font color="orange">
<font color="orange"> {else if $event.value > 120}
{else if $event.value > 120} <font color="red">
<font color="red"> {else}
{else} <font color="green">
<font color="green"> {/if}
{/if} {$event.value|default:"0"|number_format:"2"} seconds
{$event.value|default:"0"|number_format:"2"} seconds </font>
</font> {else if $event.type == 'date'}
{else if $event.type == 'date'} {if ($smarty.now - 180) > $event.value}
{if ($smarty.now - 180) > $event.value} <font color="red">
<font color="red"> {else if ($smarty.now - 120) > $event.value}
{else if ($smarty.now - 120) > $event.value} <font color="orange">
<font color="orange"> {else}
{else} <font color="green">
<font color="green"> {/if}
{/if} {$event.value|date_format:"%m/%d %H:%M:%S"}
{$event.value|date_format:"%m/%d %H:%M:%S"} </font>
</font> {else}
{else} {$event.value|default:""}
{$event.value|default:""} {/if}
{/if} </td>
</td> {/foreach}
{/foreach} </tr>
</tr> {/foreach}
{/foreach} </tbody>
</tbody>
</table> </table>
</div> </div>
</div> </div>

View File

@ -5,29 +5,20 @@
<i class="fa fa-desktop fa-fw"></i> {$GLOBAL.workers} Current Active Pool Workers <i class="fa fa-desktop fa-fw"></i> {$GLOBAL.workers} Current Active Pool Workers
</div> </div>
<div class="panel-body no-padding"> <div class="panel-body no-padding">
<div class="table-responsive"> <div class="panel-body">
<table class="table table-striped table-bordered table-hover"> <form action="{$smarty.server.SCRIPT_NAME}">
<form action="{$smarty.server.SCRIPT_NAME}"> <input type="hidden" name="page" value="{$smarty.request.page|escape}" />
<input type="hidden" name="page" value="{$smarty.request.page|escape}" /> <input type="hidden" name="action" value="{$smarty.request.action|escape}" />
<input type="hidden" name="action" value="{$smarty.request.action|escape}" /> <ul class="pager">
<tbody> <li class="previous">
<tr> <a href="{$smarty.server.SCRIPT_NAME}?page={$smarty.request.page|escape}&action={$smarty.request.action|escape}&start={$smarty.request.start|escape|default:"0" - $LIMIT}{if $FILTERS|default:""}{$FILTERS}{/if}"> &larr;</a>
<td> </li>
{if $smarty.request.start|default:"0" > 0} <li class="next">
<a href="{$smarty.server.SCRIPT_NAME}?page={$smarty.request.page|escape}&action={$smarty.request.action|escape}&start={$smarty.request.start|escape|default:"0" - $LIMIT}{if $FILTERS|default:""}{$FILTERS}{/if}"><i class="icon-left-open"></i></a> <a href="{$smarty.server.SCRIPT_NAME}?page={$smarty.request.page|escape}&action={$smarty.request.action|escape}&start={$smarty.request.start|escape|default:"0" + $LIMIT}{if $FILTERS|default:""}{$FILTERS}{/if}"> &rarr;</a>
{else} </li>
<i class="icon-left-open"></i> </ul>
{/if} </form>
</td>
<td>
<a href="{$smarty.server.SCRIPT_NAME}?page={$smarty.request.page|escape}&action={$smarty.request.action|escape}&start={$smarty.request.start|escape|default:"0" + $LIMIT}{if $FILTERS|default:""}{$FILTERS}{/if}"><i class="icon-right-open"></i></a>
</td>
</tr>
</tbody>
</form>
</table>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-striped table-bordered table-hover"> <table class="table table-striped table-bordered table-hover">
<thead> <thead>

View File

@ -3,7 +3,7 @@
<div class="panel-heading"> <div class="panel-heading">
<i class="fa fa-tachometer fa-fw"></i> Contributor Hashrates <i class="fa fa-tachometer fa-fw"></i> Contributor Hashrates
</div> </div>
<div class="panel-body no-padding"> <div class="panel-body no-padding table-responsive">
<table class="table table-striped table-bordered table-hover"> <table class="table table-striped table-bordered table-hover">
<thead> <thead>
<tr> <tr>

View File

@ -3,7 +3,7 @@
<div class="panel-heading"> <div class="panel-heading">
<i class="fa fa-tachometer fa-fw"></i> Contributor Shares <i class="fa fa-tachometer fa-fw"></i> Contributor Shares
</div> </div>
<div class="panel-body no-padding"> <div class="panel-body no-padding table-responsive">
<table class="table table-striped table-bordered table-hover"> <table class="table table-striped table-bordered table-hover">
<thead> <thead>
<tr> <tr>

View File

@ -4,45 +4,47 @@
<div class="panel-heading"> <div class="panel-heading">
<i class="fa fa-bar-chart fa-fw"></i> Block Statistics <i class="fa fa-bar-chart fa-fw"></i> Block Statistics
</div> </div>
<table class="table table-striped table-bordered table-hover"> <div class="table-responsive">
<tbody> <table class="table table-striped table-bordered table-hover">
<tr> <tbody>
<td colspan="8"> <tr>
<a href="{$smarty.server.SCRIPT_NAME}?page={$smarty.request.page}&action={$smarty.request.action}&height={$BLOCKDETAILS.height}&prev=1"><i class="fa fa-chevron-left fa-fw"></i></a> <td colspan="8">
<a href="{$smarty.server.SCRIPT_NAME}?page={$smarty.request.page}&action={$smarty.request.action}&height={$BLOCKDETAILS.height}&next=1"><i class="fa fa-chevron-right fa-fw pull-right"></i></a> <a href="{$smarty.server.SCRIPT_NAME}?page={$smarty.request.page}&action={$smarty.request.action}&height={$BLOCKDETAILS.height}&prev=1"><i class="fa fa-chevron-left fa-fw"></i></a>
</td> <a href="{$smarty.server.SCRIPT_NAME}?page={$smarty.request.page}&action={$smarty.request.action}&height={$BLOCKDETAILS.height}&next=1"><i class="fa fa-chevron-right fa-fw pull-right"></i></a>
</tr> </td>
<tr class="odd"> </tr>
<td>ID</td> <tr class="odd">
<td>{$BLOCKDETAILS.id|number_format:"0"|default:"0"}</td> <td>ID</td>
<td>Height</td> <td>{$BLOCKDETAILS.id|number_format:"0"|default:"0"}</td>
{if ! $GLOBAL.website.blockexplorer.disabled} <td>Height</td>
<td><a href="{$GLOBAL.website.blockexplorer.url}{$BLOCKDETAILS.blockhash}" target="_new">{$BLOCKDETAILS.height|number_format:"0"|default:"0"}</a></td> {if ! $GLOBAL.website.blockexplorer.disabled}
{else} <td><a href="{$GLOBAL.website.blockexplorer.url}{$BLOCKDETAILS.blockhash}" target="_new">{$BLOCKDETAILS.height|number_format:"0"|default:"0"}</a></td>
<td>{$BLOCKDETAILS.height|number_format:"0"|default:"0"}</td> {else}
{/if} <td>{$BLOCKDETAILS.height|number_format:"0"|default:"0"}</td>
<td>Amount</td> {/if}
<td>{$BLOCKDETAILS.amount|number_format|default:"0"}</td> <td>Amount</td>
<td>Confirmations</td> <td>{$BLOCKDETAILS.amount|number_format|default:"0"}</td>
<td>{if $BLOCKDETAILS.confirmations >= $GLOBAL.confirmations} <td>Confirmations</td>
<font color="green">Confirmed</font> <td>{if $BLOCKDETAILS.confirmations >= $GLOBAL.confirmations}
{else if $BLOCKDETAILS.confirmations == -1} <font color="green">Confirmed</font>
<font color="red">Orphan</font> {else if $BLOCKDETAILS.confirmations == -1}
{else if $BLOCKDETAILS.confirmations == 0}0 <font color="red">Orphan</font>
{else}{($GLOBAL.confirmations - $BLOCKDETAILS.confirmations)|default:"0"} left{/if}</td> {else if $BLOCKDETAILS.confirmations == 0}0
</tr> {else}{($GLOBAL.confirmations - $BLOCKDETAILS.confirmations)|default:"0"} left{/if}</td>
<tr class="even"> </tr>
<td>Difficulty</td> <tr class="even">
<td>{$BLOCKDETAILS.difficulty|default:"0"}</td> <td>Difficulty</td>
<td>Time</td> <td>{$BLOCKDETAILS.difficulty|default:"0"}</td>
<td>{$BLOCKDETAILS.time|default:"0"}</td> <td>Time</td>
<td>Shares</td> <td>{$BLOCKDETAILS.time|default:"0"}</td>
<td>{$BLOCKDETAILS.shares|number_format:"0"|default:"0"}</td> <td>Shares</td>
<td>Finder</td> <td>{$BLOCKDETAILS.shares|number_format:"0"|default:"0"}</td>
<td>{$BLOCKDETAILS.finder|default:"unknown"}</td> <td>Finder</td>
</tr> <td>{$BLOCKDETAILS.finder|default:"unknown"}</td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
<div class="panel-footer"> <div class="panel-footer">
<div class="submit_link"> <div class="submit_link">
<form action="{$smarty.server.SCRIPT_NAME}" method="POST" id='search'> <form action="{$smarty.server.SCRIPT_NAME}" method="POST" id='search'>

View File

@ -32,4 +32,4 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -2,7 +2,7 @@
<div class="col-lg-12"> <div class="col-lg-12">
<div class="panel panel-info"> <div class="panel panel-info">
<div class="panel-heading"><i class="fa fa-clock-o fa-fw"></i> UptimeRobot Status</div> <div class="panel-heading"><i class="fa fa-clock-o fa-fw"></i> UptimeRobot Status</div>
<div class="panel-body no-padding"> <div class="panel-body no-padding table-responsive">
<table class="table table-striped table-bordered table-hover"> <table class="table table-striped table-bordered table-hover">
<thead> <thead>
<tr> <tr>