devicehub-django/device/templates/tabs/log.html

{% load i18n %}

<div class="tab-pane fade" id="log">
  <div class="table-responsive">
    <table class="table table-striped table-hover table-bordered bg-gradient">
      <thead >
        <tr>
          <th scope="col">{% trans 'Date' %}</th>
          <th scope="col">{% trans 'Event' %}</th>
          <th scope="col">{% trans 'User' %}</th>
        </tr>
      </thead>    
      <tbody>
        {% for log in device_logs %}
          <tr>
            <td width="13%">{{ log.date|date:"M j, Y, H:i" }}</td>
            <td class="fst-italic">{{ log.event }}</td>
            <td>{{ log.user.get_full_name|default:log.user.username }}</td>
          </tr>
        {% empty %} 
          <tr>
            <td colspan="3" class="text-center">{% trans 'No logs recorded.' %}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
<nav aria-label="Page navigation">
    <ul class="pagination justify-content-center">
        {% if device_logs.has_previous %}
            <li class="page-item">
                <a class="page-link" href="?page=1" aria-label="First">
                    <span aria-hidden="true">&laquo; First</span>
                </a>
            </li>
            <li class="page-item">
                <a class="page-link" href="?page={{ device_logs.previous_page_number }}" aria-label="Previous">
                    <span aria-hidden="true">&lsaquo; Previous</span>
                </a>
            </li>
        {% endif %}

        <li class="page-item active">
            <span class="page-link">
                Page {{ device_logs.number }} of {{ device_logs.paginator.num_pages }}
            </span>
        </li>

        {% if device_logs.has_next %}
            <li class="page-item">
                <a class="page-link" href="?page={{ device_logs.next_page_number }}" aria-label="Next">
                    <span aria-hidden="true">Next &rsaquo;</span>
                </a>
            </li>
            <li class="page-item">
                <a class="page-link" href="?page={{ device_logs.paginator.num_pages }}" aria-label="Last">
                    <span aria-hidden="true">Last &raquo;</span>
                </a>
            </li>
        {% endif %}
    </ul>
</nav>
</div>