swizzin_dashboard/templates/quotainfo.html
liaralabs 4db8ccede1
Refactor disk and quota info (#1)
* Add WIP

* Fix typo

* Add disk macros

* Close tags

* Remove cruft

* Don't hover

* WIP glances

* Don't fill empty space

* remove bind mounts

* remove fuse entires also

* Rename to quota

* Hide drives

* Fix

* Fix function called

* Fix js

* Attempt at expanding card

* Fix expandable logic

* Don't adjust behavior every 4th item

* Right align

* Add logic to prevent errors when exactly 3 mounts
2020-03-30 16:47:42 -07:00

23 lines
No EOL
973 B
HTML

<div class="card border-dark mt-3">
<div class="card-header">Disk Quota Info</div>
<div class="card-body">
<div class="row">
<div class="col">
<h5 class="text-center">Used</h5>
<p class="text-center"><span id="quotaused"></span></p>
</div>
<div class="col">
<h5 class="text-center">Free</h5>
<p class="text-center"><span id="quotafree"></span></p>
</div>
<div class="col">
<h5 class="text-center">Total</h5>
<p class="text-center"><span id="quotatotal"></span></p>
</div>
</div>
<div class="progress">
<div id="quotaprogress" class="progress-bar bg-warning" role="progressbar" style="" aria-valuenow="" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p class="text-center">You have used <span id="quotapercent"></span>% of your disk quota</p>
</div>
</div>