luxolus
/
open-nomad
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity

Full markup for time series metrics

This commit is contained in:
Michael Lange 2018-09-13 16:31:31 -07:00
parent 93cf97a47b
commit 54efa8ddd5
1 changed files with 38 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
ui/app/templates/clients/client.hbs
View File

@ -85,11 +85,47 @@
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
CPU CPU
{{stats-time-series data=stats.cpu chartClass="is-info"}} <div style="height: 200px">
{{stats-time-series data=stats.cpu chartClass="is-info"}}
</div>
<div class="columns">
<div class="column">
<div class="inline-chart">
<progress
class="progress is-info is-small"
value="{{stats.cpu.lastObject.percent}}"
max="1">
{{stats.cpu.lastObject.percent}}
</progress>
</div>
</div>
<div class="column is-minimum">
{{format-percentage stats.cpu.lastObject.percent total=1}}
</div>
</div>
{{stats.cpu.lastObject.used}} Mhz / {{stats.reservedCPU}} Mhz reserved
</div> </div>
<div class="column"> <div class="column">
Memory Memory
{{stats-time-series data=stats.memory chartClass="is-danger"}} <div style="height: 200px">
{{stats-time-series data=stats.memory chartClass="is-danger"}}
</div>
<div class="columns">
<div class="column">
<div class="inline-chart">
<progress
class="progress is-danger is-small"
value="{{stats.memory.lastObject.percent}}"
max="1">
{{stats.memory.lastObject.percent}}
</progress>
</div>
</div>
<div class="column is-minimum">
{{format-percentage stats.memory.lastObject.percent total=1}}
</div>
</div>
{{format-bytes stats.memory.lastObject.used}} MiB / {{stats.reservedMemory}} MiB reserved
</div> </div>
</div> </div>
</div> </div>