notifications.html 1.83 KB
Newer Older
1 2
{% extends "dashboard/base.html" %}
{% load i18n %}
3 4 5

{% block title-page %}{% trans "Notifications" %}{% endblock %}

6 7 8 9 10 11
{% block content %}

<div class="row">
  <div class="col-md-12">
    <div class="panel panel-default">
      <div class="panel-heading">
12 13 14 15 16 17 18 19 20 21 22 23
        <div id="notifications-upper-pagination" class="pull-right">
          {% if page.has_previous %}
            <a href="?page={{ page.previous_page_number }}">
              <i class="fa fa-chevron-left"></i></a>
            </a>
          {% endif %}
          {{ page.number }} / {{ paginator.num_pages }}
          {% if page.has_next %}
          <a href="?page={{ page.next_page_number }}"><i class="fa fa-chevron-right"></i></a>
          {% endif %}
        </div>

24
        <h3 class="no-margin"><i class="fa fa-desktop"></i> {% trans "Notifications" %}</h3>
25 26 27 28 29 30
      </div>
      <div class="panel-body">
        <ul style="list-style: none;">
          {% include "dashboard/_notifications-timeline.html" %}
        </ul>
      </div>
31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53
      <div class="panel-body text-center" id="notifications-bottom-pagination">
        {% if page.has_previous %}
        <a href="?page=1">
          <i class="fa fa-angle-double-left"></i>
        </a>
        <a href="{% if page.has_previous %}?page={{ page.previous_page_number}}{% else %}#{% endif %}">
          <i class="fa fa-angle-left"></i>
        </a>
        {% endif %}

        <div class="page-numbers">
          {{ page.number }} / {{ paginator.num_pages }}
        </div>

        {% if page.has_next %}
        <a href="{% if page.has_next %}?page={{ page.next_page_number}}{% else %}#{% endif %}">
          <i class="fa fa-angle-right"></i>
        </a>
        <a href="?page={{ paginator.num_pages }}">
          <i class="fa fa-angle-double-right"></i>
        </a>
        {% endif %}
      </div>
54 55 56 57 58
    </div>
  </div>
</div>

{% endblock %}