mirror of
https://github.com/jhillyerd/inbucket.git
synced 2025-12-20 19:17:01 +00:00
Columnize status for mobile
This commit is contained in:
James Hillyerd
@@ -16,7 +16,7 @@
|
|||||||
<button type="button"
|
<button type="button"
|
||||||
class="btn btn-primary"
|
class="btn btn-primary"
|
||||||
onClick="messageSource('{{.message.Id}}');">
|
onClick="messageSource('{{.message.Id}}');">
|
||||||
<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
|
<span class="glyphicon glyphicon-education" aria-hidden="true"></span>
|
||||||
Source
|
Source
|
||||||
</button>
|
</button>
|
||||||
{{if .htmlAvailable}}
|
{{if .htmlAvailable}}
|
||||||
|
|||||||
@@ -24,149 +24,157 @@ $(document).ready(
|
|||||||
{{define "content"}}
|
{{define "content"}}
|
||||||
<h2>Inbucket Status</h2>
|
<h2>Inbucket Status</h2>
|
||||||
|
|
||||||
<p>Metrics are polled every 10 seconds. Inbucket does not keep history for the
|
<p class="small">Metrics are polled every 10 seconds. Inbucket does not keep history for the
|
||||||
10 minute graphs, but your web browser will accumulate the data over time.</p>
|
10 minute graphs, but your web browser will accumulate the data over time.</p>
|
||||||
|
|
||||||
<div class="panel panel-default">
|
<div class="panel panel-default">
|
||||||
<div class="panel-heading">
|
<div class="panel-heading">
|
||||||
<h3 class="panel-title">Configuration</h3>
|
<h3 class="panel-title">
|
||||||
|
<span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
|
||||||
|
Configuration</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
<table class="metrics">
|
<table class="metrics">
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>Version:</th>
|
<div class="col-sm-3 col-xs-7"><b>Version:</b></div>
|
||||||
<td><span>{{.version}}, built on {{.buildDate}}</span></td>
|
<div class="col-sm-3 col-xs-5"><span>{{.version}}, built on {{.buildDate}}</span></div>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>SMTP Listener:</th>
|
<div class="col-sm-3 col-xs-7"><b>SMTP Listener:</b></div>
|
||||||
<td><span>{{.smtpListener}}</span></td>
|
<div class="col-sm-3 col-xs-5"><span>{{.smtpListener}}</span></div>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>POP3 Listener:</th>
|
<div class="col-sm-3 col-xs-7"><b>POP3 Listener:</b></div>
|
||||||
<td><span>{{.pop3Listener}}</span></td>
|
<div class="col-sm-3 col-xs-5"><span>{{.pop3Listener}}</span></div>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>HTTP Listener:</th>
|
<div class="col-sm-3 col-xs-7"><b>HTTP Listener:</b></div>
|
||||||
<td><span>{{.webListener}}</span></td>
|
<div class="col-sm-3 col-xs-5"><span>{{.webListener}}</span></div>
|
||||||
</tr>
|
</div>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="panel panel-default">
|
<div class="panel panel-default">
|
||||||
<div class="panel-heading">
|
<div class="panel-heading">
|
||||||
<h3 class="panel-title">General Metrics</h3>
|
<h3 class="panel-title">
|
||||||
|
<span class="glyphicon glyphicon-scale" aria-hidden="true"></span>
|
||||||
|
General Metrics</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
<table class="metrics">
|
<table class="metrics">
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>Uptime:</th>
|
<div class="col-sm-3 col-xs-7"><b>Uptime:</b></div>
|
||||||
<td class="number"><span id="m-uptime">.</span></td>
|
<div class="col-sm-3 col-xs-5"><span id="m-uptime">.</span></div>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>System Memory:</th>
|
<div class="col-sm-3 col-xs-7"><b>System Memory:</b></div>
|
||||||
<td class="number"><span id="m-memstatsSys">.</span></td>
|
<div class="col-sm-3 col-xs-5"><span id="m-memstatsSys">.</span></div>
|
||||||
<td class="sparkline"><span id="s-memstatsSys">.</span></td>
|
<div class="col-sm-4"><span id="s-memstatsSys">.</span></div>
|
||||||
<td>(10min)</td>
|
<div class="col-sm-2 hidden-xs">(10min)</div>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>Heap Size:</th>
|
<div class="col-sm-3 col-xs-7"><b>Heap Size:</b></div>
|
||||||
<td class="number"><span id="m-memstatsHeapSys">.</span></td>
|
<div class="col-sm-3 col-xs-5"><span id="m-memstatsHeapSys">.</span></div>
|
||||||
<td class="sparkline"><span id="s-memstatsHeapSys">.</span></td>
|
<div class="col-sm-4"><span id="s-memstatsHeapSys">.</span></div>
|
||||||
<td>(10min)</td>
|
<div class="col-sm-2 hidden-xs">(10min)</div>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>Heap In-Use:</th>
|
<div class="col-sm-3 col-xs-7"><b>Heap In-Use:</b></div>
|
||||||
<td class="number"><span id="m-memstatsHeapAlloc">.</span></td>
|
<div class="col-sm-3 col-xs-5"><span id="m-memstatsHeapAlloc">.</span></div>
|
||||||
<td class="sparkline"><span id="s-memstatsHeapAlloc">.</span></td>
|
<div class="col-sm-4"><span id="s-memstatsHeapAlloc">.</span></div>
|
||||||
<td>(10min)</td>
|
<div class="col-sm-2 hidden-xs">(10min)</div>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>Heap # Objects:</th>
|
<div class="col-sm-3 col-xs-7"><b>Heap # Objects:</b></div>
|
||||||
<td class="number"><span id="m-memstatsHeapObjects">.</span></td>
|
<div class="col-sm-3 col-xs-5"><span id="m-memstatsHeapObjects">.</span></div>
|
||||||
<td class="sparkline"><span id="s-memstatsHeapObjects">.</span></td>
|
<div class="col-sm-4"><span id="s-memstatsHeapObjects">.</span></div>
|
||||||
<td>(10min)</td>
|
<div class="col-sm-2 hidden-xs">(10min)</div>
|
||||||
</tr>
|
</div>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel panel-default">
|
<div class="panel panel-default">
|
||||||
<div class="panel-heading">
|
<div class="panel-heading">
|
||||||
<h3 class="panel-title">SMTP Metrics</h3>
|
<h3 class="panel-title">
|
||||||
|
<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
|
||||||
|
SMTP Metrics</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
<table class="metrics">
|
<table class="metrics">
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>Current Connections:</th>
|
<div class="col-sm-3 col-xs-7"><b>Current Connections:</b></div>
|
||||||
<td class="number"><span id="m-smtpConnectsCurrent">.</span></td>
|
<div class="col-sm-3 col-xs-5"><span id="m-smtpConnectsCurrent">.</span></div>
|
||||||
<td class="sparkline"><span id="s-smtpConnectsCurrent">.</span></td>
|
<div class="col-sm-4"><span id="s-smtpConnectsCurrent">.</span></div>
|
||||||
<td>(10min)</td>
|
<div class="col-sm-2 hidden-xs">(10min)</div>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>Total Connections:</th>
|
<div class="col-sm-3 col-xs-7"><b>Total Connections:</b></div>
|
||||||
<td class="number"><span id="m-smtpConnectsTotal">.</span></td>
|
<div class="col-sm-3 col-xs-5"><span id="m-smtpConnectsTotal">.</span></div>
|
||||||
<td class="sparkline"><span id="s-smtpConnectsTotal">.</span></td>
|
<div class="col-sm-4"><span id="s-smtpConnectsTotal">.</span></div>
|
||||||
<td>(60min)</td>
|
<div class="col-sm-2 hidden-xs">(60min)</div>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>Messages Received:</th>
|
<div class="col-sm-3 col-xs-7"><b>Messages Received:</b></div>
|
||||||
<td class="number"><span id="m-smtpReceivedTotal">.</span></td>
|
<div class="col-sm-3 col-xs-5"><span id="m-smtpReceivedTotal">.</span></div>
|
||||||
<td class="sparkline"><span id="s-smtpReceivedTotal">.</span></td>
|
<div class="col-sm-4"><span id="s-smtpReceivedTotal">.</span></div>
|
||||||
<td>(60min)</td>
|
<div class="col-sm-2 hidden-xs">(60min)</div>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>Errors Logged:</th>
|
<div class="col-sm-3 col-xs-7"><b>Errors Logged:</b></div>
|
||||||
<td class="number"><span id="m-smtpErrorsTotal">.</span></td>
|
<div class="col-sm-3 col-xs-5"><span id="m-smtpErrorsTotal">.</span></div>
|
||||||
<td class="sparkline"><span id="s-smtpErrorsTotal"></span></td>
|
<div class="col-sm-4"><span id="s-smtpErrorsTotal"></span></div>
|
||||||
<td>(60min)</td>
|
<div class="col-sm-2 hidden-xs">(60min)</div>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>Warnings Logged:</th>
|
<div class="col-sm-3 col-xs-7"><b>Warnings Logged:</b></div>
|
||||||
<td class="number"><span id="m-smtpWarnsTotal">.</span></td>
|
<div class="col-sm-3 col-xs-5"><span id="m-smtpWarnsTotal">.</span></div>
|
||||||
<td class="sparkline"><span id="s-smtpWarnsTotal"></span></td>
|
<div class="col-sm-4"><span id="s-smtpWarnsTotal"></span></div>
|
||||||
<td>(60min)</td>
|
<div class="col-sm-2 hidden-xs">(60min)</div>
|
||||||
</tr>
|
</div>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel panel-default">
|
<div class="panel panel-default">
|
||||||
<div class="panel-heading">
|
<div class="panel-heading">
|
||||||
<h3 class="panel-title">Data Store Metrics</h3>
|
<h3 class="panel-title">
|
||||||
|
<span class="glyphicon glyphicon-hdd" aria-hidden="true"></span>
|
||||||
|
Data Store Metrics</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-body">
|
<div class="panel-body">
|
||||||
<table class="metrics">
|
<table class="metrics">
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>Retention Period:</th>
|
<div class="col-sm-3 col-xs-7"><b>Retention Period:</b></div>
|
||||||
<td colspan="3">
|
<div class="col-sm-3 col-xs-5">
|
||||||
{{if .retentionMinutes}}
|
{{if .retentionMinutes}}
|
||||||
<span id="m-retentionPeriod">.</span>
|
<span id="m-retentionPeriod">.</span>
|
||||||
{{else}}
|
{{else}}
|
||||||
Disabled
|
Disabled
|
||||||
{{end}}
|
{{end}}
|
||||||
</td>
|
</div>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>Retention Scan:</th>
|
<div class="col-sm-3 col-xs-7"><b>Retention Scan:</b></div>
|
||||||
<td colspan="3">
|
<div class="col-sm-3 col-xs-5">
|
||||||
{{if .retentionMinutes}}
|
{{if .retentionMinutes}}
|
||||||
Completed <span id="m-retentionScanCompleted">.</span> ago
|
Completed <span id="m-retentionScanCompleted">.</span> ago
|
||||||
{{else}}
|
{{else}}
|
||||||
Disabled
|
Disabled
|
||||||
{{end}}
|
{{end}}
|
||||||
</td>
|
</div>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>Retention Deletes:</th>
|
<div class="col-sm-3 col-xs-7"><b>Retention Deletes:</b></div>
|
||||||
<td class="number"><span id="m-retentionDeletesTotal">.</span></td>
|
<div class="col-sm-3 col-xs-5"><span id="m-retentionDeletesTotal">.</span></div>
|
||||||
<td class="sparkline"><span id="s-retentionDeletesTotal"></span></td>
|
<div class="col-sm-4"><span id="s-retentionDeletesTotal"></span></div>
|
||||||
<td>(60min)</td>
|
<div class="col-sm-2 hidden-xs">(60min)</div>
|
||||||
</tr>
|
</div>
|
||||||
<tr>
|
<div class="row">
|
||||||
<th>Currently Retained:</th>
|
<div class="col-sm-3 col-xs-7"><b>Currently Retained:</b></div>
|
||||||
<td class="number"><span id="m-retainedCurrent">.</span></td>
|
<div class="col-sm-3 col-xs-5"><span id="m-retainedCurrent">.</span></div>
|
||||||
<td class="sparkline"><span id="s-retainedCurrent"></span></td>
|
<div class="col-sm-4"><span id="s-retainedCurrent"></span></div>
|
||||||
<td>(60min)</td>
|
<div class="col-sm-2 hidden-xs">(60min)</div>
|
||||||
</tr>
|
</div>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user