Add semantic markup to Project Overview page

Add a limit-summary class to the graphs on the overview page
and fix the logic of making the rows.

Change-Id: I396724ec5af874021fbfd673e7c49c5fec83245f
Closes-Bug: #1578978
Closes-Bug: #1579164
This commit is contained in:
Ryan Peters
2016-03-17 16:14:44 -05:00
parent 929d1ed50d
commit f8cb496735

View File

@@ -1,16 +1,13 @@
{% load i18n horizon humanize sizeformat %}
{% spaceless %}
<div class="quota-dynamic">
<div class="quota-dynamic limit-summary">
<h3 class="quota-heading">{% trans "Limit Summary" %}</h3>
{% for quota in charts %}
{% if forloop.last or forloop.counter0|divisibleby:6 %}
</div>
{% endif %}
{% if forloop.first or forloop.counter0|divisibleby:6 %}
<div class="row">
{% endif %}
<div class="d3_quota_bar col-lg-2 col-md-3 col-sm-4 col-xs-6 fix-it">
<div class="d3_quota_bar col-lg-2 col-md-4 col-sm-4 col-xs-6">
<div class="pie-chart-usage" data-used="{% quotapercent quota.used quota.max %}"></div>
<div class="quota_title" title="{{ quota.name }}" data-toggle="tooltip"> {{ quota.name }}</div>
<div class="quota_subtitle">
@@ -25,6 +22,11 @@
{% endif %}
</div>
</div>
{% if forloop.last or forloop.counter|divisibleby:6 %}
{% if not forloop.first %}
</div>
{% endif %}
{% endif %}
{% endfor %}
</div>
{% endspaceless %}