Add paginated transaction view

nummi/main/templates/main/base.html

@@ -18,19 +18,23 @@
 		{% spaceless %}
 		<nav>
 			<a href="{% url 'index' %}"
-				class="home{% if request.resolver_match.url_name == "index" %} cur{% endif %}">
+				class="home{% if request.resolver_match.url_name == 'index' %}cur{% endif %}">
 				Nummi
 			</a>
+			<a href="{% url 'transactions' %}"
+				class="{% if request.resolver_match.url_name == 'transactions' %}cur{% endif %}">
+				Transactions
+			</a>
 			<a href="{% url 'transaction' %}"
-				class="{% if request.resolver_match.url_name == "transaction" %} cur{% endif %}">
+				class="{% if request.resolver_match.url_name == 'transaction' %}cur{% endif %}">
 				Add transaction
 			</a>
 			<a href="{% url 'category' %}"
-				class="{% if request.resolver_match.url_name == "category" %} cur{% endif %}">
+				class="{% if request.resolver_match.url_name == 'category' %}cur{% endif %}">
 				Add category
 			</a>
 			<a href="{% url 'snapshot' %}"
-				class="{% if request.resolver_match.url_name == "snapshot" %} cur{% endif %}">
+				class="{% if request.resolver_match.url_name == 'snapshot' %}cur{% endif %}">
 				Add snapshot
 			</a>
 			<a href="{% url 'logout' %}"

nummi/main/templates/main/transactions.html

@@ -0,0 +1,31 @@
+{% extends "main/base.html" %}
+{% load static %}
+{% load main_extras %}
+
+{% block link %}
+{{ block.super }}
+<link rel="stylesheet" href="{% static 'main/css/table.css' %}" type="text/css" />
+{% endblock %}
+
+{% block body %}
+<h1>Transactions</h1>
+{% transaction_table transactions %}
+
+<div class="pagination">
+	<span class="step-links">
+		{% if page_obj.has_previous %}
+			<a href="?page=1">↞</a>
+			<a href="?page={{ page_obj.previous_page_number }}">←</a>
+		{% endif %}
+
+		<span class="current">
+			{{ page_obj.number }}/{{ page_obj.paginator.num_pages }}
+		</span>
+
+		{% if page_obj.has_next %}
+			<a href="?page={{ page_obj.next_page_number }}">→</a>
+			<a href="?page={{ page_obj.paginator.num_pages }}">↠</a>
+		{% endif %}
+	</span>
+</div>
+{% endblock %}