Paginate statement lines view

drcr/statements/views.py

@@ -25,11 +25,13 @@ from .models import StatementLine, StatementLineReconciliation
 @app.route('/statement-lines')
 def statement_lines():
 	if 'account' in request.args:
-		statement_lines = StatementLine.query.filter_by(source_account=request.args['account']).all()
+		statement_lines = db.select(StatementLine).where(StatementLine.source_account == request.args['account']).order_by(StatementLine.dt)
 	else:
-		statement_lines = StatementLine.query.all()
+		statement_lines = db.select(StatementLine).order_by(StatementLine.dt)
 	
-	return render_template('statements/statement_lines.html', statement_lines=sorted(statement_lines, key=lambda l: l.dt))
+	page = db.paginate(statement_lines, per_page=request.args.get('per_page', 100))
+	
+	return render_template('statements/statement_lines.html', page=page)
 
 @app.route('/statement-lines/charge', methods=['POST'])
 def statement_line_charge():

drcr/templates/statements/statement_lines.html

@@ -22,10 +22,25 @@
 	<h1 class="h2 my-4">Statement lines</h1>
 	
 	<form method="POST">
-		<div class="mb-2">
+		<div class="mb-2 d-flex">
 			{#<button type="submit" class="btn btn-outline-secondary" formaction="/statement-lines/reconcile-transfer">Reconcile selected as transfer</button>#}
+			<div class="flex-grow-1">
 				<a href="/statement-lines/import" class="btn btn-outline-secondary">Import statement</a>
 			</div>
+			<nav class="flex-end">
+				<ul class="pagination">
+					{% if page.prev_num %}<li class="page-item"><a class="page-link" href="?page={{ page.prev_num }}">&lsaquo;</a></li>{% endif %}
+					{% for pageno in page.iter_pages() %}
+						{% if pageno %}
+							<li class="page-item{% if pageno == page.page %} active{% endif %}"><a class="page-link" href="?page={{ pageno }}">{{ pageno }}</a></li>
+						{% else %}
+							<li class="page-item disabled"><a class="page-link">…</a></li>
+						{% endif %}
+					{% endfor %}
+					{% if page.next_num %}<li class="page-item"><a class="page-link" href="?page={{ page.next_num }}">&rsaquo;</a></li>{% endif %}
+				</ul>
+			</nav>
+		</div>
 		
 		<table class="table">
 			<thead>
@@ -41,7 +56,7 @@
 				</tr>
 			</thead>
 			<tbody>
-				{% for line in statement_lines %}
+				{% for line in page.items %}
 					<tr data-line-id="{{ line.id }}">
 						<td><input type="checkbox" name="sel-line-id" value="{{ line.id }}"></td>
 						<td>{{ line.source_account }}</td>