jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Rework disk usage graphs and give more information what is installed where

Browse Source
This commit is contained in:
Johannes Zellner
2019-08-19 16:50:03 +02:00
parent 09f7c35dac
commit 6b4893b854
2 changed files with 39 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/views/graphs.html
View File

@@ -39,18 +39,23 @@
<h2>Disk Usage</h2>
</div>
<div class="card card-large text-center">
<div class="row">
<div class="card card-large">
<div class="row" ng-repeat="disk in disks" style="margin-bottom: 20px;">
<div class="col-md-12">
<h4><span class="badge">{{ diskUsage['system'].sum }} GB</span></h4>
<div style="width: 200px; height: 200px; margin: auto;">
<canvas id="systemDiskUsageChart" style="width: 200px; height: 200px;"></canvas>
<h3>{{ disk.filesystem }} <small>mounted at</small> {{ disk.mountpoint }} <span class="badge pull-right">{{ disk.size }} GB</span></h3>
<div class="progress">
<div class="progress-bar progress-bar-success" style="width: {{ disk.occupied / disk.size * 100 }}%">
{{ disk.occupied }} GB used
</div>
</div>
<p>
<span class="text-success">Free {{ diskUsage['system'].free }} GB</span>
&nbsp;
<span class="text-primary">Used {{ diskUsage['system'].used }} GB</span>
</p>
<br/>
<p>This {{ disk.type }} disk contains:</p>
<ul>
<li ng-show="disk.containsPlatformData">Platform data</li>
<li ng-show="disk.containsBoxData">Box data</li>
<li ng-show="disk.containsAppsData">Default apps data</li>
<li ng-repeat="app in disk.apps"><b>{{ app.manifest.title }}</b> installed at <a href="https://{{ app.fqdn }}" target="_blank">{{ app.fqdn }}</a></li>
</ul>
</div>
</div>
</div>