Add total line in account list on index page

nummi/main/static/main/css/plot.css

@@ -77,10 +77,6 @@ table.full-width col.bar {
       background: #eeeeff;
     }
   }
-
-  tfoot {
-    background: var(--bg-01);
-  }
 }
 
 .calendar {

nummi/main/static/main/css/table.css

@@ -45,6 +45,9 @@ table {
       font-weight: 300;
     }
   }
+  tfoot tr:not(.new) {
+    background: var(--bg-01);
+  }
 }
 
 .date,

nummi/main/templates/main/index.html

@@ -41,6 +41,12 @@
                         {% endfor %}
                     </tbody>
                     <tfoot>
+                        <tr>
+                            <td>{{ "functions"|remix }}</td>
+                            <th class="l">{% translate "Total" %}</th>
+                            <td class="value">{{ accounts|balance|value }}</td>
+                            <td></td>
+                        </tr>
                         <tr class="new">
                             <td colspan="4">
                                 <a href="{% url "new_account" %}">{% translate "Create account" %}</a>

nummi/main/templatetags/main_extras.py

@@ -59,3 +59,10 @@ def css(href):
     return mark_safe(
         f"""<link rel="stylesheet" href="{static(href)}" type="text/css">"""
     )
+
+
+@register.filter
+def balance(accounts):
+    return sum(
+        statement.value for acc in accounts if (statement := acc.statement_set.first())
+    )

nummi/main/views.py

@@ -26,9 +26,10 @@ class IndexView(LoginRequiredMixin, TemplateView):
         _max = 8
         _transactions = Transaction.objects.filter(user=self.request.user)
         _statements = Statement.objects.filter(user=self.request.user)
+        _accounts = Account.objects.filter(user=self.request.user)
 
         res = {
-            "accounts": Account.objects.filter(user=self.request.user),
+            "accounts": _accounts,
             "transactions": _transactions[:_max],
             "categories": Category.objects.filter(user=self.request.user),
             "statements": _statements[:_max],