Mirrored_Repos/crafty-4
1
0
Fork 0
mirror of https://gitlab.com/crafty-controller/crafty-4.git synced 2024-08-30 18:23:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

adding colors to dashboard based on cpu/mem load

Browse Source
This commit is contained in:
Phillip Tarrant 2020-08-27 20:01:41 -04:00
parent 8ddbfbf173
commit 9b43ef47fe
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app/frontend/templates/panel/dashboard.html
View File

@ -132,15 +132,30 @@
<td> <td>
<div class="progress" data-toggle="tooltip" data-placement="top" title="{{server['stats'][0]['cpu']}}"> <div class="progress" data-toggle="tooltip" data-placement="top" title="{{server['stats'][0]['cpu']}}">
<div class="progress-bar bg-success" role="progressbar" style="width: {{server['stats'][0]['cpu']}}%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> <div class="progress-bar
{% if server['stats'][0]['cpu'] <= 33 %}
bg-success
{% elif 34 <= server['stats'][0]['cpu'] <= 66 %}
bg-warning
{% else %}
bg-danger
{% end %}
" role="progressbar" style="width: {{server['stats'][0]['cpu']}}%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
{{server['stats'][0]['cpu']}}% {{server['stats'][0]['cpu']}}%
</td> </td>
<td> <td>
<div class="progress" data-toggle="tooltip" data-placement="top" title="{{server['stats'][0]['mem']}}"> <div class="progress" data-toggle="tooltip" data-placement="top" title="{{server['stats'][0]['mem']}}">
<div class="progress-bar bg-success" role="progressbar" style="width: {{server['stats'][0]['mem_percent']}}%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> <div class="progress-bar
{% if server['stats'][0]['mem_percent'] <= 33 %}
bg-success
{% elif 34 <= server['stats'][0]['mem_percent'] <= 66 %}
bg-warning
{% else %}
bg-danger
{% end %}
" role="progressbar" style="width: {{server['stats'][0]['mem_percent']}}%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
{{server['stats'][0]['mem_percent']}}% - {{server['stats'][0]['mem']}} {{server['stats'][0]['mem_percent']}}% - {{server['stats'][0]['mem']}}
</td> </td>