sorting im frontend auswählbar

Author: Pitastic

app/routes.py

@@ -66,7 +66,7 @@ def iban(iban) -> str:
                     amount_min, float (query):  Betragsfilter (größer gleich amount_min)
                     amount_max, float (query):  Betragsfilter (kleiner gleich amount_max)
                     page, int (query):      Seite für die Paginierung (default: 1)
-                    ascending, bool (query): Sortierreihenfolge nach Datum (default: False)
+                    descending, bool (query): Sortierreihenfolge nach Datum (default: True)
                 Returns:
                     html: Startseite mit Navigation
                 """
@@ -78,8 +78,8 @@ def iban(iban) -> str:
 
                 # Table with Transactions
                 current_app.logger.debug(f"Using condition filter: {condition}")
-                rows = parent.db_handler.select(iban, condition,
-                                                descending=bool(request.args.get('descending', True)))
+                sort_order = request.args.get('descending', 'true').lower() == 'true'
+                rows = parent.db_handler.select(iban, condition, descending=sort_order)
 
                 # If pagination is requested, do not serve the whole page and all metadata
                 entries_per_page = 50

app/static/js/functions.js

@@ -88,6 +88,12 @@ function getFilteredList() {
 		arg_concat = '&';
 	}
 
+	let sort_order = document.getElementById('filter-descending').value;
+	if (sort_order) {
+		query_args = query_args + arg_concat + 'descending=' + sort_order;
+		arg_concat = '&';
+	}
+
 	return query_args;
 }
 

app/templates/macros.html

@@ -59,7 +59,7 @@ <h2>Transaktionen filtern</h2>
         </header>
 
         <label>
-            Datum
+            Datum / Reihenfolge
             <div class="grid">
                 <input type="date" id="filter-range-start" placeholder="Start Date: d.m.Y"
                     {% if 'startDate' in filters %}
@@ -75,6 +75,10 @@ <h2>Transaktionen filtern</h2>
                         value=""
                     {% endif %}
                 />
+                <select id="filter-descending">
+                    <option value="true" {{"selected" if not filters.descending or filters.descending == 'true'}}>absteigend</option>
+                    <option value="false" {{"selected" if filters.descending and filters.descending == 'false'}}>aufsteigend</option>
+                </select>
             </div>
         </label>
         <label>

app/ui.py

@@ -120,6 +120,11 @@ def filter_to_condition(self, get_args: dict) -> list:
                 except ValueError:
                     continue
 
+        # - Sort direction
+        sort_desc = get_args.get('descending')
+        if sort_desc is not None:
+            frontend_filters['descending'] = sort_desc
+
         # - Filter for Category
         cat_filter = get_args.get('category')
         if cat_filter is not None: