feat: bulk edit selected transactions

app/templates/transactions/fragments/bulk_edit.html

@@ -0,0 +1,17 @@
+{% extends 'extends/offcanvas.html' %}
+{% load i18n %}
+{% load crispy_forms_tags %}
+
+{% block title %}{% translate 'Bulk Editing' %}{% endblock %}
+
+{% block body %}
+<p>{% trans 'Editing' %} {{ transactions|length }} {% trans 'transactions' %}</p>
+<div class="editing-transactions">
+  {% for transaction in transactions %}
+    <input type="hidden" name="transactions" value="{{ transaction.id }}"/>
+  {% endfor %}
+</div>
+<form hx-post="{% url 'transactions_bulk_edit' %}" hx-target="#generic-offcanvas" hx-include=".editing-transactions" novalidate>
+    {% crispy form %}
+</form>
+{% endblock %}

app/templates/transactions/widgets/paid_toggle_button.html

@@ -15,4 +15,4 @@
     {% if field.help_text %}
         <div class="help-text">{{ field.help_text|safe }}</div>
     {% endif %}
-</div>
+</div>

app/templates/transactions/widgets/unselectable_income_expense_toggle_buttons.html

@@ -0,0 +1,40 @@
+{% load i18n %}
+{% load crispy_forms_field %}
+
+<div class="form-group mb-3">
+    <div class="btn-group w-100" role="group" aria-label="{{ field.label }}">
+            <input type="radio"
+                   class="btn-check"
+                   name="{{ field.html_name }}"
+                   id="{{ field.html_name }}_none_tr"
+                   value=""
+                   {% if field.value is None %}checked{% endif %}>
+            <label class="btn btn-outline-secondary {% if field.errors %}is-invalid{% endif %} w-100"
+                   for="{{ field.html_name }}_none_tr">
+                {% trans 'Unchanged' %}
+            </label>
+
+        {% for choice in field.field.choices %}
+            <input type="radio"
+                   class="btn-check"
+                   name="{{ field.html_name }}"
+                   id="{{ field.html_name }}_{{ forloop.counter }}_tr"
+                   value="{{ choice.0 }}"
+                   {% if choice.0 == field.value %}checked{% endif %}>
+            <label class="btn {% if forloop.first %}btn-outline-success{% elif forloop.last %}btn-outline-danger{% else %}btn-outline-primary{% endif %} {% if field.errors %}is-invalid{% endif %} w-100"
+                   for="{{ field.html_name }}_{{ forloop.counter }}_tr">
+                {{ choice.1 }}
+            </label>
+        {% endfor %}
+    </div>
+    {% if field.errors %}
+        <div class="invalid-feedback d-block">
+            {% for error in field.errors %}
+                {{ error }}
+            {% endfor %}
+        </div>
+    {% endif %}
+    {% if field.help_text %}
+        <small class="form-text text-muted">{{ field.help_text }}</small>
+    {% endif %}
+</div>

app/templates/transactions/widgets/unselectable_paid_toggle_button.html

@@ -0,0 +1,22 @@
+{% load i18n %}
+{% load crispy_forms_field %}
+
+<div class="form-group mb-3">
+    <div class="btn-group w-100" role="group" aria-label="{{ field.label }}">
+        <input type="radio" class="btn-check" name="{{ field.name }}" id="{{ field.id_for_label }}_null"
+               value="" {% if field.value is None %}checked{% endif %}>
+        <label class="btn btn-outline-secondary w-100" for="{{ field.id_for_label }}_null">{% trans 'Unchaged' %}</label>
+
+        <input type="radio" class="btn-check" name="{{ field.name }}" id="{{ field.id_for_label }}_false"
+               value="false" {% if field.value is False %}checked{% endif %}">
+        <label class="btn btn-outline-primary w-100" for="{{ field.id_for_label }}_false">{% trans 'Projected' %}</label>
+
+        <input type="radio" class="btn-check" name="{{ field.name }}" id="{{ field.id_for_label }}_true"
+               value="true" {% if field.value is True %}checked{% endif %}>
+        <label class="btn btn-outline-success w-100" for="{{ field.id_for_label }}_true">{% trans 'Paid' %}</label>
+    </div>
+
+    {% if field.help_text %}
+        <div class="help-text">{{ field.help_text|safe }}</div>
+    {% endif %}
+</div>