добавил хлебные крошки

templates/tariff_app/tarifs.html

@@ -1,16 +1,48 @@
 {% extends 'base.html' %}
 {% block main %}
 
-    <h3>История абонента</h3>
+
+<ol class="breadcrumb">
+  <li><span class="glyphicon glyphicon-home"></span></li>
+  <li class="active">Тарифы</li>
+</ol>
+
+
+    <h3>Список тарифов</h3>
     <div class="table-responsive">
     <table class="table table-striped table-bordered">
         <thead>
             <tr>
-                <th>Тариф</th>
-                <th>Входящая скорость</th>
-                <th>Исходящая скорость</th>
-                <th>Стоимость</th>
-                <th>Время действия</th>
+                <th>
+                    <a href="{% url 'tarifs_link' %}?order_by=title&dir={{ dir|default:"down" }}">
+                        Тариф
+                    </a>
+                    {% if order_by == 'title' %}<span class="glyphicon glyphicon-filter"></span>{% endif %}
+                </th>
+                <th>
+                    <a href="{% url 'tarifs_link' %}?order_by=speedIn&dir={{ dir|default:"down" }}">
+                        Входящая скорость
+                    </a>
+                    {% if order_by == 'speedIn' %}<span class="glyphicon glyphicon-filter"></span>{% endif %}
+                </th>
+                <th>
+                    <a href="{% url 'tarifs_link' %}?order_by=speedOut&dir={{ dir|default:"down" }}">
+                        Исходящая скорость
+                    </a>
+                    {% if order_by == 'speedOut' %}<span class="glyphicon glyphicon-filter"></span>{% endif %}
+                </th>
+                <th>
+                    <a href="{% url 'tarifs_link' %}?order_by=amount&dir={{ dir|default:"down" }}">
+                        Стоимость
+                    </a>
+                    {% if order_by == 'amount' %}<span class="glyphicon glyphicon-filter"></span>{% endif %}
+                </th>
+                <th>
+                    <a href="{% url 'tarifs_link' %}?order_by=time_of_action&dir={{ dir|default:"down" }}">
+                        Время действия
+                    </a>
+                    {% if order_by == 'time_of_action' %}<span class="glyphicon glyphicon-filter"></span>{% endif %}
+                </th>
                 <th width="250">Название скрипта</th>
                 <th width="50">Do</th>
             </tr>