ogcp/ogcp/templates/dashboard.html

86 lines
2.3 KiB
HTML

{% extends 'base.html' %}
{% block content %}
<div class="row">
<div class="m-4 w-25 card text-center">
<div class="card-header">
Connected clients (ogClient)
</div>
<div class="card-body">
<p class="card-text">{{ clients['clients'] | length }}</p>
</div>
</div>
<div class="m-4 w-25 card text-center">
<div class="card-header">
Disk stats
</div>
<div class="card-body">
<ul class="list-group list-group-horizontal">
<li class="list-group-item w-50">
Disk size
</li>
<li class="list-group-item w-50">
used
</li>
<li class="list-group-item w-50">
available
</li>
<li class="list-group-item w-50">
use(%)
</li>
</ul>
<ul class="list-group list-group-horizontal">
<li class="list-group-item w-50">
{{ disk['total'] // 2**30 }} Gbytes
</li>
<li class="list-group-item w-50">
{{ (disk['total'] - disk['free']) // 2**30 }} Gbytes
</li>
<li class="list-group-item w-50">
{{ disk['free'] // 2**30 }} Gbytes
</li>
<li class="list-group-item w-50">
{{ (((disk['total'] - disk['free']) / disk['total']) * 100)|int }}%
</li>
</ul>
</div>
<div class="card-header">
Number of images
</div>
<div class="card-body">
<p class="card-text">{{ images | length }}</p>
</div>
</div>
<div class="m-4 w-25 card text-center">
<div class="card-header">
Latest images
</div>
{% for image in images[:10] %}
<ul class="list-group list-group-horizontal">
<li class="list-group-item w-50">
{{ image['name'] }}
</li>
<li class="list-group-item w-50">
{{ image['modified'] }}
</li>
</ul>
{% endfor %}
</div>
<div class="m-4 w-25 card text-center">
<div class="card-header">
ogLives
</div>
<ul class="list-group">
{% for oglive in oglive_list['oglive'] %}
<li class="list-group-item">
{{ oglive['directory'] }}
{% if loop.index0 == oglive_list['default'] %}
(default)
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</div>
{% endblock %}