{% load i18n horizon humanize sizeformat %}

{% spaceless %}
  <div class="quota-dynamic">
    <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="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">
            {% if quota.max|quotainf != '-1' %}
              {% blocktrans with used=quota.used|intcomma available=quota.max|quotainf|intcomma %}
                Used <span> {{ used }} </span>of<span> {{ available }} </span>
              {% endblocktrans %}
            {% else %}
              {% blocktrans with used=quota.used|intcomma %}
                Used <span> {{ used }} </span>(No Limit)
              {% endblocktrans %}
            {% endif %}
          </div>
        </div>
     {% endfor %}
  </div>
{% endspaceless %}

{% load i18n horizon humanize sizeformat %}

{% spaceless %}
  <div class="quota-dynamic limit-summary">
    <h3 class="quota-heading">{% trans "Limit Summary" %}</h3>
     {% for quota in charts %}
       {% if forloop.first or forloop.counter0|divisibleby:6 %}
         <div class="row">
       {% endif %}
        <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">
            {% if quota.max|quotainf != '-1' %}
              {% blocktrans with used=quota.used|intcomma available=quota.max|quotainf|intcomma %}
                Used <span> {{ used }} </span>of<span> {{ available }} </span>
              {% endblocktrans %}
            {% else %}
              {% blocktrans with used=quota.used|intcomma %}
                Used <span> {{ used }} </span>(No Limit)
              {% endblocktrans %}
            {% endif %}
          </div>
        </div>
       {% if forloop.last or forloop.counter|divisibleby:6 %}
         {% if not forloop.first %}
           </div>
         {% endif %}
       {% endif %}
     {% endfor %}
  </div>
{% endspaceless %}

Add semantic markup to Project Overview page
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
