89 lines
2.5 KiB
HTML
89 lines
2.5 KiB
HTML
{{define "content"}}
|
||
<h1>nginx-logtail</h1>
|
||
|
||
<div class="tabs">
|
||
{{- range .Windows}}
|
||
<a href="{{.URL}}"{{if .Active}} class="active"{{end}}>{{.Label}}</a>
|
||
{{- end}}
|
||
</div>
|
||
|
||
<div class="tabs">
|
||
{{- range .GroupBys}}
|
||
<a href="{{.URL}}"{{if .Active}} class="active"{{end}}>{{.Label}}</a>
|
||
{{- end}}
|
||
</div>
|
||
|
||
{{if .Targets}}<div class="tabs tabs-targets">
|
||
<span class="tabs-label">source:</span>
|
||
{{- range .Targets}}
|
||
<a href="{{.URL}}"{{if .Active}} class="active"{{end}}>{{.Label}}</a>
|
||
{{- end}}
|
||
</div>{{end}}
|
||
|
||
<form class="filter-form" method="get" action="/">
|
||
<input type="hidden" name="target" value="{{.Params.Target}}">
|
||
<input type="hidden" name="w" value="{{.Params.WindowS}}">
|
||
<input type="hidden" name="by" value="{{.Params.GroupByS}}">
|
||
<input type="hidden" name="n" value="{{.Params.N}}">
|
||
<input class="filter-input" type="text" name="q" value="{{.FilterExpr}}" placeholder="status>=400 AND website~=gouda.* AND uri~=^/api/">
|
||
<button type="submit">filter</button>
|
||
{{- if .FilterExpr}} <a class="clear" href="{{.ClearFilterURL}}">× clear</a>{{end}}
|
||
</form>
|
||
{{- if .FilterErr}}<div class="filter-err">{{.FilterErr}}</div>{{end}}
|
||
|
||
{{if .Breadcrumbs}}
|
||
<div class="crumbs">
|
||
<span class="label">Filters:</span>
|
||
{{- range .Breadcrumbs}}
|
||
<span>{{.Text}}<a href="{{.RemoveURL}}" title="remove filter">×</a></span>
|
||
{{- end}}
|
||
</div>
|
||
{{end}}
|
||
|
||
{{if .Error}}
|
||
<div class="error">{{.Error}}</div>
|
||
{{else}}
|
||
|
||
{{if .Sparkline}}
|
||
<div class="sparkline">
|
||
<small>{{.Params.WindowS}} trend · by {{.Params.GroupByS}}{{if .Source}} · source: {{.Source}}{{end}}</small>
|
||
{{.Sparkline}}
|
||
</div>
|
||
{{end}}
|
||
|
||
{{if .Entries}}
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th class="rank">#</th>
|
||
<th>LABEL</th>
|
||
<th class="num">COUNT</th>
|
||
<th class="num">%</th>
|
||
<th>BAR</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{{- range .Entries}}
|
||
<tr>
|
||
<td class="rank">{{.Rank}}</td>
|
||
<td><a href="{{.DrillURL}}">{{.Label}}</a></td>
|
||
<td class="num">{{fmtCount .Count}}</td>
|
||
<td class="num">{{printf "%.0f" .Pct}}%</td>
|
||
<td class="bar"><meter value="{{printf "%.0f" .Pct}}" max="100"></meter></td>
|
||
</tr>
|
||
{{- end}}
|
||
</tbody>
|
||
</table>
|
||
{{else}}
|
||
<p class="nodata">(no data yet — ring buffer may still be filling)</p>
|
||
{{end}}
|
||
|
||
{{end}}
|
||
|
||
<footer>
|
||
{{- if .Source}}source: {{.Source}} · {{end -}}
|
||
{{fmtCount .TotalCount}} requests · {{.Params.WindowS}} window · by {{.Params.GroupByS}}
|
||
{{- if gt .RefreshSecs 0}} · auto-refresh {{.RefreshSecs}}s{{end}}
|
||
</footer>
|
||
{{end}}
|