64 lines
2.3 KiB
HTML
64 lines
2.3 KiB
HTML
{% load i18n horizon humanize bootstrap %}
|
|
|
|
<h3>{% block head %}{% trans "Volume Limits" %}{% endblock %}</h3>
|
|
|
|
<div class="quota_title">
|
|
<div class="pull-left">
|
|
<strong>{% trans "Total Gibibytes" %}</strong>
|
|
<span>({% block gigabytes_used %}{{ usages.totalGigabytesUsed|intcomma }}{% endblock %} {% trans "GiB" %})</span>
|
|
</div>
|
|
<span class="pull-right">{{ usages.maxTotalVolumeGigabytes|intcomma|quota:_("GiB") }}</span>
|
|
</div>
|
|
|
|
{{ minifyspace }}
|
|
<div id="quota_size"
|
|
data-progress-indicator-for="id_size"
|
|
data-quota-limit="{{ usages.maxTotalVolumeGigabytes }}"
|
|
data-quota-used={% block gigabytes_used_progress %}"{{ usages.totalGigabytesUsed }}"{% endblock %}
|
|
class="quota_bar">
|
|
{% widthratio usages.totalGigabytesUsed usages.maxTotalVolumeGigabytes 100 as gigabytes_percent %}
|
|
{% bs_progress_bar gigabytes_percent 0 %}
|
|
</div>
|
|
{{ endminifyspace }}
|
|
|
|
<div class="quota_title">
|
|
<div class="pull-left">
|
|
<strong>{% block type_title %}{% trans "Number of Volumes" %}{% endblock %}</strong>
|
|
<span>({% block used %}{{ usages.totalVolumesUsed|intcomma }}{% endblock %})</span>
|
|
</div>
|
|
<span class="pull-right">{% block total %}{{ usages.maxTotalVolumes|intcomma|quota }}{% endblock %}</span>
|
|
</div>
|
|
|
|
{{ minifyspace }}
|
|
<div id={% block type_id %}"quota_volumes"{% endblock %}
|
|
data-quota-limit={% block total_progress %}"{{ usages.maxTotalVolumes }}"{% endblock %}
|
|
data-quota-used={% block used_progress %}"{{ usages.totalVolumesUsed }}"{% endblock %}
|
|
class="quota_bar">
|
|
{% widthratio usages.totalVolumesUsed usages.maxTotalVolumes 100 as volumes_percent %}
|
|
{% if usages.numRequestedItems %}
|
|
{% widthratio 100 usages.maxTotalVolumes usages.numRequestedItems as single_step %}
|
|
{% else %}
|
|
{% widthratio 100 usages.maxTotalVolumes 1 as single_step %}
|
|
{% endif %}
|
|
{% bs_progress_bar volumes_percent single_step %}
|
|
</div>
|
|
{{ endminifyspace }}
|
|
|
|
<script type="text/javascript" charset="utf-8">
|
|
if(typeof horizon.Quota !== 'undefined') {
|
|
horizon.Quota.init();
|
|
} else {
|
|
addHorizonLoadEvent(function() {
|
|
horizon.Quota.init();
|
|
});
|
|
}
|
|
|
|
if(typeof horizon.Volumes !== 'undefined') {
|
|
horizon.Volumes.initWithTypes({{ volume_types|safe|default:"{}" }});
|
|
} else {
|
|
addHorizonLoadEvent(function() {
|
|
horizon.Volumes.initWithTypes({{ volume_types|safe|default:"{}" }});
|
|
});
|
|
}
|
|
</script>
|