list.html 1.29 KB
Newer Older
Kálmán Viktor committed
1 2 3
{% extends "dashboard/base.html" %}
{% load i18n %}

4
{% block title-page %}{% trans "List" %} | {% trans "Store" %}{% endblock %}
Kálmán Viktor committed
5 6 7 8

{% block content %}
<div class="row">
  <div class="col-md-12">
9
    <div id="store-list-container">
10
      {% include "dashboard/store/_list-box.html" %}
11
    </div>
Kálmán Viktor committed
12 13 14
  </div>
</div>

15 16 17
<div style="position: relative;">
  <div class="progress" style="width: 100%">
    <div class="progress-bar" role="progressbar" 
Guba Sándor committed
18 19
      aria-valuenow="{{ quota.used }}" aria-valuemin="0" aria-valuemax="{{ quota.hard }}" 
      style="width: {% widthratio quota.used quota.hard 100 %}%; min-width: 150px;">
20 21 22 23 24
      <div style="padding-top: 2px;">
        {% blocktrans with used=quota.readable_used %}
          {{ used }} used
        {% endblocktrans %}
      </div>
25
    </div>
26

27 28 29 30
    <div class="progress-marker" id="progress-marker-hard" data-placement="left"
      title="{% trans "Hard limit" %}: {{ quota.readable_hard }}">
    </div>
    <div class="progress-marker" id="progress-marker-soft" style="background: orange; 
Guba Sándor committed
31
      left: {% widthratio quota.soft quota.hard 100 %}%"
32
      title="{% trans "Soft limit" %}: {{ quota.readable_soft }}"
33
      data-placement="top">
34
    </div>
35
  </div>
36 37
</div>

Kálmán Viktor committed
38 39 40 41 42
{% endblock %}

{% block extra_js %}
  <script src="{{ STATIC_URL}}dashboard/store.js"></script>
{% endblock %}