Add disk stats to the dashboard

Add the following disk stats to the dashboard:

* Disk size: shows the amount of total disk size in Gibibytes.

* used: shows the amount of used disk size in Gibibytes.

* available: shows the amount of free disk size in Gibibytes.

* use(%): shows the amount of used disk size in percentage.
multi-ogserver
Javier Sánchez Parra 2021-03-30 14:23:28 +02:00 committed by OpenGnSys Support Team
parent 7f0d1ab287
commit 8441d844d1
2 changed files with 35 additions and 1 deletions

View File

@ -11,6 +11,39 @@
</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>

View File

@ -124,8 +124,9 @@ def index():
images_response = g.server.get('/images')
images = images_response.json()['images']
images.sort(key=image_modified_date_from_str, reverse=True)
disk = images_response.json()['disk']
return render_template('dashboard.html', clients=clients,
images=images)
images=images, disk=disk)
return render_template('base.html')
@app.route('/login', methods=['GET', 'POST'])