From 8e67a28abd5afb6dd1f7e8ea72ff6bb1ac44d124 Mon Sep 17 00:00:00 2001
From: Michael Prior <michael-prior@tutanota.de>
Date: Mon, 17 Nov 2025 17:37:28 +0100
Subject: [PATCH 01/31] Return Message Styles angefangen

---
 app/static/css/style.css   | 10 +++++++++-
 app/static/js/functions.js | 10 +++++++---
 app/static/js/index.js     | 11 ++++++++---
 app/templates/index.html   | 24 ++++++++++++++++--------
 4 files changed, 40 insertions(+), 15 deletions(-)

diff --git a/app/static/css/style.css b/app/static/css/style.css
index ff9a724..0ff2689 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -15,6 +15,10 @@ main {
   flex: 1;
 }
 
+.container.hero {
+    margin-top: 10%;
+}
+
 /* Pico Tooltip Feature with newlines*/
 .long-tooltip:before {
     white-space: wrap;
@@ -118,7 +122,10 @@ button.info {
     }
     .tag-chip:hover, .tag-chip a, .tag-chip a:hover {
         text-decoration: none;
-        color: initial;
+        color: var(--pico-code-kbd-color);
+    }
+    .tag-chip a.remove:hover{
+        color: var(--pico-color-red-500);
     }
     .tag-chip.category {
         background-color: cornflowerblue;
@@ -126,6 +133,7 @@ button.info {
     .tag-chip.parsed {
         background-color: blueviolet;
     }
+
     .tag-chip a {
         margin-left: 0.33em;
         color: var(--pico-secondary);
diff --git a/app/static/js/functions.js b/app/static/js/functions.js
index 0df5fdd..8929423 100644
--- a/app/static/js/functions.js
+++ b/app/static/js/functions.js
@@ -305,10 +305,12 @@ function manualTag(t_ids, tags, overwrite) {
 
     apiSubmit(api_function, tagging, function (responseText, error) {
         if (error) {
-            alert('Tagging failed: ' + '(' + error + ')' + responseText);
+            alert('Tagging fehlgeschlagen: ' + '(' + error + ')');
 
         } else {
-            alert('Entries tagged successfully!' + responseText);
+			const success_msg = JSON.parse(responseText);
+			const counts = success_msg.updated != 1 ? success_msg.updated + ' Einträge' : success_msg.updated + ' Eintrag';
+			alert(counts + ' getaggt');
             window.location.reload();
 
         }
@@ -365,7 +367,9 @@ function manualCat(t_ids, cat) {
             alert('Tagging failed: ' + '(' + error + ')' + responseText);
 
         } else {
-            alert('Entries tagged successfully!' + responseText);
+			const success_msg = JSON.parse(responseText);
+			const counts = success_msg.updated != 1 ? success_msg.updated + ' Einträge' : success_msg.updated + ' Eintrag';
+			alert(counts + ' kategorisiert');
             window.location.reload();
 
         }
diff --git a/app/static/js/index.js b/app/static/js/index.js
index 5059fb2..c8bfdf0 100644
--- a/app/static/js/index.js
+++ b/app/static/js/index.js
@@ -214,17 +214,22 @@ function uploadFile() {
 
     const fileInput = document.getElementById('file-input');
     if (fileInput.files.length === 0) {
-        alert('Please select a file to upload.');
+        alert('Es wurde keine Datei ausgewählt.');
         return;
     }
 
     const params = { file: 'file-input', 'bank':  bank_id}; // The value of 'file' corresponds to the input element's ID
     apiSubmit('upload/' + iban, params, function (responseText, error) {
         if (error) {
-            alert('File upload failed: ' + '(' + error + ')' + responseText);
+            //const error_msg = JSON.parse(responseText) || "unbekannter Fehler";
+            //alert('Datei Upload fehlgeschlagen ' + '(' + error + '): ' + error_msg);
+            alert('Datei Upload fehlgeschlagen ' + '(' + error + ')');
 
         } else {
-            if (confirm('File uploaded successfully!' + responseText + '\nKonto aufrufen?')) {
+            let success_msg = JSON.parse(responseText);
+            success_msg = 'Es wurden ' + success_msg.inserted + ' Transaktionen aus der ' + success_msg.size +
+                          ' Byte großen Datei importiert.\n\nMöchtest du das Konto jetzt aufrufen?'
+            if (confirm(success_msg)) {
                 window.location.href = '/' + iban;
             } else {
                 prepareAddModal('add-iban', null, iban);
diff --git a/app/templates/index.html b/app/templates/index.html
index e3151db..d4be7ba 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -2,16 +2,20 @@
 
 {% block content %}
 
-<hgroup class="container">
-    <h1>Pynance Parser</h1>
-    <p>Manage your Bankaccounts like a Boss !</p>
-</hgroup>
+<header>
+    <hgroup class="container hero">
+        <h1>Pynance Parser</h1>
+        <p>Manage Bankaccounts like a Boss !</p>
+    </hgroup>
+</header>
 
 <main class="container">
 
-    <p>
-        Importiere neue Kontoumsätze oder wähle die Übersicht aus, an der du weiterarbeiten möchtest. Das Konto wird bei einem Import automatisch erstellt.
-    </p>
+    <section>
+        <p>
+            Importiere neue Kontoumsätze oder wähle die Übersicht aus, an der du weiterarbeiten möchtest.
+        </p>
+    </section>
 
     <section class="grid m-12 l-6-6 xl-8-4 margin">
 
@@ -48,7 +52,11 @@ <h1>Pynance Parser</h1>
         </article>
 
     </section>
-    
+
+    <section>
+        <p>Das Konto wird bei einem Import automatisch erstellt.</p>
+    </section>
+
 </main>
 
 <footer>

From 4e8e3eb4b8be92777bacc017809c80190f5dcfe8 Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Mon, 17 Nov 2025 22:26:05 +0100
Subject: [PATCH 02/31] Erster Error Handler

---
 app/routes.py                     | 40 ++++++++++++----
 app/static/js/index.js            |  5 +-
 tests/test_integ_app_protected.py |  5 ++
 tests/test_integ_more_routes.py   | 80 +++++++++++++++++++++++++++++++
 4 files changed, 118 insertions(+), 12 deletions(-)
 create mode 100644 tests/test_integ_more_routes.py

diff --git a/app/routes.py b/app/routes.py
index b6344f8..c4040c7 100644
--- a/app/routes.py
+++ b/app/routes.py
@@ -2,9 +2,10 @@
 """Routen für das User Interface."""
 
 import os
+import json
 from datetime import datetime
 from flask import request, current_app, render_template, redirect, \
-                  make_response, send_from_directory
+                  make_response, send_from_directory, abort
 
 
 class Routes:
@@ -343,15 +344,20 @@ def uploadIban(iban):
                     path = f'{path}.pdf'
 
                 # Read Input and Parse the contents
-                parsed_data = parent.read_input(
-                    path, bank=request.form.get('bank', 'Generic'),
-                    data_format=content_format
-                )
+                try:
+                    parsed_data = parent.read_input(
+                        path, bank=request.form.get('bank', 'Generic'),
+                        data_format=content_format
+                    )
+
+                    # Verarbeitete Kontiumsätze in die DB speichern
+                    # und vom Objekt und Dateisystem löschen
+                    insert_result = parent.db_handler.insert(parsed_data, iban)
+                    inserted = insert_result.get('inserted')
+
+                except (KeyError, ValueError, NotImplementedError) as _:
+                    abort(406)
 
-                # Verarbeitete Kontiumsätze in die DB speichern
-                # und vom Objekt und Dateisystem löschen
-                insert_result = parent.db_handler.insert(parsed_data, iban)
-                inserted = insert_result.get('inserted')
                 os.remove(path)
 
                 return_code = 201 if inserted else 200
@@ -685,3 +691,19 @@ def statsIban(iban):
 
                 stats = parent.db_handler.min_max_collection(iban, 'date_tx')
                 return stats, 200
+
+            # - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+            # - Error Handling  - - - - - - - - - - - - - - - - - - -
+            # - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+            @current_app.errorhandler(406)
+            def wrong_api_usage(e):
+                # Only Handle API
+                if not request.path.startswith('/api/'):
+                    return e
+
+                # replace the body with JSON
+                return {
+                    "error": ("Die hochgeladene Datei konnte nicht verarbeitet werden, "
+                              "da das Format unvollständig ist oder nicht erwartet wurde.")
+                }, 406
diff --git a/app/static/js/index.js b/app/static/js/index.js
index c8bfdf0..08c843b 100644
--- a/app/static/js/index.js
+++ b/app/static/js/index.js
@@ -221,9 +221,8 @@ function uploadFile() {
     const params = { file: 'file-input', 'bank':  bank_id}; // The value of 'file' corresponds to the input element's ID
     apiSubmit('upload/' + iban, params, function (responseText, error) {
         if (error) {
-            //const error_msg = JSON.parse(responseText) || "unbekannter Fehler";
-            //alert('Datei Upload fehlgeschlagen ' + '(' + error + '): ' + error_msg);
-            alert('Datei Upload fehlgeschlagen ' + '(' + error + ')');
+            const error_msg = JSON.parse(responseText).error || "unbekannter Fehler";
+            alert('Fehler ' + error + ': ' + error_msg);
 
         } else {
             let success_msg = JSON.parse(responseText);
diff --git a/tests/test_integ_app_protected.py b/tests/test_integ_app_protected.py
index eef78ff..274ee17 100644
--- a/tests/test_integ_app_protected.py
+++ b/tests/test_integ_app_protected.py
@@ -26,6 +26,7 @@ def test_read_input_csv(test_app):
         assert r.get('inserted') == 5, \
             "Es wurden nicht alle Einträge in die DB eingefügt."
 
+
 @pytest.mark.skip(reason="Currently not implemented yet")
 def test_read_input_pdf():
     """
@@ -35,6 +36,7 @@ def test_read_input_pdf():
     """
     return
 
+
 @pytest.mark.skip(reason="Currently not implemented yet")
 def test_read_input_html():
     """
@@ -70,11 +72,13 @@ def test_set_manual_tag(test_app):
             'Test_Second' in rows[0].get('tags'), \
             f'Der Tag wurde nicht gesetzt: {rows[0]}'
 
+
 @pytest.mark.skip(reason="Currently not implemented yet")
 def test_create_user():
     """Testet das Anlegen eines Users"""
     return
 
+
 def test_load_ruleset_all(test_app):
     """Testet das Laden aller Regeln für den anfragenden Benutzer"""
     #TODO: User erkennen und für den Test setzen
@@ -85,6 +89,7 @@ def test_load_ruleset_all(test_app):
         assert rules.get('Supermarkets'), "Die Regel 'Supermarkets' wurde nicht gefunden"
         assert rules.get('City Tax'), "Die Regel 'City Tax' wurde nicht gefunden"
 
+
 def test_load_ruleset_one(test_app):
     """Testet das Laden einer bestimmten Regeln für den anfragenden Benutzer"""
     #TODO: User erkennen und für den Test setzen
diff --git a/tests/test_integ_more_routes.py b/tests/test_integ_more_routes.py
new file mode 100644
index 0000000..233648a
--- /dev/null
+++ b/tests/test_integ_more_routes.py
@@ -0,0 +1,80 @@
+#!/usr/bin/python3 # pylint: disable=invalid-name
+"""Testing other routes from the app with some requests"""
+
+import io
+import os
+import sys
+
+
+# Add Parent for importing from 'app.py'
+parent_dir = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
+sys.path.append(parent_dir)
+
+from helper import get_testfile_contents
+
+EXAMPLE_CSV = os.path.join(
+    os.path.dirname(os.path.realpath(__file__)),
+    'commerzbank.csv'
+)
+
+
+def test_upload_file_route(test_app):
+    """Upload Testdata for further testing"""
+
+    with test_app.app_context():
+
+        with test_app.test_client() as client:
+
+            # Prepare File
+            content = get_testfile_contents(EXAMPLE_CSV, binary=True)
+            files = {
+                'file-input': (io.BytesIO(content), 'commerzbank.csv'),
+                'bank': 'Commerzbank'
+            }
+
+            # Post File
+            result = client.post(
+                "/api/upload/DE89370400440532013000",
+                data=files, content_type='multipart/form-data'
+            )
+
+            # Check Response
+            assert result.status_code == 201, \
+                f"Die Seite hat den Upload nicht wie erwartet verarbeitet: {result.text}"
+            assert result.json.get('filename') == 'commerzbank.csv', \
+                "Angaben zum Upload wurden nicht gefunden"
+
+
+def test_get_error_messages(test_app):
+    """
+    Testet das Auslesen der Fehlermeldungen,
+    wenn es zu einem Fehler beim Handling des Requests kommt.
+    """
+    with test_app.app_context():
+
+        with test_app.test_client() as client:
+            # Make faulty Request
+            result = client.get("/api/non_existing_route")
+
+            # Check Response
+            assert result.status_code == 404, \
+                "Die Seite hat den fehlerhaften Request nicht wie erwartet verarbeitet."
+
+            # Faulty Upload
+            # - Prepare faulty File
+            content = get_testfile_contents(EXAMPLE_CSV, binary=True)
+            files = {
+                'file-input': (io.BytesIO(content), 'commerzbank.csv')
+            }
+
+            # Post faulty File (missing 'bank' field for Generic importer)
+            result = client.post(
+                "/api/upload/DE89370400440532013000",
+                data=files, content_type='multipart/form-data'
+            )
+
+            # Check Response
+            assert result.status_code == 406, \
+                "Die Seite hat den fehlerhaften Upload nicht wie erwartet verarbeitet."
+            assert 'error' in result.json, \
+                "Fehlermeldung wurde nicht im Response gefunden."

From 0a3aa767407b0ef47dfde0d63d0a10c9c21450e3 Mon Sep 17 00:00:00 2001
From: Michael Prior <michael-prior@tutanota.de>
Date: Fri, 21 Nov 2025 15:53:59 +0100
Subject: [PATCH 03/31] resultText Handling in Index (untested)

---
 app/routes.py              | 33 +++++++++++----------------------
 app/static/js/functions.js | 21 +++++++++++++++++++++
 app/static/js/index.js     | 30 ++++++++++++++++--------------
 3 files changed, 48 insertions(+), 36 deletions(-)

diff --git a/app/routes.py b/app/routes.py
index c4040c7..b7b03e4 100644
--- a/app/routes.py
+++ b/app/routes.py
@@ -238,7 +238,7 @@ def addGroup(groupname):
                 assert ibans is not None, 'No IBANs provided'
                 r = parent.db_handler.add_iban_group(groupname, ibans)
                 if not r.get('inserted'):
-                    return {'error': 'No Group added', 'reason': r.get('error')}, 400
+                    return {'error': f'Keine Gruppe angelegt: {r.get("error")}'}, 400
 
                 return r, 201
 
@@ -281,7 +281,7 @@ def saveMeta(rule_type):
                 r = parent.db_handler.set_metadata(entry, overwrite=True)
 
                 if not r.get('inserted'):
-                    return {'error': 'No data inserted', 'reason': r.get('error')}, 400
+                    return {'error': f'No data inserted: {r.get("error")}'}, 400
 
                 return r, 201
 
@@ -355,8 +355,14 @@ def uploadIban(iban):
                     insert_result = parent.db_handler.insert(parsed_data, iban)
                     inserted = insert_result.get('inserted')
 
-                except (KeyError, ValueError, NotImplementedError) as _:
-                    abort(406)
+                except (KeyError, ValueError, NotImplementedError) as ex:
+                    return {
+                        "error": (
+                            "Die hochgeladene Datei konnte nicht verarbeitet werden, "
+                            "da das Format unvollständig ist oder nicht erwartet wurde: "
+                            + ex.__class__.__name__ + " " + str(ex)
+                        )
+                    }, 406
 
                 os.remove(path)
 
@@ -402,8 +408,7 @@ def deleteDatabase(iban):
                 Returns:
                     json: Informationen zum Ergebnis des Löschauftrags.
                 """
-                deleted_entries = parent.db_handler.truncate(iban)
-                return {'deleted': deleted_entries}, 200
+                return parent.db_handler.truncate(iban), 200
 
             @current_app.route('/api/tag/<iban>', methods=['PUT'])
             def tag(iban) -> dict:
@@ -691,19 +696,3 @@ def statsIban(iban):
 
                 stats = parent.db_handler.min_max_collection(iban, 'date_tx')
                 return stats, 200
-
-            # - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-            # - Error Handling  - - - - - - - - - - - - - - - - - - -
-            # - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-            @current_app.errorhandler(406)
-            def wrong_api_usage(e):
-                # Only Handle API
-                if not request.path.startswith('/api/'):
-                    return e
-
-                # replace the body with JSON
-                return {
-                    "error": ("Die hochgeladene Datei konnte nicht verarbeitet werden, "
-                              "da das Format unvollständig ist oder nicht erwartet wurde.")
-                }, 406
diff --git a/app/static/js/functions.js b/app/static/js/functions.js
index 8929423..63f19f5 100644
--- a/app/static/js/functions.js
+++ b/app/static/js/functions.js
@@ -374,4 +374,25 @@ function manualCat(t_ids, cat) {
 
         }
     }, false);
+}
+
+
+/* Formats an Error Responses from an AJAX Call
+*
+* @param {number} error_code The HTTP status code from the AJAX call
+* @param {string} responseText The response text from the AJAX call
+*
+*/
+function showAjaxError(error_code, responseText) {
+	const error_msg = JSON.parse(responseText).error || "unbekannter Fehler";
+	alert('Fehler ' + error_code + ': ' + error_msg);
+}
+
+/* Formats a Result from an AJAX Call (JSON as Text)
+*
+* @param {string} responseText The response text from the AJAX call
+*
+*/
+function formatResultText(responseText) {
+	return JSON.stringify(JSON.parse(responseText), null, 4);
 }
\ No newline at end of file
diff --git a/app/static/js/index.js b/app/static/js/index.js
index 08c843b..83c490f 100644
--- a/app/static/js/index.js
+++ b/app/static/js/index.js
@@ -120,10 +120,10 @@ function loadSetting() {
 
     apiGet('getMeta/' + setting_uuid, {}, function (responseText, error) {
         if (error) {
-            alert('Settings not loaded: ' + '(' + error + ')' + responseText);
+            showAjaxError(error, responseText);
 
         } else {
-            result_text.value = responseText;
+            result_text.value = formatResultText(responseText);
 
         }
     });
@@ -158,10 +158,10 @@ function saveSetting() {
 
     apiSubmit('saveMeta/' + meta_type, payload, function (responseText, error) {
         if (error) {
-            alert('Settings not saved: ' + '(' + error + ')' + responseText);
+            showAjaxError(error, responseText);
 
         } else {
-            alert('Settings saved: ' + responseText)
+            alert('Einstellungen gespeichert' + responseText)
             result_text.value = '';
 
         }
@@ -189,10 +189,11 @@ function importSettings() {
     const params = { file: 'file-input' }; // The value of 'file' corresponds to the input element's ID
     apiSubmit('upload/metadata/' + settings_type, params, function (responseText, error) {
         if (error) {
-            alert('File upload failed: ' + '(' + error + ')' + responseText);
+            showAjaxError(error, responseText);
 
         } else {
-            alert('File uploaded successfully!' + responseText);
+            let success_msg = JSON.parse(responseText);
+            alert('Es wurden ' + success_msg.inserted + ' Einträge aus der Datei importiert.');
             window.location.href = '/' + settings_type;
 
         }
@@ -221,13 +222,13 @@ function uploadFile() {
     const params = { file: 'file-input', 'bank':  bank_id}; // The value of 'file' corresponds to the input element's ID
     apiSubmit('upload/' + iban, params, function (responseText, error) {
         if (error) {
-            const error_msg = JSON.parse(responseText).error || "unbekannter Fehler";
-            alert('Fehler ' + error + ': ' + error_msg);
+            showAjaxError(error, responseText);
 
         } else {
             let success_msg = JSON.parse(responseText);
-            success_msg = 'Es wurden ' + success_msg.inserted + ' Transaktionen aus der ' + success_msg.size +
-                          ' Byte großen Datei importiert.\n\nMöchtest du das Konto jetzt aufrufen?'
+            success_msg = 'Es wurden ' + success_msg.inserted + ' Transaktionen aus der ' +
+                            Math.round(success_msg.size / 1024 * 100) / 100 +
+                          ' KB großen Datei importiert.\n\nMöchtest du das Konto jetzt aufrufen?'
             if (confirm(success_msg)) {
                 window.location.href = '/' + iban;
             } else {
@@ -257,10 +258,10 @@ function saveGroup() {
 
     apiSubmit('addgroup/' + groupname, params, function (responseText, error) {
         if (error) {
-            alert('Gruppe nicht angelegt: ' + '(' + error + ')' + responseText);
+            showAjaxError(error, responseText);
 
         } else {
-            alert('Gruppe gespeichert!' + responseText);
+            alert('Gruppe gespeichert!');
             window.location.reload();
 
         }
@@ -287,10 +288,11 @@ function deleteDB(delete_group) {
 
     apiGet('deleteDatabase/'+ collection, {}, function (responseText, error) {
         if (error) {
-            alert('Delete failed: ' + '(' + error + ')' + responseText);
+            showAjaxError(error, responseText);
 
         } else {
-            alert('DB deleted successfully!' + responseText);
+            let success_msg = JSON.parse(responseText);
+            alert(success_msg.deleted + ' IBAN(s) / Gruppe(n) gelöscht');
             window.location.reload();
 
         }

From d3f93a5db148e6ca52caefe8dc49ed2b34b3f60a Mon Sep 17 00:00:00 2001
From: Michael Prior <michael-prior@tutanota.de>
Date: Fri, 21 Nov 2025 16:05:46 +0100
Subject: [PATCH 04/31] Upload Settings

---
 app/routes.py            | 10 +++++-----
 app/static/js/index.js   | 38 ++++++++++++++++++++++++++++++++++----
 app/templates/index.html |  4 ++--
 3 files changed, 41 insertions(+), 11 deletions(-)

diff --git a/app/routes.py b/app/routes.py
index b7b03e4..2efc4a4 100644
--- a/app/routes.py
+++ b/app/routes.py
@@ -2,10 +2,9 @@
 """Routen für das User Interface."""
 
 import os
-import json
 from datetime import datetime
 from flask import request, current_app, render_template, redirect, \
-                  make_response, send_from_directory, abort
+                  make_response, send_from_directory
 
 
 class Routes:
@@ -324,7 +323,7 @@ def uploadIban(iban):
                 """
                 input_file = request.files.get('file-input')
                 if not input_file:
-                    return {'error': 'No file provided'}, 400
+                    return {'error': 'Es wurde keine Datei übermittelt.'}, 400
 
                 # Store Upload file to tmp
                 path = '/tmp/transactions.tmp'
@@ -385,9 +384,10 @@ def uploadRules(metadata):
                 Returns:
                     json: Informationen zur Datei und Ergebnis der Untersuchung.
                 """
-                input_file = request.files.get('file-input')
+                print(request.files)
+                input_file = request.files.get('settings-input')
                 if not input_file:
-                    return {'error': 'No file provided'}, 400
+                    return {'error': 'Es wurde keine Datei übermittelt.'}, 400
 
                 # Store Upload file to tmp
                 path = f'/tmp/{metadata}.tmp'
diff --git a/app/static/js/index.js b/app/static/js/index.js
index 83c490f..c3b7f34 100644
--- a/app/static/js/index.js
+++ b/app/static/js/index.js
@@ -2,7 +2,7 @@
 
 document.addEventListener('DOMContentLoaded', function () {
 
-    // Import Input
+    // Import Input (IBAN)
     const fileInput = document.getElementById('file-input');
     const fileLabel = document.getElementById('file-label');
     const fileDropArea = document.getElementById('file-drop-area');
@@ -15,7 +15,7 @@ document.addEventListener('DOMContentLoaded', function () {
         if (fileInput.files.length > 0) {
             fileLabel.textContent = fileInput.files[0].name;
         } else {
-            fileLabel.textContent = 'Datei hier ablegen oder auswählen (PDF / CSV / HTML)';
+            fileLabel.textContent = '.csv,.pdf,.html';
         }
     });
 
@@ -32,6 +32,36 @@ document.addEventListener('DOMContentLoaded', function () {
         }
     });
 
+    // Import Input (Settings)
+    const settingsInput = document.getElementById('settings-input');
+    const settingsLabel = document.getElementById('settings-label');
+    const settingsDropArea = document.getElementById('settings-drop-area');
+
+    settingsDropArea.addEventListener('click', () => {
+        settingsInput.click();
+    });
+
+    settingsInput.addEventListener('change', () => {
+        if (settingsInput.files.length > 0) {
+            settingsLabel.textContent = settingsInput.files[0].name;
+        } else {
+            settingsLabel.textContent = '.json';
+        }
+    });
+
+    settingsDropArea.addEventListener('dragover', (e) => {
+        e.preventDefault();
+    });
+
+    settingsDropArea.addEventListener('drop', (e) => {
+        e.preventDefault();
+        const files = e.dataTransfer.files;
+        if (files.length > 0) {
+            settingsInput.files = files;
+            settingsLabel.textContent = files[0].name;
+        }
+    });
+
     // Metadata-Select
     document.getElementById('read-setting').addEventListener('change', function () {
         document.getElementById('set-setting').value = "";
@@ -186,7 +216,7 @@ function importSettings() {
         return;
     }
 
-    const params = { file: 'file-input' }; // The value of 'file' corresponds to the input element's ID
+    const params = { file: 'settings-input' }; // The value of 'file' corresponds to the input element's ID
     apiSubmit('upload/metadata/' + settings_type, params, function (responseText, error) {
         if (error) {
             showAjaxError(error, responseText);
@@ -194,7 +224,7 @@ function importSettings() {
         } else {
             let success_msg = JSON.parse(responseText);
             alert('Es wurden ' + success_msg.inserted + ' Einträge aus der Datei importiert.');
-            window.location.href = '/' + settings_type;
+            window.location.href = '/';
 
         }
     }, true);
diff --git a/app/templates/index.html b/app/templates/index.html
index d4be7ba..488f4c2 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -167,11 +167,11 @@ <h2>Settings</h2>
             </p>
             <div role="group">
                 <div id="settings-drop-area">
-                    <span id="file-label">Datei hier ablegen oder auswählen (JSON)</span>
+                    <span id="settings-label">.json</span>
+                    <input type="file" id="settings-input" name="settings-input" accept=".json" style="display: none;">
                 </div>
                 <button onclick="importSettings()">Importieren</button>
             </div>
-            <input type="file" id="settings-input" name="settings-input" accept=".csv,.pdf,.html" style="display: none;">
             <small>Diese Datei kann auch im Server-Backend abgelegt werden, um für alle verfügbar zu sein.</small>
         </details>
 

From c86d1a0e260f1301cc49eb88a242ba8eeb407334 Mon Sep 17 00:00:00 2001
From: Michael Prior <michael-prior@tutanota.de>
Date: Mon, 24 Nov 2025 17:41:55 +0100
Subject: [PATCH 05/31] =?UTF-8?q?More=20Text;=20Todos=20f=C3=BCr=20Screens?=
 =?UTF-8?q?ize=20Designs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/static/js/functions.js | 2 +-
 app/templates/iban.html    | 2 ++
 app/templates/macros.html  | 2 +-
 app/templates/tx.html      | 6 ++----
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/static/js/functions.js b/app/static/js/functions.js
index 63f19f5..59ffe79 100644
--- a/app/static/js/functions.js
+++ b/app/static/js/functions.js
@@ -202,7 +202,7 @@ function concatURI(value_dict, formData){
  * configured with a callback to handle its response.
  *
  * @param {function} callback - A callback function to handle the response.
- * 								Receives the response text and stsatus code as arguments.
+ * 								Receives the response text and status code as arguments.
  * @returns {XMLHttpRequest} - The newly created XMLHttpRequest object.
  */
 function createAjax(callback) {
diff --git a/app/templates/iban.html b/app/templates/iban.html
index fa8a95a..ae00deb 100644
--- a/app/templates/iban.html
+++ b/app/templates/iban.html
@@ -34,6 +34,8 @@ <h3>
 
 <main class="container">
     <section>
+        <!-- TODO: M Screens: No Padding 'container'; Kategorie und Tags floating (drunter?) -->
+        <!-- TODO: S und XS Screens: No Padding; Stack all -->
         <table class="transactions">
             <thead>
                 <tr>
diff --git a/app/templates/macros.html b/app/templates/macros.html
index 5fb28c8..3bdccdf 100644
--- a/app/templates/macros.html
+++ b/app/templates/macros.html
@@ -8,7 +8,7 @@
             {{ transaction.date_tx | ctime }}
             <small class="secondary">({{ transaction.valuta | ctime }})</small>
         </td>
-        <td>{{ transaction.text_tx[:60] }}{% if transaction.text_tx|length > 60 %} ...{%endif%}</td>
+        <td>{{ transaction.text_tx[:75] }}{% if transaction.text_tx|length > 60 %} ...{%endif%}</td>
         <td>
             {% if transaction.category %}
             <a class="tag-chip category" href="?category={{transaction.category}}">
diff --git a/app/templates/tx.html b/app/templates/tx.html
index 8bf59d7..5293967 100644
--- a/app/templates/tx.html
+++ b/app/templates/tx.html
@@ -110,10 +110,8 @@ <h3>
                 </td>
             </tr>
             <tr>
-                <td>
-                    &nbsp;
-                </td>
-                <td>
+                <!-- TODO: XL und XXL Screen: Buttons float right, no group -->
+                <td colspan="2">
                     <div role="group">
                         <button class="delete outline" onclick="removeCats('{{tx.uuid}}')">Kategorie entfernen</button>
                         <button class="delete outline" onclick="removeTags('{{tx.uuid}}')">Tags entfernen</button>

From 88232a0bb899ef1116c022d6486204612f68994b Mon Sep 17 00:00:00 2001
From: Michael Prior <michael-prior@tutanota.de>
Date: Tue, 25 Nov 2025 17:27:38 +0100
Subject: [PATCH 06/31] Comments, Class-Rename (s-m-l); first Layout
 breackpoints

---
 app/static/css/grid.css  | 55 +++++++++++++++++++++++++++++++++++-----
 app/templates/iban.html  |  4 +--
 app/templates/index.html |  6 ++---
 app/templates/tx.html    |  3 +--
 app/ui.py                |  2 +-
 5 files changed, 55 insertions(+), 15 deletions(-)

diff --git a/app/static/css/grid.css b/app/static/css/grid.css
index 4176595..34fc636 100644
--- a/app/static/css/grid.css
+++ b/app/static/css/grid.css
@@ -13,14 +13,55 @@
 
 /* L */
 @media (min-width: 1280px) {
-    .grid.l-12 {grid-template-columns: 1fr;}
-    .grid.l-6-6 {grid-template-columns: 1fr 1fr;}
-    .grid.l-4-4-4 {grid-template-columns: 1fr 1fr 1fr;}
+    .grid.xl-12 {grid-template-columns: 1fr;}
+    .grid.xl-6-6 {grid-template-columns: 1fr 1fr;}
+    .grid.xl-4-4-4 {grid-template-columns: 1fr 1fr 1fr;}
 }
 
-/* XL */
+/* XXL */
 @media (min-width: 1536px) {
-    .grid.xl-12 {grid-template-columns: 1fr;}
-    .grid.xl-6-6 {grid-template-columns: 1fr 1fr;}
-    .grid.xl-8-4 {grid-template-columns: 8fr 4fr;}
+    .grid.xxl-12 {grid-template-columns: 1fr;}
+    .grid.xxl-6-6 {grid-template-columns: 1fr 1fr;}
+    .grid.xxl-8-4 {grid-template-columns: 8fr 4fr;}
+}
+
+
+/* ------------------- */
+/* ---- Specials ----- */
+/* ------------------- */
+
+/* Iban: Table and Container */
+
+/* XS & S and smaller */
+@media (max-width: 767px) {
+    /*TODO: No Padding; Stack all*/
+}
+
+/* M and smaller */
+/* (No Padding 'container') */
+/*TODO: Kategorie und Tags floating (drunter?) */
+@media (max-width: 1023px) {
+    .container.flex{
+        width: 100%;
+        max-width: inherit;
+        margin-right: auto;
+        margin-left: auto;
+        padding-right: var(--pico-spacing);
+        padding-left: var(--pico-spacing);
+    }
+}
+
+/* Transaktion: Grouped Buttons */
+
+/* L an greater */
+/* (Re-Align and don't collapse over full width) */
+@media (min-width: 1280px) {
+    .collapse[role="group"] {
+        display: block;
+        text-align: right;
+    }
+    .collapse[role="group"] button {
+        border-radius: var(--pico-border-radius);
+        margin-left: var(--pico-spacing);
+    }
 }
diff --git a/app/templates/iban.html b/app/templates/iban.html
index ae00deb..66823c8 100644
--- a/app/templates/iban.html
+++ b/app/templates/iban.html
@@ -4,7 +4,7 @@
 {% block content %}
 
 
-<header class="container">
+<header class="container flex">
     <nav>
         <ul>
             <li>
@@ -32,7 +32,7 @@ <h3>
     </nav>
 </header>
 
-<main class="container">
+<main class="container flex">
     <section>
         <!-- TODO: M Screens: No Padding 'container'; Kategorie und Tags floating (drunter?) -->
         <!-- TODO: S und XS Screens: No Padding; Stack all -->
diff --git a/app/templates/index.html b/app/templates/index.html
index 488f4c2..29affe1 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -17,13 +17,13 @@ <h1>Pynance Parser</h1>
         </p>
     </section>
 
-    <section class="grid m-12 l-6-6 xl-8-4 margin">
+    <section class="grid m-12 l-6-6 xxl-8-4 margin">
 
         <article>
             <header>
                 <strong>Konten</strong>
             </header>
-            <div class="grid m-6-6 l-12 xl-6-6 margin">
+            <div class="grid m-6-6 xl-12 xxl-6-6 margin">
                 {% if ibans %}
                 {% for iban in ibans %}
                 <button class="outline contrast" data-target="add-iban" data-iban="{{iban}}" onclick="toggleModal(event)">&#128212; {{iban}}</button>
@@ -37,7 +37,7 @@ <h1>Pynance Parser</h1>
             <header>
                 <strong>Gruppen</strong>
             </header>
-            <div class="grid m-6-6 l-12 margin">
+            <div class="grid m-6-6 xl-12 margin">
                 {% if groups %}
                 {% for group in groups %}
                 <button class="outline contrast" data-target="add-group" data-group="{{group}}" onclick="toggleModal(event)">&#128218; {{group}}</button>
diff --git a/app/templates/tx.html b/app/templates/tx.html
index 5293967..cd75f4d 100644
--- a/app/templates/tx.html
+++ b/app/templates/tx.html
@@ -110,9 +110,8 @@ <h3>
                 </td>
             </tr>
             <tr>
-                <!-- TODO: XL und XXL Screen: Buttons float right, no group -->
                 <td colspan="2">
-                    <div role="group">
+                    <div role="group" class="collapse">
                         <button class="delete outline" onclick="removeCats('{{tx.uuid}}')">Kategorie entfernen</button>
                         <button class="delete outline" onclick="removeTags('{{tx.uuid}}')">Tags entfernen</button>
                     </div>
diff --git a/app/ui.py b/app/ui.py
index 74e65c3..6a2e4c1 100644
--- a/app/ui.py
+++ b/app/ui.py
@@ -330,7 +330,7 @@ def read_input(self, uri, bank='Generic', data_format=None):
         """
         # Format
         if data_format is None:
-            #TODO: Logik zum Erraten des Datentyps, #10
+            # Fallback to CSV text
             data_format = 'csv'
 
         # Reader

From a399f94fb45602c5a29d0750f882c1b7f019d0af Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Fri, 5 Dec 2025 21:26:57 +0100
Subject: [PATCH 07/31] Fix test with new code

---
 tests/test_integ_basics.py      | 2 +-
 tests/test_integ_more_routes.py | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/tests/test_integ_basics.py b/tests/test_integ_basics.py
index 5c9362c..969cebe 100644
--- a/tests/test_integ_basics.py
+++ b/tests/test_integ_basics.py
@@ -203,7 +203,7 @@ def test_save_meta(test_app):
             }
             parameters = json.dumps(parameters).encode('utf-8')
             files = {
-                'file-input': (io.BytesIO(parameters), 'commerzbank.csv'),
+                'settings-input': (io.BytesIO(parameters), 'commerzbank.csv'),
                 'bank': 'Commerzbank'
             }
             result = client.post(
diff --git a/tests/test_integ_more_routes.py b/tests/test_integ_more_routes.py
index 233648a..8aeaebb 100644
--- a/tests/test_integ_more_routes.py
+++ b/tests/test_integ_more_routes.py
@@ -39,7 +39,8 @@ def test_upload_file_route(test_app):
             )
 
             # Check Response
-            assert result.status_code == 201, \
+            # (If other test run already, data is til present and duplicates won't be inserted)
+            assert result.status_code in (200, 201), \
                 f"Die Seite hat den Upload nicht wie erwartet verarbeitet: {result.text}"
             assert result.json.get('filename') == 'commerzbank.csv', \
                 "Angaben zum Upload wurden nicht gefunden"

From cde5a5719999bf2bb0550ee8fe631d78edb0f6a8 Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Tue, 9 Dec 2025 14:34:12 +0100
Subject: [PATCH 08/31] Disable autofill on hidden inputs

---
 app/templates/macros.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/templates/macros.html b/app/templates/macros.html
index 3bdccdf..850acda 100644
--- a/app/templates/macros.html
+++ b/app/templates/macros.html
@@ -89,9 +89,9 @@ <h2>Transaktions Details</h2>
         <label>
             Tags
             <div id="filter-tag-container"></div>
-            <input type="hidden" id="filter-tag-result" value="">
+            <input type="hidden" id="filter-tag-result" autocomplete="off" value="">
             <div class="grid">
-                <input type="text" id="filter-tag" list="tag-list" placeholder="weiteres Tag (Enter)" />
+                <input type="text" id="filter-tag" list="tag-list" value="" placeholder="weiteres Tag (Enter)" />
                 <select id="filter-tag-mode" {% if 'tags' in filters %} aria-invalid="false" {% endif %}/>
                     <option value="in" {{"selected" if filters.tag_mode and filters.tag_mode == 'in'}}>eines davon</option>
                     <option value="all" {{"selected" if filters.tag_mode and filters.tag_mode == 'all'}}>alle davon</option>

From 373da797ae441db0d586f1210801660c8298a0de Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Tue, 9 Dec 2025 16:42:15 +0100
Subject: [PATCH 09/31] Hide Columns and reformat Button in Transaction table
 on M/S Screens

---
 app/static/css/style.css  | 18 +++++++++++++++++-
 app/templates/iban.html   |  6 +++---
 app/templates/macros.html |  4 ++--
 3 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/app/static/css/style.css b/app/static/css/style.css
index 0ff2689..8957b3a 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -32,6 +32,10 @@ main {
 
 /* Hide an Element */
 .hide {display: none !important;}
+/* Hide when S */
+@media (max-width: 767px) {.hide-s {display:none;}}
+/* Hide when M or smaller */
+@media (max-width: 1023px) {.hide-m {display:none;}}
 
 /* Color classes */
 .delete {
@@ -93,11 +97,23 @@ button.info {
 }
 
 /* Tables */
-.transactions td.betrag {
+.transactions .betrag {
     white-space: nowrap;
     text-align: right;
 }
 
+/* S : Slim button in transaction table */
+@media (max-width: 767px) {
+    .transactions th.betrag {
+        text-align: center;
+    }
+    .transactions td button {
+        padding: 1em 0.5em; margin: 0;
+        background-color: transparent; border: 0;
+        color: var(--pico-secondary);
+    }
+}
+
 .tag-chip {
     display: inline-block;
     padding: .375rem;
diff --git a/app/templates/iban.html b/app/templates/iban.html
index 66823c8..180f4d3 100644
--- a/app/templates/iban.html
+++ b/app/templates/iban.html
@@ -42,9 +42,9 @@ <h3>
                     <th><input type="checkbox" id="select-all"></th>
                     <th>Datum<br><small class="secondary">(Valuta)</small></th>
                     <th>Buchungstext</th>
-                    <th>Kategorie</th>
-                    <th>Tags</th>
-                    <th>Betrag</th>
+                    <th class="hide-m">Kategorie</th>
+                    <th class="hide-m">Tags</th>
+                    <th class="betrag">Betrag</th>
                     <th>&nbsp;</th>
                 </tr>
             </thead>
diff --git a/app/templates/macros.html b/app/templates/macros.html
index 850acda..d32e9a9 100644
--- a/app/templates/macros.html
+++ b/app/templates/macros.html
@@ -9,7 +9,7 @@
             <small class="secondary">({{ transaction.valuta | ctime }})</small>
         </td>
         <td>{{ transaction.text_tx[:75] }}{% if transaction.text_tx|length > 60 %} ...{%endif%}</td>
-        <td>
+        <td class="hide-m">
             {% if transaction.category %}
             <a class="tag-chip category" href="?category={{transaction.category}}">
                 {{ transaction.category }}
@@ -18,7 +18,7 @@
             &nbsp;
             {% endif %}
         </td>
-        <td>
+        <td class="hide-m">
             {% for tag in transaction.tags %}
             <a class="tag-chip" href="?tags={{tag}}">
                 {{ tag }}

From 50ac777d60c37f8ddec151c06efff48e7d481dd2 Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Tue, 9 Dec 2025 22:17:13 +0100
Subject: [PATCH 10/31] Small Layout mit grid; reorder all colums

---
 app/static/css/grid.css  | 57 ++++++++++++++++++++++++-
 app/static/css/style.css |  7 ++-
 app/templates/iban.html  |  2 -
 tests/test.html          | 92 ++++++++++++++++++++++++++++++++++++++++
 4 files changed, 152 insertions(+), 6 deletions(-)
 create mode 100644 tests/test.html

diff --git a/app/static/css/grid.css b/app/static/css/grid.css
index 34fc636..7aaa7dd 100644
--- a/app/static/css/grid.css
+++ b/app/static/css/grid.css
@@ -34,12 +34,63 @@
 
 /* XS & S and smaller */
 @media (max-width: 767px) {
-    /*TODO: No Padding; Stack all*/
+    /* Stack nav */
+    nav { display: block; }
+    nav ul {
+        display: block;
+        text-align: center;
+        margin: 0;
+    }
+    main.container.flex { padding-top: 0; }
+
+    /* Stack all table cells */
+    .transactions {
+        display: grid;
+        grid-template-columns: 1fr;
+    }
+    .transactions thead {
+        display: none;
+    }
+    .transactions tr {
+        display: grid;
+        grid-template-columns: 1fr 5fr 5fr 1fr;
+        grid-template-rows: 1fr 1fr;
+        gap: 0.25em;
+        grid-template-areas: 
+            "checkbox dates dates betrag"
+            "button betreff betreff betreff";
+        padding: 1em 0;
+    }
+    .transactions td {
+        display: block;
+        border: none;
+        padding-top: 0em;
+        padding-bottom: 0em;
+    }
+
+    /* Naming and Styling Cells */
+    .transactions tr td:nth-child(1){
+        padding-left: 0;
+        grid-area: checkbox;
+    }
+    .transactions tr td:nth-child(2){grid-area: dates;}
+    .transactions tr td:nth-child(3){
+        padding-right: 0;
+        grid-area: betreff;
+    }
+    .transactions tr td:nth-child(6){
+        padding-right: 0;
+        grid-area: betrag;
+    }
+    .transactions tr td:nth-child(7){
+        padding-left: 0;
+        grid-area: button;
+    }
 }
 
 /* M and smaller */
-/* (No Padding 'container') */
 /*TODO: Kategorie und Tags floating (drunter?) */
+/* (No Padding) */
 @media (max-width: 1023px) {
     .container.flex{
         width: 100%;
@@ -49,6 +100,8 @@
         padding-right: var(--pico-spacing);
         padding-left: var(--pico-spacing);
     }
+    .transactions tr td:nth-child(4){grid-area: category;}
+    .transactions tr td:nth-child(5){grid-area: tags;}
 }
 
 /* Transaktion: Grouped Buttons */
diff --git a/app/static/css/style.css b/app/static/css/style.css
index 8957b3a..0335825 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -33,9 +33,9 @@ main {
 /* Hide an Element */
 .hide {display: none !important;}
 /* Hide when S */
-@media (max-width: 767px) {.hide-s {display:none;}}
+@media (max-width: 767px) {.hide-s {display:none !important;}}
 /* Hide when M or smaller */
-@media (max-width: 1023px) {.hide-m {display:none;}}
+@media (max-width: 1023px) {.hide-m {display:none !important;}}
 
 /* Color classes */
 .delete {
@@ -107,6 +107,9 @@ button.info {
     .transactions th.betrag {
         text-align: center;
     }
+    .transactions tr {
+        border-bottom: var(--pico-border-width) solid var(--pico-table-border-color);
+    }
     .transactions td button {
         padding: 1em 0.5em; margin: 0;
         background-color: transparent; border: 0;
diff --git a/app/templates/iban.html b/app/templates/iban.html
index 180f4d3..d88602c 100644
--- a/app/templates/iban.html
+++ b/app/templates/iban.html
@@ -34,8 +34,6 @@ <h3>
 
 <main class="container flex">
     <section>
-        <!-- TODO: M Screens: No Padding 'container'; Kategorie und Tags floating (drunter?) -->
-        <!-- TODO: S und XS Screens: No Padding; Stack all -->
         <table class="transactions">
             <thead>
                 <tr>
diff --git a/tests/test.html b/tests/test.html
new file mode 100644
index 0000000..d8843a0
--- /dev/null
+++ b/tests/test.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+</head>
+<body>
+<style>
+/* S : Slim button in transaction table */
+@media (max-width: 767px) {
+    .transactions th.betrag {
+        text-align: center;
+    }
+    .transactions td button {
+        padding: 1em 0.5em; margin: 0;
+        background-color: transparent; border: 0;
+        color: var(--pico-secondary);
+    }
+}
+</style>
+
+
+<table class="transactions">
+
+    <thead>
+        <tr>
+            <th><input type="checkbox" id="select-all"></th>
+            <th>Datum<br><small class="secondary">(Valuta)</small></th>
+            <th>Buchungstext</th>
+            <th class="hide-m">Kategorie</th>
+            <th class="hide-m">Tags</th>
+            <th class="betrag">Betrag</th>
+            <th>&nbsp;</th>
+        </tr>
+    </thead>
+
+    <tbody>
+
+    <tr name="cf1fb4e6c131570e4f3b2ac857dead40">
+        <td><input type="checkbox" class="row-checkbox" name="cf1fb4e6c131570e4f3b2ac857dead40" data-txuuid="cf1fb4e6c131570e4f3b2ac857dead40" data-txdate="1672531200.0"></td>
+        <td>
+            01.01.2023
+            <small class="secondary">(16.05.2023)</small>
+        </td>
+        <td>Wucherpfennig sagt Danke 88//HANNOV 2023-01-01T08:59:42 KFN 9 VJ 7777 Karte ...</td>
+        <td class="hide-m">
+            
+            &nbsp;
+            
+        </td>
+        <td class="hide-m">
+            
+        </td>
+        <td class="betrag" dir="ltr">
+            -11.63
+            <small class="secondary">EUR</small>
+        </td>
+        <td>
+            <button class="secondary info" title="Show details" data-target="details-popup" data-tx="cf1fb4e6c131570e4f3b2ac857dead40" onclick="toggleModal(event)">↗</button>
+        </td>
+    </tr>
+
+    <tr name="6884802db5e07ee68a68e2c64f9c0cdd">
+        <td><input type="checkbox" class="row-checkbox" name="6884802db5e07ee68a68e2c64f9c0cdd" data-txuuid="6884802db5e07ee68a68e2c64f9c0cdd" data-txdate="1672617600.0"></td>
+        <td>
+            02.01.2023
+            <small class="secondary">(15.05.2023)</small>
+        </td>
+        <td>MEIN GARTENCENTER//Berlin 2023-01-02T12:57:02 KFN 9 VJ 7777 Kartenzahlung ...</td>
+        <td class="hide-m">
+            
+            &nbsp;
+            
+        </td>
+        <td class="hide-m">
+            
+        </td>
+        <td class="betrag" dir="ltr">
+            -118.94
+            <small class="secondary">EUR</small>
+        </td>
+        <td>
+            <button class="secondary info" title="Show details" data-target="details-popup" data-tx="6884802db5e07ee68a68e2c64f9c0cdd" onclick="toggleModal(event)">↗</button>
+        </td>
+    </tr>
+
+    </tbody>
+</table>
+        
+</body>
+</html>
\ No newline at end of file

From 27ace3b9ec25da786b71ca2da532a81421b6306f Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Tue, 9 Dec 2025 22:44:54 +0100
Subject: [PATCH 11/31] Notes und kleine fixes

---
 app/static/css/grid.css  | 11 +++++++++--
 app/static/css/style.css | 11 +++++++++++
 app/templates/tx.html    |  4 ++--
 3 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/app/static/css/grid.css b/app/static/css/grid.css
index 7aaa7dd..80005cc 100644
--- a/app/static/css/grid.css
+++ b/app/static/css/grid.css
@@ -86,6 +86,13 @@
         padding-left: 0;
         grid-area: button;
     }
+
+    /* TODO: # ,TX Details PopUp
+    #dynamic-results tr:last-child th, 
+    #dynamic-results tr:last-child td {
+        display: block;
+    }
+    */
 }
 
 /* M and smaller */
@@ -100,8 +107,8 @@
         padding-right: var(--pico-spacing);
         padding-left: var(--pico-spacing);
     }
-    .transactions tr td:nth-child(4){grid-area: category;}
-    .transactions tr td:nth-child(5){grid-area: tags;}
+    /*.transactions tr td:nth-child(4){grid-area: category;}*/
+    /*.transactions tr td:nth-child(5){grid-area: tags;}*/
 }
 
 /* Transaktion: Grouped Buttons */
diff --git a/app/static/css/style.css b/app/static/css/style.css
index 0335825..744f076 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -102,6 +102,10 @@ button.info {
     text-align: right;
 }
 
+#dynamic-results tr th {
+    font-weight: bold;
+}
+
 /* S : Slim button in transaction table */
 @media (max-width: 767px) {
     .transactions th.betrag {
@@ -117,6 +121,13 @@ button.info {
     }
 }
 
+/* M and smaller: TX Details Page */
+@media (max-width: 1023px) {
+    .single-transaction tr td:first-child{
+        font-weight: bold;
+    }
+}
+
 .tag-chip {
     display: inline-block;
     padding: .375rem;
diff --git a/app/templates/tx.html b/app/templates/tx.html
index cd75f4d..2fc6461 100644
--- a/app/templates/tx.html
+++ b/app/templates/tx.html
@@ -28,7 +28,7 @@ <h3>
 
     <section>
 
-    <table class="transactions">
+    <table class="single-transaction">
         <thead>
             <tr>
                 <th colspan="2">Umsatzdetails</td>
@@ -61,7 +61,7 @@ <h3>
     </section>
     <section>
 
-    <table class="transactions">
+    <table class="single-transaction">
         <thead>
             <tr>
                 <th colspan="2">Erweiterte Informationen</th>

From 6fa54b1c63f3b7d57971f8ba39a83d7a6fdd6c1c Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Wed, 10 Dec 2025 22:19:16 +0100
Subject: [PATCH 12/31] Random Tag-Color eingebaut; muss noch in PopUps und
 Inputs

---
 app/routes.py              |   9 ++
 app/static/css/grid.css    |   2 +-
 app/static/css/style.css   |  25 +++--
 app/static/js/functions.js | 194 +++++++++++++++++++++----------------
 app/templates/macros.html  |  15 ++-
 5 files changed, 149 insertions(+), 96 deletions(-)

diff --git a/app/routes.py b/app/routes.py
index 2efc4a4..3fa45c3 100644
--- a/app/routes.py
+++ b/app/routes.py
@@ -3,6 +3,7 @@
 
 import os
 from datetime import datetime
+from hashlib import md5
 from flask import request, current_app, render_template, redirect, \
                   make_response, send_from_directory
 
@@ -17,6 +18,14 @@ def __init__(self, parent):
             def timectime(s):
                 return datetime.fromtimestamp(s).strftime('%d.%m.%Y')
 
+            @current_app.template_filter('hash')
+            def hash_filter(value):
+                # Verwende hashlib, um einen konsistenten Hashwert zu erzeugen
+                if not value:
+                    return 0
+                hash_object = md5(value.encode())
+                return int(hash_object.hexdigest(), 16)
+
             @current_app.context_processor
             def version_string():
                 return {
diff --git a/app/static/css/grid.css b/app/static/css/grid.css
index 80005cc..e064c3d 100644
--- a/app/static/css/grid.css
+++ b/app/static/css/grid.css
@@ -87,7 +87,7 @@
         grid-area: button;
     }
 
-    /* TODO: # ,TX Details PopUp
+    /* TODO: #48 ,TX Details PopUp
     #dynamic-results tr:last-child th, 
     #dynamic-results tr:last-child td {
         display: block;
diff --git a/app/static/css/style.css b/app/static/css/style.css
index 744f076..d9b3499 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -152,19 +152,30 @@ button.info {
     }
     .tag-chip:hover, .tag-chip a, .tag-chip a:hover {
         text-decoration: none;
-        color: var(--pico-code-kbd-color);
     }
     .tag-chip a.remove:hover{
         color: var(--pico-color-red-500);
     }
-    .tag-chip.category {
-        background-color: cornflowerblue;
+    .tag-chip a {
+        margin-left: 0.33em;
     }
     .tag-chip.parsed {
         background-color: blueviolet;
     }
 
-    .tag-chip a {
-        margin-left: 0.33em;
-        color: var(--pico-secondary);
-    }
\ No newline at end of file
+    /* Generated Color Classes */
+    .tag-chip:hover { filter: brightness(110%); }
+    .gen-color-0 { background-color: #e57373; color: black; }
+    .gen-color-1 { background-color: #f06292; color: white; }
+    .gen-color-2 { background-color: #ba68c8; color: white; }
+    .gen-color-3 { background-color: #9575cd; color: white; }
+    .gen-color-4 { background-color: #7986cb; color: white; }
+    .gen-color-5 { background-color: #64b5f6; color: black; }
+    .gen-color-6 { background-color: #4fc3f7; color: black; }
+    .gen-color-7 { background-color: #4dd0e1; color: black; }
+    .gen-color-8 { background-color: #4db6ac; color: white; }
+    .gen-color-9 { background-color: #81c784; color: black; }
+    .gen-color-10 { background-color: #aed581; color: black; }
+    .gen-color-11 { background-color: #dce775; color: black; }
+    .gen-color-12 { background-color: #fff176; color: black; }
+    .gen-color-13 { background-color: #ffd54f; color: black; }
diff --git a/app/static/js/functions.js b/app/static/js/functions.js
index 59ffe79..ecc111d 100644
--- a/app/static/js/functions.js
+++ b/app/static/js/functions.js
@@ -30,57 +30,57 @@ function formatUnixToDate(unixSeconds) {
  * @returns {string} - Returns one GET query args string for all filter inputs
  */
 function getFilteredList() {
-    let query_args = '';
-    let arg_concat = '?';
-
-    const startDate = document.getElementById('filter-range-start').value;
-    if (startDate) {
-        query_args = query_args + arg_concat + 'startDate=' + startDate;
-        arg_concat = '&';
-    }
-
-    const endDate = document.getElementById('filter-range-end').value;
-    if (endDate) {
-        query_args = query_args + arg_concat + 'endDate=' + endDate;
-        arg_concat = '&';
-    }
-
-    const text_search = document.getElementById('filter-text').value;
-    if (text_search) {
-        query_args = query_args + arg_concat + 'text=' + text_search;
-        arg_concat = '&';
-    }
-
-    const category = document.getElementById('filter-cat').value;
-    if (category) {
-        query_args = query_args + arg_concat + 'category=' + category;
-        arg_concat = '&';
-    }
-
-    const tags = document.getElementById('filter-tag-result').value;
-    if (tags) {
-        query_args = query_args + arg_concat + 'tags=' + tags;
-        arg_concat = '&';
-        const tag_mode = document.getElementById('filter-tag-mode').value;
-        if (tag_mode) {
-            query_args = query_args + arg_concat + 'tag_mode=' + tag_mode;
-            arg_concat = '&';
-        }
-    }
-
-    let betrag_min = document.getElementById('filter-betrag-min').value;
-    if (betrag_min) {
-        betrag_min = betrag_min.replace(',', '.');
-        query_args = query_args + arg_concat + 'betrag_min=' + betrag_min;
-        arg_concat = '&';
-    }
-
-    let betrag_max = document.getElementById('filter-betrag-max').value;
-    if (betrag_max) {
-        betrag_max = betrag_max.replace(',', '.');
-        query_args = query_args + arg_concat + 'betrag_max=' + betrag_max;
-        arg_concat = '&';
-    }
+	let query_args = '';
+	let arg_concat = '?';
+
+	const startDate = document.getElementById('filter-range-start').value;
+	if (startDate) {
+		query_args = query_args + arg_concat + 'startDate=' + startDate;
+		arg_concat = '&';
+	}
+
+	const endDate = document.getElementById('filter-range-end').value;
+	if (endDate) {
+		query_args = query_args + arg_concat + 'endDate=' + endDate;
+		arg_concat = '&';
+	}
+
+	const text_search = document.getElementById('filter-text').value;
+	if (text_search) {
+		query_args = query_args + arg_concat + 'text=' + text_search;
+		arg_concat = '&';
+	}
+
+	const category = document.getElementById('filter-cat').value;
+	if (category) {
+		query_args = query_args + arg_concat + 'category=' + category;
+		arg_concat = '&';
+	}
+
+	const tags = document.getElementById('filter-tag-result').value;
+	if (tags) {
+		query_args = query_args + arg_concat + 'tags=' + tags;
+		arg_concat = '&';
+		const tag_mode = document.getElementById('filter-tag-mode').value;
+		if (tag_mode) {
+			query_args = query_args + arg_concat + 'tag_mode=' + tag_mode;
+			arg_concat = '&';
+		}
+	}
+
+	let betrag_min = document.getElementById('filter-betrag-min').value;
+	if (betrag_min) {
+		betrag_min = betrag_min.replace(',', '.');
+		query_args = query_args + arg_concat + 'betrag_min=' + betrag_min;
+		arg_concat = '&';
+	}
+
+	let betrag_max = document.getElementById('filter-betrag-max').value;
+	if (betrag_max) {
+		betrag_max = betrag_max.replace(',', '.');
+		query_args = query_args + arg_concat + 'betrag_max=' + betrag_max;
+		arg_concat = '&';
+	}
 
 	return query_args;
 }
@@ -110,7 +110,7 @@ function addTagBullet(inputField, tagContainerId, hiddenInputId, tagvalue) {
 		TAGS.push(value);
 
 		const tagEl = document.createElement("span");
-		tagEl.className = "tag-chip";
+		tagEl.className = "tag-chip " + generateClass(value);
 		tagEl.textContent = value;
 
 		const removeBtn = document.createElement("a");
@@ -166,22 +166,22 @@ function removeTagBullet(element, hiddenInputId) {
  * 								  instead of creating an URI string.
  * @returns {string|FormData} - Returns an URI string or FormData object.
  */
-function concatURI(value_dict, formData){
+function concatURI(value_dict, formData) {
 	let uri = "";
 	for (let key in value_dict) {
 		if (value_dict.hasOwnProperty(key)) {
 			if (typeof formData == 'undefined') {
 				// URI
-				if (key.endsWith("[]")){
+				if (key.endsWith("[]")) {
 					for (let i = 0; i < value_dict[key].length; i++) {
 						const val = encodeURIComponent(value_dict[key][i]);
 						uri += key + "=" + val + "&";
 					}
-				}else{
+				} else {
 					const val = encodeURIComponent(value_dict[key]);
 					uri += key + "=" + val + "&";
 				}
-			}else{
+			} else {
 				// formData
 				let value = value_dict[key];
 				if (key == 'file') {
@@ -193,7 +193,7 @@ function concatURI(value_dict, formData){
 			}
 		}
 	}
-	uri = uri.substring(0, uri.length-1);
+	uri = uri.substring(0, uri.length - 1);
 	return (typeof formData == 'undefined') ? uri : formData;
 }
 
@@ -262,7 +262,7 @@ function apiSubmit(sub, params, callback, isFile = false) {
 		method = "PUT";
 		request_uri = JSON.stringify(params);
 	}
-	
+
 	ajax.open(method, "/api/" + sub, true);
 
 	if (method != "POST") {
@@ -287,34 +287,34 @@ function manualTag(t_ids, tags, overwrite) {
 		return;
 	}
 
-    let tagging = {
-        'tags': tags
+	let tagging = {
+		'tags': tags
 	}
 
 	if (overwrite) {
 		tagging['overwrite'] = true;
 	}
 
-    let api_function;
-    if (t_ids.length == 1) {
-        api_function = 'setManualTag/'+ IBAN + '/' + t_ids[0];
-    } else {
-        api_function = 'setManualTags/' + IBAN;
-        tagging['t_ids'] = t_ids;
-    };
+	let api_function;
+	if (t_ids.length == 1) {
+		api_function = 'setManualTag/' + IBAN + '/' + t_ids[0];
+	} else {
+		api_function = 'setManualTags/' + IBAN;
+		tagging['t_ids'] = t_ids;
+	};
 
-    apiSubmit(api_function, tagging, function (responseText, error) {
-        if (error) {
-            alert('Tagging fehlgeschlagen: ' + '(' + error + ')');
+	apiSubmit(api_function, tagging, function (responseText, error) {
+		if (error) {
+			alert('Tagging fehlgeschlagen: ' + '(' + error + ')');
 
-        } else {
+		} else {
 			const success_msg = JSON.parse(responseText);
 			const counts = success_msg.updated != 1 ? success_msg.updated + ' Einträge' : success_msg.updated + ' Eintrag';
 			alert(counts + ' getaggt');
-            window.location.reload();
+			window.location.reload();
 
-        }
-    }, false);
+		}
+	}, false);
 }
 
 /**
@@ -332,11 +332,11 @@ function manualCat(t_ids, cat) {
 		return;
 	}
 
-    let payload = {
-        'category': cat
-    }
+	let payload = {
+		'category': cat
+	}
 
-    let api_function;
+	let api_function;
 
 	if (!cat) {
 		// Delete Category		
@@ -362,18 +362,18 @@ function manualCat(t_ids, cat) {
 
 	}
 
-    apiSubmit(api_function, payload, function (responseText, error) {
-        if (error) {
-            alert('Tagging failed: ' + '(' + error + ')' + responseText);
+	apiSubmit(api_function, payload, function (responseText, error) {
+		if (error) {
+			alert('Tagging failed: ' + '(' + error + ')' + responseText);
 
-        } else {
+		} else {
 			const success_msg = JSON.parse(responseText);
 			const counts = success_msg.updated != 1 ? success_msg.updated + ' Einträge' : success_msg.updated + ' Eintrag';
 			alert(counts + ' kategorisiert');
-            window.location.reload();
+			window.location.reload();
 
-        }
-    }, false);
+		}
+	}, false);
 }
 
 
@@ -395,4 +395,26 @@ function showAjaxError(error_code, responseText) {
 */
 function formatResultText(responseText) {
 	return JSON.stringify(JSON.parse(responseText), null, 4);
-}
\ No newline at end of file
+}
+
+
+/**
+ * Generates a CSS class name based on the hash of the input string.
+ * The resulting class name is in the format `gen-color-<number>`, where the number
+ * is the absolute value of the hash modulo 1000, ensuring a short and unique class name.
+ *
+ * @param {string} inputString - The input string to generate the class name from.
+ * @returns {string} - The generated class name.
+ */
+function generateClass(inputString) {
+	if (! inputString) {
+		return "";
+	}
+	let hash = 0;
+	for (let i = 0; i < inputString.length; i++) {
+		hash = (hash << 5) - hash + inputString.charCodeAt(i);
+		hash |= 0; // Convert to 32bit integer
+	}
+	const className = `gen-color-${Math.abs(hash % 13)}`;
+	return className;
+}
diff --git a/app/templates/macros.html b/app/templates/macros.html
index d32e9a9..e66b2e1 100644
--- a/app/templates/macros.html
+++ b/app/templates/macros.html
@@ -1,3 +1,14 @@
+{% macro generate_class(input_string) %}
+    {# Berechne einen Hashwert und wandle ihn in eine CSS-kompatible Klasse um #}
+    {% set hash_value = input_string|hash %}
+    {% if hash_value == 0 %}
+        {{ '' }}
+    {% else %}
+        {% set class_name = 'gen-color-' ~ (hash_value % 13) %}
+        {{ class_name }}
+    {% endif %}
+{% endmacro %}
+
 {% macro createTxRow(transaction) -%}
 {# Erstellt eine Zeile der Transaktionsübersicht #}
 
@@ -11,7 +22,7 @@
         <td>{{ transaction.text_tx[:75] }}{% if transaction.text_tx|length > 60 %} ...{%endif%}</td>
         <td class="hide-m">
             {% if transaction.category %}
-            <a class="tag-chip category" href="?category={{transaction.category}}">
+            <a class="tag-chip category {{generate_class(transaction.category)}}" href="?category={{transaction.category}}">
                 {{ transaction.category }}
             </a>
             {% else %}
@@ -20,7 +31,7 @@
         </td>
         <td class="hide-m">
             {% for tag in transaction.tags %}
-            <a class="tag-chip" href="?tags={{tag}}">
+            <a class="tag-chip {{generate_class(tag)}}" href="?tags={{tag}}">
                 {{ tag }}
             </a>
             {% endfor %}

From 60f2ef2369ebc4cc36cf88be55aa44c2eff668db Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Thu, 11 Dec 2025 21:45:57 +0100
Subject: [PATCH 13/31] TagChip as Points on smal Screens

---
 app/static/css/grid.css   | 51 +++++++++++++++++++++++++++++++++++----
 app/static/css/style.css  | 35 +++++++++++++--------------
 app/templates/iban.html   |  2 +-
 app/templates/index.html  |  2 +-
 app/templates/macros.html |  2 +-
 5 files changed, 66 insertions(+), 26 deletions(-)

diff --git a/app/static/css/grid.css b/app/static/css/grid.css
index e064c3d..71970ad 100644
--- a/app/static/css/grid.css
+++ b/app/static/css/grid.css
@@ -57,7 +57,7 @@
         grid-template-rows: 1fr 1fr;
         gap: 0.25em;
         grid-template-areas: 
-            "checkbox dates dates betrag"
+            "checkbox dates category betrag"
             "button betreff betreff betreff";
         padding: 1em 0;
     }
@@ -78,6 +78,7 @@
         padding-right: 0;
         grid-area: betreff;
     }
+    .transactions tr td:nth-child(4){grid-area: category;}
     .transactions tr td:nth-child(6){
         padding-right: 0;
         grid-area: betrag;
@@ -96,8 +97,7 @@
 }
 
 /* M and smaller */
-/*TODO: Kategorie und Tags floating (drunter?) */
-/* (No Padding) */
+/* (No Padding, Category Header hide) */
 @media (max-width: 1023px) {
     .container.flex{
         width: 100%;
@@ -107,8 +107,49 @@
         padding-right: var(--pico-spacing);
         padding-left: var(--pico-spacing);
     }
-    /*.transactions tr td:nth-child(4){grid-area: category;}*/
-    /*.transactions tr td:nth-child(5){grid-area: tags;}*/
+
+    .transactions tr th:nth-child(4) {
+        color: transparent;
+        font-size: 0.01em;
+        padding: 0;
+    }
+}
+
+/* M */
+/* (Categories are only cirlces) */
+@media (min-width: 768px) and (max-width: 1023px) {
+    .transactions .tag-chip {
+        display: inline-block;
+        width: 1em;
+        height: 1em;
+        border-radius: 50%;
+        text-indent: -9999px;
+        overflow: hidden;
+        white-space: nowrap;
+    }
+}
+
+/* L and smaller */
+@media (max-width: 1279px) {
+    /* less padding */
+    .container.flex {
+        max-width: 1020px;
+    }
+    /* Tag Chips are only circles */
+    .transactions tr th:nth-child(5) {
+        color: transparent;
+        font-size: 0.01em;
+        padding: 0;
+    }
+    .transactions tr td:nth-child(5) .tag-chip {
+        display: inline-block;
+        width: 1em;
+        height: 1em;
+        border-radius: 50%;
+        text-indent: -9999px;
+        overflow: hidden;
+        white-space: nowrap;
+    }
 }
 
 /* Transaktion: Grouped Buttons */
diff --git a/app/static/css/style.css b/app/static/css/style.css
index d9b3499..994ab94 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -159,23 +159,22 @@ button.info {
     .tag-chip a {
         margin-left: 0.33em;
     }
-    .tag-chip.parsed {
-        background-color: blueviolet;
-    }
 
-    /* Generated Color Classes */
+    .tag-chip.parsed {background-color: blueviolet; color:black;}
     .tag-chip:hover { filter: brightness(110%); }
-    .gen-color-0 { background-color: #e57373; color: black; }
-    .gen-color-1 { background-color: #f06292; color: white; }
-    .gen-color-2 { background-color: #ba68c8; color: white; }
-    .gen-color-3 { background-color: #9575cd; color: white; }
-    .gen-color-4 { background-color: #7986cb; color: white; }
-    .gen-color-5 { background-color: #64b5f6; color: black; }
-    .gen-color-6 { background-color: #4fc3f7; color: black; }
-    .gen-color-7 { background-color: #4dd0e1; color: black; }
-    .gen-color-8 { background-color: #4db6ac; color: white; }
-    .gen-color-9 { background-color: #81c784; color: black; }
-    .gen-color-10 { background-color: #aed581; color: black; }
-    .gen-color-11 { background-color: #dce775; color: black; }
-    .gen-color-12 { background-color: #fff176; color: black; }
-    .gen-color-13 { background-color: #ffd54f; color: black; }
+
+    /* Generated Color Classes */
+    .category.gen-color-0 { background-color: #e57373; color: black; }
+    .category.gen-color-1 { background-color: #f06292; color: white; }
+    .category.gen-color-2 { background-color: #ba68c8; color: white; }
+    .category.gen-color-3 { background-color: #9575cd; color: white; }
+    .category.gen-color-4 { background-color: #7986cb; color: white; }
+    .category.gen-color-5 { background-color: #64b5f6; color: black; }
+    .category.gen-color-6 { background-color: #4fc3f7; color: black; }
+    .category.gen-color-7 { background-color: #4dd0e1; color: black; }
+    .category.gen-color-8 { background-color: #4db6ac; color: white; }
+    .category.gen-color-9 { background-color: #81c784; color: black; }
+    .category.gen-color-10 { background-color: #aed581; color: black; }
+    .category.gen-color-11 { background-color: #dce775; color: black; }
+    .category.gen-color-12 { background-color: #fff176; color: black; }
+    .category.gen-color-13 { background-color: #ffd54f; color: black; }
diff --git a/app/templates/iban.html b/app/templates/iban.html
index d88602c..42fde73 100644
--- a/app/templates/iban.html
+++ b/app/templates/iban.html
@@ -40,7 +40,7 @@ <h3>
                     <th><input type="checkbox" id="select-all"></th>
                     <th>Datum<br><small class="secondary">(Valuta)</small></th>
                     <th>Buchungstext</th>
-                    <th class="hide-m">Kategorie</th>
+                    <th>Kategorie</th>
                     <th class="hide-m">Tags</th>
                     <th class="betrag">Betrag</th>
                     <th>&nbsp;</th>
diff --git a/app/templates/index.html b/app/templates/index.html
index 29affe1..413b17e 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -23,7 +23,7 @@ <h1>Pynance Parser</h1>
             <header>
                 <strong>Konten</strong>
             </header>
-            <div class="grid m-6-6 xl-12 xxl-6-6 margin">
+            <div class="grid m-6-6 xxl-6-6 margin">
                 {% if ibans %}
                 {% for iban in ibans %}
                 <button class="outline contrast" data-target="add-iban" data-iban="{{iban}}" onclick="toggleModal(event)">&#128212; {{iban}}</button>
diff --git a/app/templates/macros.html b/app/templates/macros.html
index e66b2e1..c29bb82 100644
--- a/app/templates/macros.html
+++ b/app/templates/macros.html
@@ -20,7 +20,7 @@
             <small class="secondary">({{ transaction.valuta | ctime }})</small>
         </td>
         <td>{{ transaction.text_tx[:75] }}{% if transaction.text_tx|length > 60 %} ...{%endif%}</td>
-        <td class="hide-m">
+        <td>
             {% if transaction.category %}
             <a class="tag-chip category {{generate_class(transaction.category)}}" href="?category={{transaction.category}}">
                 {{ transaction.category }}

From 22d538535ea1e24ab74d2e6c2e9779d19bd2c18d Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Thu, 11 Dec 2025 22:18:47 +0100
Subject: [PATCH 14/31] Details PopUp Stacking

---
 app/static/css/grid.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/app/static/css/grid.css b/app/static/css/grid.css
index 71970ad..1a908f3 100644
--- a/app/static/css/grid.css
+++ b/app/static/css/grid.css
@@ -34,6 +34,32 @@
 
 /* XS & S and smaller */
 @media (max-width: 767px) {
+
+    /* Details PopUp Table */
+    #dynamic-results tr {
+        display: grid;
+        grid-template-columns: 2fr 3fr;
+        gap: 0.1em;
+        grid-template-areas: 
+            ". ."
+            "gegen-head gegen-head"
+            "gegen-val gegen-val"
+            "tx-head tx-head"
+            "tx-val tx-val"
+            ". .";
+    }
+
+    #dynamic-results tr th,
+    #dynamic-results tr td {
+        display: block;
+        text-align: left;
+    }
+
+    #dynamic-results tr:nth-child(4) th { grid-area: gegen-head;}
+    #dynamic-results tr:nth-child(4) td { grid-area: gegen-val;}
+    #dynamic-results tr:nth-child(9) th { grid-area: tx-head;}
+    #dynamic-results tr:nth-child(9) td { grid-area: tx-val;}
+
     /* Stack nav */
     nav { display: block; }
     nav ul {

From 76a5efea0ed5153060d42b72ca4997f2028bf3aa Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Sun, 14 Dec 2025 21:17:14 +0100
Subject: [PATCH 15/31] =?UTF-8?q?Table=20und=20Tag=20Chi=C3=BC=20Feinschli?=
 =?UTF-8?q?ff?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/static/css/grid.css    | 2 +-
 app/static/css/style.css   | 1 +
 app/static/js/functions.js | 1 +
 app/static/js/iban.js      | 9 +++++----
 app/templates/macros.html  | 2 +-
 5 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/app/static/css/grid.css b/app/static/css/grid.css
index 1a908f3..4a003bf 100644
--- a/app/static/css/grid.css
+++ b/app/static/css/grid.css
@@ -38,7 +38,7 @@
     /* Details PopUp Table */
     #dynamic-results tr {
         display: grid;
-        grid-template-columns: 2fr 3fr;
+        grid-template-columns: 1fr 1fr;
         gap: 0.1em;
         grid-template-areas: 
             ". ."
diff --git a/app/static/css/style.css b/app/static/css/style.css
index 994ab94..38d2cd6 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -144,6 +144,7 @@ button.info {
     text-decoration: none;
     white-space: nowrap;
 }
+    .tag-chip a.remove { color: var(--pico-code-kbd-color); }
     #filter-tag-container .tag-chip:last-child,
     #add-tag-container .tag-chip:last-child,
     #tag-container .tag-chip:last-child {
diff --git a/app/static/js/functions.js b/app/static/js/functions.js
index ecc111d..e828779 100644
--- a/app/static/js/functions.js
+++ b/app/static/js/functions.js
@@ -112,6 +112,7 @@ function addTagBullet(inputField, tagContainerId, hiddenInputId, tagvalue) {
 		const tagEl = document.createElement("span");
 		tagEl.className = "tag-chip " + generateClass(value);
 		tagEl.textContent = value;
+		tagEl.title = value;
 
 		const removeBtn = document.createElement("a");
 		removeBtn.className = "remove";
diff --git a/app/static/js/iban.js b/app/static/js/iban.js
index 0df239e..b63cfc1 100644
--- a/app/static/js/iban.js
+++ b/app/static/js/iban.js
@@ -104,10 +104,11 @@ function fillTxDetails(result) {
                 // Tag Chips
                 const row = Array.isArray(r[key]) ? r[key] : [r[key]];
                 for (let index = 0; index < row.length; index++) {
-                    const span = document.createElement('span');
-                    span.innerHTML = row[index];
-                    span.className = 'tag-chip ' + key;
-                    td.appendChild(span)
+                    const a_link = document.createElement('a');
+                    a_link.innerHTML = row[index];
+                    a_link.className = 'tag-chip ' + generateClass(row[index]);
+                    a_link.href = "?tags=" + row[index];
+                    td.appendChild(a_link);
                 }
 
             } else {
diff --git a/app/templates/macros.html b/app/templates/macros.html
index c29bb82..b389454 100644
--- a/app/templates/macros.html
+++ b/app/templates/macros.html
@@ -31,7 +31,7 @@
         </td>
         <td class="hide-m">
             {% for tag in transaction.tags %}
-            <a class="tag-chip {{generate_class(tag)}}" href="?tags={{tag}}">
+            <a class="tag-chip {{generate_class(tag)}}" href="?tags={{tag}}" title="{{tag}}">
                 {{ tag }}
             </a>
             {% endfor %}

From 5ae2e0fc833e248e31bbf74ad4992d55833a0950 Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Sun, 14 Dec 2025 21:56:53 +0100
Subject: [PATCH 16/31] VB Hessen Importer angefangen

---
 reader/Volksbank_Mittelhessen.py              | 16 +++++++++++--
 ...test_unit_reader_Volksbank-Mittelhessen.py | 24 +++++++++----------
 2 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/reader/Volksbank_Mittelhessen.py b/reader/Volksbank_Mittelhessen.py
index 37b8816..89b87ec 100644
--- a/reader/Volksbank_Mittelhessen.py
+++ b/reader/Volksbank_Mittelhessen.py
@@ -3,6 +3,7 @@
 
 import datetime
 import csv
+import camelot
 
 from reader.Generic import Reader as Generic
 
@@ -75,8 +76,19 @@ def from_pdf(self, filepath):
             Liste mit Dictonaries, als Standard-Objekt mit allen
             ausgelesenen Kontoumsätzen entspricht.
         """
-        raise NotImplementedError()
-
+        tables = camelot.read_pdf(
+            filepath,
+            pages="all", # End -1
+            flavor="stream",
+            table_areas=["60,567,573,51"],
+            columns=["75,112,440,526"],
+            strip_text='\n', # übernommen von Commerzbank, da ähnliches Layout
+            layout_kwargs={ # übernommen von Commerzbank, da ähnliches Layout
+                "char_margin": 2,
+                "word_margin": 0.5,
+            },
+        )
+ 
     def from_http(self, url):
         """
         Liest Kontoumsätze von einer Internetressource ein.
diff --git a/tests/test_unit_reader_Volksbank-Mittelhessen.py b/tests/test_unit_reader_Volksbank-Mittelhessen.py
index 01f720f..dbf293a 100644
--- a/tests/test_unit_reader_Volksbank-Mittelhessen.py
+++ b/tests/test_unit_reader_Volksbank-Mittelhessen.py
@@ -27,18 +27,18 @@ def test_read_from_csv(test_app):
         check_transaktion_list(transaction_list)
 
 
-#def test_read_from_pdf(test_app):
-#    """Testet das Einlesen einer PDF Datei mit Kontoumsätzen"""
-#    test_file_pdf = os.path.join('/tmp', 'volksbank-mittelhessen.pdf')
-#    if not os.path.isfile(test_file_pdf):
-#        # Test file not provided (sensitive data is not part of git repo)
-#        pytest.skip("Testfile /tmp/volksbank-mittelhessen.pdf not found....skipping")
-#
-#    with test_app.app_context():
-#        transaction_list = Volksbank_Mittelhessen().from_pdf(test_file_pdf)
-#
-#        # Check Reader Ergebnisse
-#        check_transaktion_list(transaction_list)
+def test_read_from_pdf(test_app):
+    """Testet das Einlesen einer PDF Datei mit Kontoumsätzen"""
+    test_file_pdf = os.path.join('/tmp', 'volksbank-mittelhessen.pdf')
+    if not os.path.isfile(test_file_pdf):
+        # Test file not provided (sensitive data is not part of git repo)
+        pytest.skip("Testfile /tmp/volksbank-mittelhessen.pdf not found....skipping")
+
+    with test_app.app_context():
+        transaction_list = Volksbank_Mittelhessen().from_pdf(test_file_pdf)
+
+        # Check Reader Ergebnisse
+        check_transaktion_list(transaction_list)
 
 
 @pytest.mark.skip(reason="Currently not implemented yet")

From 61ceab78d01ea5cf59a0a533b07863ba32148a04 Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Sun, 14 Dec 2025 22:06:23 +0100
Subject: [PATCH 17/31] Important notes

---
 reader/Volksbank_Mittelhessen.py | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/reader/Volksbank_Mittelhessen.py b/reader/Volksbank_Mittelhessen.py
index 89b87ec..b982647 100644
--- a/reader/Volksbank_Mittelhessen.py
+++ b/reader/Volksbank_Mittelhessen.py
@@ -80,7 +80,7 @@ def from_pdf(self, filepath):
             filepath,
             pages="all", # End -1
             flavor="stream",
-            table_areas=["60,567,573,51"],
+            table_areas=["60,629,573,51"],
             columns=["75,112,440,526"],
             strip_text='\n', # übernommen von Commerzbank, da ähnliches Layout
             layout_kwargs={ # übernommen von Commerzbank, da ähnliches Layout
@@ -88,6 +88,8 @@ def from_pdf(self, filepath):
                 "word_margin": 0.5,
             },
         )
+        # Begin at: "alter Kontostand vom"
+        # End at: "neuer Kontostand vom"
  
     def from_http(self, url):
         """

From 7671c6191396e63e9caf1c2981e0f4af7b9ec709 Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Mon, 15 Dec 2025 22:13:57 +0100
Subject: [PATCH 18/31] Add VB Import

---
 README.md                        |  10 +--
 Reader.md                        |  54 +++++++++++++
 reader/Volksbank_Mittelhessen.py | 134 ++++++++++++++++++++++++++-----
 tests/helper.py                  |   2 +-
 4 files changed, 172 insertions(+), 28 deletions(-)
 create mode 100644 Reader.md

diff --git a/README.md b/README.md
index 7e65f5b..11b3f8a 100644
--- a/README.md
+++ b/README.md
@@ -45,7 +45,7 @@ Listen und Diagramme zeigen dir, wo eigentlich das Geld geblieben ist :thinking:
 | Comdirect                    | 🟢 Umsatzübersicht | 🟢 Finanzreport |
 | Commerzbank                  | 🟢 Umsatzübersicht | 🟢 Kontoauszug |
 | Sparkasse Hannover           | ⚫ *planned* | ⚫ *planned* |
-| Volksbank Mittelhessen eG    | 🟢 Umsatzübersicht | ⚫ *planned* |
+| Volksbank Mittelhessen eG    | 🟢 Umsatzübersicht | 🟢 Kontoauszug |
 
 ### Workflow (CSV / PDF Imports)
 
@@ -92,13 +92,7 @@ pytest
 
 ## Entwickeln von neuen Readern
 
-- Erstelle einen neuen Test unter `tests/`
-    - (kopiere am besten `tests/test_unit_reader_Comdirect.py`)
-- Erstelle ein neues Skript unter `reader/`
-    - (kopiere am besten `reader/Generic.py`)
-- Passe die Logik im Test so an, dass dieser ausgeführt wird, wenn eine Testdatei vorhanden ist.
-- Entwickle deinen Reader und teste ihn dabei immer wieder mit `pytest -svx tests/test_unit_reader_*.py`
-- Pushe **keine** Testdaten (Kontoumsätze) ins Repo!
+Deine Bank fehlt noch in der Support Tabelle? [So erstellst du einen weiteren Reader](Reader.md).
 
 ## Entwickeln neuer `parser` / `rules`
 
diff --git a/Reader.md b/Reader.md
new file mode 100644
index 0000000..e5d4613
--- /dev/null
+++ b/Reader.md
@@ -0,0 +1,54 @@
+## Entwickeln von neuen Readern
+
+### Erstelle notwendige Dateien
+
+Neben dem Modul benätigst du noch einen Test. Ziel des Tests ist es, dass lokal eine Beispiel Datei importiert wird, wenn sie vorhanden ist und im Ergebnis geprüft wird, ob die eingelesenen Einträge sinnvoll sind. Eine Prüfung nach Transaktionsinhalten findet nicht statt.
+
+**Lade keine privaten Kontoauszüge in das Repository hoch !**
+
+Kopiere dazu am besten `tests/test_unit_reader_Comdirect.py` und...
+
+- Passe den Dateinamen der Beispieldatei an
+- Entscheide, ggf. eine Testfunktion zu überspringen mit `@pytest.mark.skip(reason="Currently not implemented yet")`
+
+Kopiere als nächstes `reader/Generic.py` und
+
+- Passe den Dateinamen der Beispieldatei an
+- Entwickle deinen Reader (siehe unten) und teste ihn zwischendurch/am Ende mit `pytest -svx tests/test_unit_reader_*.py`
+
+Der Test führt die `from_csv` bzw. `from_pdf` Funktion aus und überprüft, ob das Format richtig ist und die Werte der Transaktionen über entsprechende Keys mit sinnvollen Werten verfügen.
+
+### Logik des Readers erstellen
+
+Ziel der Funktion `from_csv` bzw. `from_pdf` ist es, eine Liste von Transaktionen in Form eines Dictionaries einzulesen, wobei die Keys der Vorgabe des [allgemeinen Models für Transaktionen](Models.md) folgt.
+
+Für das Einlesen einer PDF ist dabei mehr Aufwand notwendig. Hierbei kommt das Modul `camelot` zum Einsatz.
+
+Für die Entwicklung der richtigen Einstellungen wird neben dem Python Modul auch das CLI Programm empfohlen. Installation und Konfigurationen findest du in der [Dokumentation](https://camelot-py.readthedocs.io/en/master/).
+
+#### Step by Step
+
+- Lege eine Beispieldatei nach `/tmp/bank.pdf`
+- Nutze den `grid` Modus im CLI, um angezeigt zu bekommen, was `camelot` mit den jeweiligen Einstellungen für Tabelleninhalte finden würde.
+- Übertrage die erfolgreichen Flags und Einstellungen in den Python Aufruf im Reader-Modul
+- Lasse dir dort erst alle eingelesenen Zeileninhalte ausgeben (während eines `pytests`) und entscheide, wie du die Inhalte ggf. umformen, zusammenfassen oder trennen musst, um das [erwartete Muster](Models.md) zu erhalten.
+
+Ein guter Start ist folgender Aufruf:
+
+```
+camelot -plot grid /tmp/bank.pdf
+```
+
+Nützliche Flags sind `-p` für einzelne Seiten (schneller bzw. können so auch Edgecases geprüft werden), `-C` um die Koordinaten von Spalten festzulegen (meistens erforderlich) und `-T` um den Bereich festzulegen, wo nach einer Tabelle geprüft werden soll (meistens erforderlich). Ein fortgeschrittenerer Aufruf könnte daher so aussehen:
+
+```
+camelot -p 1,6 stream -C "75,112,440,526" -T "60,629,573,51" -plot grid /tmp/bank.pdf
+```
+
+Am Schluss kann noch der Wert eingestellt werden, ab dem Buchstaben vertikal oder horizontal zu einem Wort oder einer Zeile zusammengefasst oder schon getrennt werden. Mit dem Argument `layout_kwargs` in der Python-Methode können Argumente an den darunterliegenden `PDFMiner` durchgereicht werden, was genau diese Einstellungen ermöglicht.
+
+Die Dokumentation dieser möglichen Werte findet man in der [Dokumentation des PDFMiner](https://pdfminersix.readthedocs.io/en/latest/reference/composable.html). Der [Commerbank.py Reader](reader/Commerzbank.py) nutzt diese wegen der bestimmten Schriftart und Zeichenabständen im PDF.
+
+## Stelle einen Pull Request
+
+Beschreibe, welche Features du hinzugefügt oder verbessert hast. Pytest und Pylint werden hier geprüft. Das Testen des neuen Imports kann nur bei dir erfolgen, da die Maintainer in der Regel über keine Testdateien dafür verfügen. Teste daher sorgfältig.
diff --git a/reader/Volksbank_Mittelhessen.py b/reader/Volksbank_Mittelhessen.py
index b982647..df544a3 100644
--- a/reader/Volksbank_Mittelhessen.py
+++ b/reader/Volksbank_Mittelhessen.py
@@ -3,6 +3,7 @@
 
 import datetime
 import csv
+import re
 import camelot
 
 from reader.Generic import Reader as Generic
@@ -82,33 +83,128 @@ def from_pdf(self, filepath):
             flavor="stream",
             table_areas=["60,629,573,51"],
             columns=["75,112,440,526"],
-            strip_text='\n', # übernommen von Commerzbank, da ähnliches Layout
-            layout_kwargs={ # übernommen von Commerzbank, da ähnliches Layout
-                "char_margin": 2,
-                "word_margin": 0.5,
-            },
+            split_text=True,
+            #layout_kwargs={ # übernommen von Commerzbank, da ähnliches Layout
+            #    "char_margin": 2,
+            #    "word_margin": 0.5,
+            #},
         )
-        # Begin at: "alter Kontostand vom"
-        # End at: "neuer Kontostand vom"
- 
+
+        # Tabellen aller Seiten zusammenfügen
+        self.all_rows = []
+        for t in tables:
+            if not t.data:
+                continue
+
+            self.all_rows.extend(t.data)
+
+        # Start bei den Kontoumsätzen
+        start_index = 0
+        end_index = len(self.all_rows)
+        date_tx_year = None
+        for row in self.all_rows:
+
+            if row[2].replace(' ', '').lower().startswith('alterkontostand'):
+                # Last row before transactions
+                start_index = self.all_rows.index(row) + 1
+                date_tx_year = row[2][-4:]  # Jahr für die Transaktionen merken
+
+            if row[2].replace(' ', '').lower().startswith('neuerkontostand'):
+                # First row after transactions + final line
+                end_index = self.all_rows.index(row) - 1
+                break
+
+        if date_tx_year is None or re.match(r'^\d{4}$', date_tx_year) is None:
+            raise ValueError("Konnte Jahr der Transaktionen nicht ermitteln.")
+
+        result = []
+        enumerated_table = enumerate(self.all_rows[start_index:end_index])
+
+        # Zeilen anhand der Datumsspalte zusammenfügen
+        re_datecheck = re.compile(r'^\d{2}\.\d{2}')
+
+        for i, row in enumerated_table:
+
+            if not re_datecheck.match(row[0]) and not re_datecheck.match(row[1]):
+                continue  # Skip Header and unvalid Rows
+
+            # Positives 'Haben' oder negatives 'Soll'
+            betrag = f'-{row[3]}' if row[3] else row[4]
+            betrag = betrag[:-2].replace('.', '').replace(',', '.')
+
+            line = {
+                'date_tx': datetime.datetime.strptime(
+                    f"{row[0]}{date_tx_year}", "%d.%m.%Y"
+                ).replace(tzinfo=datetime.timezone.utc).timestamp(),
+                'valuta': datetime.datetime.strptime(
+                    f"{row[1]}{date_tx_year}", "%d.%m.%Y"
+                ).replace(tzinfo=datetime.timezone.utc).timestamp(),
+                'art': row[2],
+                'text_tx': "",
+                'betrag': float(betrag),
+                'gegenkonto': "",
+                'currency': "EUR",
+                'parsed': {},
+                'category': None,
+                'tags': None
+            }
+
+            if not line['betrag']:
+                continue  # Skip Null-Buchungen
+
+            # Mehrzeilige Buchungstexte zusammenfügen
+            while self._check_next_line_available(start_index, end_index, i):
+                # 1. There are more lines in the table
+                # 2. Next line belongs to this transaction
+                # 3. First next line is: Gegenkonto
+                prev_line_len = len(row[3])
+                i, row = next(enumerated_table)
+                if not line['text_tx']:
+                    line['gegenkonto'] = row[2]
+                    line['text_tx'] = row[2]
+                    continue
+
+                line['text_tx'] += self._how_to_glue(prev_line_len, row[2])
+
+            result.append(line)
+
+        return result
+
     def from_http(self, url):
         """
         Liest Kontoumsätze von einer Internetressource ein.
         """
         raise NotImplementedError()
 
-    def _newline_replace(self, text_in:str) -> str:
-        """Ersetzt Newlines im Buchungsinformationen
-        intelligent durch Leerzeichen oder nichts
+    def _how_to_glue(self, prev_line_len, text_tx):
+        """Stellt ein oder kein Leerzeichen an das Ende
+        der Zeichenkette, um die nächste Zeile passend entgegenzunehmen."""
+        if prev_line_len < 54:
+            return ' ' + text_tx
+
+        return text_tx
+
+    def _check_next_line_available(self, start_index, end_index, i):
+        """
+        Hilfsmethode um zu prüfen, ob die nächste Zeile im
+        ausgelesenen PDF-Dokument noch verfügbar ist und zur selben Buchung gehört.
+
         Args:
-            text_in, str:   Input Text aus Kontoauszug
-        Return:
-            str: Text ohne Newlines
+            start_index (int): Startindex der Kontoumsätze
+            end_index (int): Endindex der Kontoumsätze
+            i (int): Aktueller Index in der Iteration
+        Returns:
+            bool: True, wenn die nächste Zeile noch verfügbar ist, sonst False
         """
-        if not '\n' in text_in:
-            return text_in
+        next_lines_index = start_index + i + 1
+        if next_lines_index >= end_index:
+            return False
+
+        if self.all_rows[next_lines_index][2] == '':
+            return False
 
-        if text_in.index('\n') < 35:
-            return text_in.replace('\n', ' ')
+        if self.all_rows[next_lines_index][0] != '' or \
+           self.all_rows[next_lines_index][1] != '':
+            return False
 
-        return text_in.replace('\n', '')
+        return True
diff --git a/tests/helper.py b/tests/helper.py
index 7d49b72..97bc00d 100644
--- a/tests/helper.py
+++ b/tests/helper.py
@@ -50,7 +50,7 @@ def check_transaktion_list(tx_list):
         # Buchungsart (optional, aber bei Generic mit dabei)
         buchungs_art = entry.get('art')
         assert isinstance(buchungs_art, str) and len(buchungs_art), \
-            f"'art' wurde nicht oder falsch erkannt: {gegenkonto}"
+            f"'art' wurde nicht oder falsch erkannt: {buchungs_art}"
 
         # Währung (optional, aber bei Generic mit dabei)
         currency = entry.get('currency')

From 75e2010f8ff1a2053092c261119aa600ac520d61 Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Mon, 15 Dec 2025 22:14:08 +0100
Subject: [PATCH 19/31] JS float mit Decimals

---
 app/static/js/iban.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/app/static/js/iban.js b/app/static/js/iban.js
index b63cfc1..11027f8 100644
--- a/app/static/js/iban.js
+++ b/app/static/js/iban.js
@@ -111,6 +111,9 @@ function fillTxDetails(result) {
                     td.appendChild(a_link);
                 }
 
+            } else if (key == 'betrag') {
+                td.innerHTML = r[key].toFixed(2);
+
             } else {
                 td.innerHTML = r[key];
 

From 77c91acfd15ff5732cf66c4263f98e70645c814d Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Mon, 15 Dec 2025 22:17:34 +0100
Subject: [PATCH 20/31] pylint setting

---
 .github/workflows/python-app.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/python-app.yml b/.github/workflows/python-app.yml
index 69910d9..319c3df 100644
--- a/.github/workflows/python-app.yml
+++ b/.github/workflows/python-app.yml
@@ -85,7 +85,7 @@ jobs:
         #
         # -- Lint and parse Output
         #
-        pylint_output=$(PYTHONPATH=. pylint . --recursive=y --disable=W0511,R0903 --score=y)
+        pylint_output=$(PYTHONPATH=. pylint . --recursive=y --disable=W0511,R0903,R0801 --score=y)
         exitcode=$?
         score=$(sed -n '$s/[^0-9]*\([0-9.]*\).*/\1/p' <<< "$pylint_output")
         #

From be413adf92d8998eda18fc487976f0bd582b9d94 Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Wed, 17 Dec 2025 22:11:03 +0100
Subject: [PATCH 21/31] Readme angepasst

---
 README.md | 87 ++++++++++++++++++++++++++++---------------------------
 1 file changed, 44 insertions(+), 43 deletions(-)

diff --git a/README.md b/README.md
index 11b3f8a..0c9cd63 100644
--- a/README.md
+++ b/README.md
@@ -5,39 +5,43 @@
 
 Analyse und Darstellung von Kontoumsätzen bei mehreren Banken.
 
-## Features
+## Get Started
+
+### Setup
+
+```
+python3.12 -m venv .venv
+source .venv/bin/activate
+.venv/bin/python3.12 -m ensurepip --upgrade # (optional)
+pip install -r requirements.txt
+.venv/bin/python3.12 app/server.py
+```
 
-### Parsing
+### Start
 
-Importiere Kontoumsätzen aus Dateien im Format unterstützter Banken (Exports von Umsatzübersichten als CSV, Kontoauszüge als PDF). Für Auswertung der Ausgaben von Zeit zu Zeit.
+- Importiere Kontoumsätze über CSV Listen oder PDF Kontoauszüge deiner Bank ([unterstützte Banken](#unterstützte-banken))
+- Erstelle eine Gruppe mehrerer Konten, um alle diese Umsätze in einer Übersicht zu sehen
+- Wende vorgefertigte oder eigene Regeln für das automatische Taggen und Kategorisieren deiner Umsätze an
+- Suche und Filtere deine Umsätze nach einer Vielzahl möglicher Kriterien
+- Lerne mehr über deinen Cashflow durch die Übersicht der statistischen Auswertungen. Hier kannst du alle oder nur gefilterte Umsätze berücksichtigen.
 
-Modulare Importer können nach und nach für verschiedene Banken oder spezielle Formate entwickelt werden. Füge einen Importer für deine Bank hinzu :wink:
+## Features
 
-### Analyse
+Die Funktionen des PynanceParsers setzen stark auf Reproduzierbarkeit. Das bedeutet, dass du beliebig oft gleiche Daten löschen und reimportieren kannst und halbautomatisch wieder die gleichen Ergebnisse (einmalige Transaktionen, Tagging, Kategorien, Statistiken) erhälts. Ein manuelles Editieren ist zwar möglich, aber die Ausnahme.
 
 - Keine doppelten Imports *(Datum, Text und Betrag bilden eine einmalige Kombination)*
 - Automatisches Extrahieren von Zusatzinformationen einer Transaktion durch Muster *(RegEx parst Kerninformationen)*
 - Automatisches und/oder manuelles Taggen von Umsätzen *(Regelbasiert: RegEx + Zusatzinformationen)*
-- Automatisches und/oder manuelles Kategorisieren von Umsätzen *(Regelbasiert: RegEx + Tags und weitere Indikatoren)*
-- Übersicht über alle Transaktionen *(Vielseitige Filtermöglichkeiten)*
-- Statistische Auswertung auf dem angereicherten Datensatz vieler Transaktionen *(interaktive Grafiken)*
-
-Hinterlegte Regeln können die extrahierten Informationen, weitere Umsatzinformationen und weitere RegExes berücksichtigen und ermöglichen so komplexe Bewertungen einfach zu erstellen.
-
-Ein Tagging findet anschließend auf angereicherten Informationen regelbasiert statt und kann außerdem auch manuell erfolgen.
-
-Auf dieser Grundlage werden Umsätze Kategorisiert wobei auch das händisch editiert werden kann.
+- Automatisches und/oder manuelles Kategorisieren von Umsätzen *(Regelbasiert: RegEx + Tags + Zusatzinformationen)*
+- Übersicht über alle Transaktionen einer oder mehrerer Konten *(Vielseitige Filtermöglichkeiten; Kontogruppen)*
+- Statistische Auswertung auf dem angereicherten Datensatz *(Kontextabhängige Statistken)*
 
 ### Darstellung
 
 - Kontohistorie
-- Transaktionsansicht
+- Transaktionsdetails
 - Statistiken/Verteilungen/Verläufe
 
-Listen und Diagramme zeigen dir, wo eigentlich das Geld geblieben ist :thinking:
-
-## Misc
-
 ### Unterstützte Banken
 
 | Bank                         | CSV | PDF |
@@ -47,6 +51,10 @@ Listen und Diagramme zeigen dir, wo eigentlich das Geld geblieben ist :thinking:
 | Sparkasse Hannover           | ⚫ *planned* | ⚫ *planned* |
 | Volksbank Mittelhessen eG    | 🟢 Umsatzübersicht | 🟢 Kontoauszug |
 
+Ist deine Bank noch nicht dabei? Den modularen Import kannst du mit [überschaubaren Aufwand](#entwickeln-von-neuen-readern) für deine Bank erweitern.
+
+## Hinweise
+
 ### Workflow (CSV / PDF Imports)
 
 Umsätze können sich beim Import überschneiden oder mehrfach hochgeladen werden: Transaktionen werden in der Regel nicht doppelt importiert.
@@ -58,28 +66,32 @@ Daher sollte man beachten:
 - Regeln nicht auf zwingend vorhandene Leerzeichen auszulegen
 - Beim Wechsel eines Formats (PDF / CSV) keine Überschneidungen zu haben (PDF zuerst, dann fehlende Transaktionen selektieren und via CSV exportieren - alternativ bei einem Format bleiben)
 
-### Tagging- und Kategorisierungsregeln
+### Default Tagging- und Kategorisierungsregeln
 
 In diesem Repository werden nur Basis-Regeln mitgeliefert, da speziellere und genauere Regeln sehr individuell auf einzelne Personen zugeschnitten sind. So schreibt zum Beispiel eine Versicherung die Versichertennummer mit in die Abbuchungen, was einen sehr guten Tagging-Indikator darstellt, jedoch nur für einen speziellen Nutzer dieses Programms. Das schreiben eigener Regeln ist daher unumgänglich, um bessere Ergebnisse zu erzielen.
 
-Für diesen Zweck gibt es aber die Möglichkeit im Frontend Regeln auszuprobieren, ohne dass Umsätze geändert werden. Neue Regeln können ebenfalls über die Oberfläche temporär hochgeladen werden (bis zum Neustart des Servers) oder dauerhaft im Ordner `settings/rule` abgelegt werden. Die Dateien hier werden in alphabetisch sortierter Reihenfolge geladen (angefangen bei `00-*`), wobei spätere Regeln ggf. bestehende Regeln überschreiben können. Im Rwepository werden nur die Default-Regeln angepasst. Auf diese Weise können eigene Regeln gepflegt werden, ohne dass sie bei Updates verloren gehen.
+## Anpassungen / Contribution
 
+**You're Welcome !** :tada:
 
-## Contribution
+Erstelle einen Reader für verschiedene Formate deiner Bank oder ergänze die `parser` und `rules`.
 
-You're Welcome !
+### Entwickeln neuer `parser` / `rules`
 
-Erstelle einen Reader für verschiedene Formate deiner Bank oder ergänze die `parser` und `rules`.
+Für diesen Zweck gibt es die Möglichkeit im Frontend Regeln auszuprobieren, ohne dass Umsätze geändert werden. Neue Regeln können ebenfalls über die Oberfläche temporär hochgeladen werden (bis zum Neustart des Servers) oder dauerhaft im Ordner `settings/rule` abgelegt werden. Die Dateien hier werden in alphabetisch sortierter Reihenfolge geladen (angefangen bei `00-*`), wobei spätere Regeln ggf. bestehende Regeln überschreiben können. Im Repository werden nur die Default-Regeln angepasst. Auf diese Weise können eigene Regeln gepflegt werden, ohne dass sie bei Updates verloren gehen.
 
-## Setup
+**Wenn du neue Regeln für dieses Repository beitragen möchtest, gehst du wie folgt vor:**
 
-```
-python3.12 -m venv .venv
-source .venv/bin/activate
-.venv/bin/python3.12 -m ensurepip --upgrade # (optional)
-pip install -r requirements.txt
-.venv/bin/python3.12 app/server.py
-```
+- Erstelle einen Fork des Repositories
+- Erstelle Testdaten, auf die die neuen Regeln treffen können
+    - (am einfachsten ist eine JSON Datei wie `tests/commerzbank.json`)
+- Erstelle einen Test wie in (`test_unit_handler_Tags.py`: `test_parsing_regex()`)
+    - Tests helfen beim entwickeln, können aber auch durch die Maintainer während des Pull Request erstellt werden
+- Stelle einen Pull Request
+
+### Entwickeln von neuen Readern
+
+Deine Bank fehlt noch in der Support Tabelle? Stelle einen Pull Request mit einem neuen Reader. [So kannst du ihn erstellen.](Reader.md).
 
 ### Testumgebung
 
@@ -89,14 +101,3 @@ pip install -r requirements.txt
 pip install -r tests/requirements.txt
 pytest
 ```
-
-## Entwickeln von neuen Readern
-
-Deine Bank fehlt noch in der Support Tabelle? [So erstellst du einen weiteren Reader](Reader.md).
-
-## Entwickeln neuer `parser` / `rules`
-
-- Erstelle Testdaten, auf die die neuen Regeln treffen können
-    - (am einfachsten ist eine JSON Datei wie `tests/commerzbank.json`)
-- Erstelle einen Test wie in (`test_unit_handler_Tags.py`: `test_parsing_regex()`)
-    - Tests helfen beim entwickeln, können aber auch durch mich beim Pull Request erstellt werden

From 3d9e04acc8f3c286f9f16fc6f57a796577f630d5 Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Wed, 17 Dec 2025 22:29:25 +0100
Subject: [PATCH 22/31] Emoji

---
 README.md | 32 ++++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 0c9cd63..464b22f 100644
--- a/README.md
+++ b/README.md
@@ -5,6 +5,8 @@
 
 Analyse und Darstellung von Kontoumsätzen bei mehreren Banken.
 
+**This repo is german but you are welcome to add your language to the frontend.**
+
 ## Get Started
 
 ### Setup
@@ -29,12 +31,30 @@ pip install -r requirements.txt
 
 Die Funktionen des PynanceParsers setzen stark auf Reproduzierbarkeit. Das bedeutet, dass du beliebig oft gleiche Daten löschen und reimportieren kannst und halbautomatisch wieder die gleichen Ergebnisse (einmalige Transaktionen, Tagging, Kategorien, Statistiken) erhälts. Ein manuelles Editieren ist zwar möglich, aber die Ausnahme.
 
-- Keine doppelten Imports *(Datum, Text und Betrag bilden eine einmalige Kombination)*
-- Automatisches Extrahieren von Zusatzinformationen einer Transaktion durch Muster *(RegEx parst Kerninformationen)*
-- Automatisches und/oder manuelles Taggen von Umsätzen *(Regelbasiert: RegEx + Zusatzinformationen)*
-- Automatisches und/oder manuelles Kategorisieren von Umsätzen *(Regelbasiert: RegEx + Tags + Zusatzinformationen)*
-- Übersicht über alle Transaktionen einer oder mehrerer Konten *(Vielseitige Filtermöglichkeiten; Kontogruppen)*
-- Statistische Auswertung auf dem angereicherten Datensatz *(Kontextabhängige Statistken)*
+👉 **Keine doppelten Imports**
+
+  *(Datum, Text und Betrag bilden eine einmalige Kombination)*
+
+👉 **Automatisches Extrahieren von Zusatzinformationen**
+
+  *(RegEx parst Kerninformationen)*
+
+👉 **Automatisches und/oder manuelles Taggen**
+
+  *(Regelbasiert: RegEx + Zusatzinformationen)*
+
+👉 **Automatisches und/oder manuelles Kategorisieren**
+
+  *(Regelbasiert: RegEx + Tags + Zusatzinformationen)*
+
+👉 **Übersicht über alle Transaktionen**
+
+  *(vielseitige Filtermöglichkeiten in einem Konto oder einer Kontogruppe)*
+
+👉 **Statistische Auswertung auf dem angereicherten Datensatz**
+
+  *(Kontextabhängige Statistken)*
+
 
 ### Darstellung
 

From 90907bfdd2f5be091eb38c7dc3b6e68fe756e0dc Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Wed, 17 Dec 2025 22:30:21 +0100
Subject: [PATCH 23/31] Language hint

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 464b22f..77f788b 100644
--- a/README.md
+++ b/README.md
@@ -3,9 +3,9 @@
 ![pytest](https://img.shields.io/badge/pytest-passed%20(53/53)-darkgreen)
 ![pylint](https://img.shields.io/badge/pylint-9.75-yellow)
 
-Analyse und Darstellung von Kontoumsätzen bei mehreren Banken.
+*This repo is german but you are welcome to add your language to the frontend.*
 
-**This repo is german but you are welcome to add your language to the frontend.**
+Analyse und Darstellung von Kontoumsätzen bei mehreren Banken.
 
 ## Get Started
 

From 42564e2d24a5884dea6d30481f82e013457d45dd Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Tue, 23 Dec 2025 22:05:09 +0100
Subject: [PATCH 24/31] Add Gegenkonto filter

---
 app/routes.py              |  4 +++-
 app/static/js/functions.js |  6 ++++++
 app/templates/macros.html  | 34 +++++++++++++++++++++++-----------
 app/ui.py                  | 11 +++++++++++
 handler/MongoDb.py         |  2 +-
 handler/TinyDb.py          | 29 +++++++++++++++--------------
 6 files changed, 59 insertions(+), 27 deletions(-)

diff --git a/app/routes.py b/app/routes.py
index 3fa45c3..335efb0 100644
--- a/app/routes.py
+++ b/app/routes.py
@@ -50,7 +50,9 @@ def iban(iban) -> str:
                 Startseite in einem Konto.
 
                 Args (uri):
-                    iban, str:  IBAN zu der die Einträge angezeigt werden sollen.
+                    iban, str:              IBAN zu der die Einträge angezeigt werden sollen.
+                    text, str (query):      Volltextsuche im Betreff mit RegEx Support
+                    gegenkonto, str (query): Volltextsuche im Gegenkonto mit RegEx Support
                     startDate, str (query): Startdatum (Y-m-d) für die Anzeige der Einträge
                     endDate, str (query):   Enddatum (Y-m-d) für die Anzeige der Einträge
                     category, str (query):  Kategorie-Filter
diff --git a/app/static/js/functions.js b/app/static/js/functions.js
index e828779..a69a62f 100644
--- a/app/static/js/functions.js
+++ b/app/static/js/functions.js
@@ -51,6 +51,12 @@ function getFilteredList() {
 		arg_concat = '&';
 	}
 
+	const peer = document.getElementById('filter-peer').value;
+	if (peer) {
+		query_args = query_args + arg_concat + 'gegenkonto=' + peer;
+		arg_concat = '&';
+	}
+
 	const category = document.getElementById('filter-cat').value;
 	if (category) {
 		query_args = query_args + arg_concat + 'category=' + category;
diff --git a/app/templates/macros.html b/app/templates/macros.html
index b389454..d64497b 100644
--- a/app/templates/macros.html
+++ b/app/templates/macros.html
@@ -19,7 +19,7 @@
             {{ transaction.date_tx | ctime }}
             <small class="secondary">({{ transaction.valuta | ctime }})</small>
         </td>
-        <td>{{ transaction.text_tx[:75] }}{% if transaction.text_tx|length > 60 %} ...{%endif%}</td>
+        <td>{{ transaction.text_tx[:90] }}{% if transaction.text_tx|length > 60 %} ...{%endif%}</td>
         <td>
             {% if transaction.category %}
             <a class="tag-chip category {{generate_class(transaction.category)}}" href="?category={{transaction.category}}">
@@ -87,16 +87,28 @@ <h2>Transaktions Details</h2>
                 {% endif %}
             />
         </label>
-        <label>
-            Kategorien
-            <input type="text" id="filter-cat" list="cat-list" placeholder="Kategorie"
-                {% if 'category' in filters %}
-                    value="{{filters.category}}" aria-invalid="false"
-                {% else %}
-                    value=""
-                {% endif %}
-            />
-        </label>
+            <div class="grid">
+                <label>
+                    Kategorien
+                    <input type="text" id="filter-cat" list="cat-list" placeholder="Kategorie"
+                        {% if 'category' in filters %}
+                            value="{{filters.category}}" aria-invalid="false"
+                        {% else %}
+                            value=""
+                        {% endif %}
+                    />
+                </label>
+                <label>
+                    Gegenkonto
+                    <input type="text" id="filter-peer" list="cat-list" placeholder="IBAN / Nummer"
+                        {% if 'gegenkonto' in filters %}
+                            value="{{filters.gegenkonto}}" aria-invalid="false"
+                        {% else %}
+                            value=""
+                        {% endif %}
+                    />
+                </label>
+            </div>
         <label>
             Tags
             <div id="filter-tag-container"></div>
diff --git a/app/ui.py b/app/ui.py
index 6a2e4c1..b1c642c 100644
--- a/app/ui.py
+++ b/app/ui.py
@@ -186,6 +186,17 @@ def filter_to_condition(self, get_args: dict) -> list:
 
             frontend_filters['text'] = text_search
 
+        # Filter Gegenkonto Search
+        konto_search = get_args.get('gegenkonto')
+        if konto_search is not None:
+            condition.append({
+                'key': 'gegenkonto',
+                'value': konto_search,
+                'compare': 'regex'
+            })
+
+            frontend_filters['gegenkonto'] = konto_search
+
         return condition, frontend_filters
 
     def check_requested_iban(self, iban):
diff --git a/handler/MongoDb.py b/handler/MongoDb.py
index 1827e0a..5974d2c 100644
--- a/handler/MongoDb.py
+++ b/handler/MongoDb.py
@@ -262,7 +262,7 @@ def _form_condition(self, condition):
 
         # Regex Suche
         if condition_method.lower() == 'regex':
-            stmt = re.compile(condition.get('value'))
+            stmt = re.compile(str(condition.get('value')))
 
         # Like Suche
         if condition_method.lower() == 'like':
diff --git a/handler/TinyDb.py b/handler/TinyDb.py
index 5712a2b..9917242 100644
--- a/handler/TinyDb.py
+++ b/handler/TinyDb.py
@@ -286,13 +286,6 @@ def _form_where(self, condition):
             # All types in query have to be hashable in TinyDB
             condition_val = tuple(condition_val)
 
-        else:
-            try:
-                # Transfer to a number for comparison
-                condition_val = float(condition_val)
-            except (TypeError, ValueError):
-                pass
-
         # Nested or Plain Key
         if isinstance(condition_key, dict):
             for key, val in condition_key.items():
@@ -303,7 +296,7 @@ def _form_where(self, condition):
 
         # RegEx Suche
         if condition_method == 'regex':
-            condition_val = re.compile(condition_val)
+            condition_val = re.compile(str(condition_val))
             where_statement = where_statement.search(condition_val)
             return where_statement
 
@@ -315,7 +308,21 @@ def test_contains(value, search):
             where_statement = where_statement.test(test_contains, condition_val)
             return where_statement
 
+        # List Queries
+        if condition_method == 'in':
+            where_statement = where_statement.any(condition_val)
+        if condition_method == 'notin':
+            where_statement = where_statement.test(self._none_of_test, condition_val)
+        if condition_method == 'all':
+            where_statement = where_statement.all(condition_val)
+
         # Standard Query
+        try:
+            # Transfer to a number for comparison
+            condition_val = float(condition_val)
+        except (TypeError, ValueError):
+            pass
+
         if condition_method == '==':
             where_statement = where_statement == condition_val
         if condition_method == '!=':
@@ -328,12 +335,6 @@ def test_contains(value, search):
             where_statement = where_statement > condition_val
         if condition_method == '<':
             where_statement = where_statement < condition_val
-        if condition_method == 'in':
-            where_statement = where_statement.any(condition_val)
-        if condition_method == 'notin':
-            where_statement = where_statement.test(self._none_of_test, condition_val)
-        if condition_method == 'all':
-            where_statement = where_statement.all(condition_val)
 
         return where_statement
 

From c03448f41d215cbcd5c79d413ea0045a2bcbdff7 Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Wed, 24 Dec 2025 21:40:33 +0100
Subject: [PATCH 25/31] Change "gegenkonto" to "peer"

---
 Models.md                        |  2 +-
 app/routes.py                    |  2 +-
 app/static/js/functions.js       |  2 +-
 app/templates/iban.html          |  2 +-
 app/templates/macros.html        |  4 ++--
 app/ui.py                        |  6 +++---
 reader/Comdirect.py              |  4 ++--
 reader/Commerzbank.py            |  4 ++--
 reader/Generic.py                |  2 +-
 reader/Volksbank_Mittelhessen.py |  6 +++---
 tests/helper.py                  | 10 +++++-----
 11 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/Models.md b/Models.md
index cd7f368..7a4d897 100644
--- a/Models.md
+++ b/Models.md
@@ -39,7 +39,7 @@
     'date_tx': int,         # (UTC)
     'text_tx': str,
     'betrag': float,
-    'gegenkonto': str,
+    'pper': str,
 
     ----------- optional -----------
 
diff --git a/app/routes.py b/app/routes.py
index 335efb0..731ddaa 100644
--- a/app/routes.py
+++ b/app/routes.py
@@ -52,7 +52,7 @@ def iban(iban) -> str:
                 Args (uri):
                     iban, str:              IBAN zu der die Einträge angezeigt werden sollen.
                     text, str (query):      Volltextsuche im Betreff mit RegEx Support
-                    gegenkonto, str (query): Volltextsuche im Gegenkonto mit RegEx Support
+                    pper, str (query): Volltextsuche im Gegenkonto mit RegEx Support
                     startDate, str (query): Startdatum (Y-m-d) für die Anzeige der Einträge
                     endDate, str (query):   Enddatum (Y-m-d) für die Anzeige der Einträge
                     category, str (query):  Kategorie-Filter
diff --git a/app/static/js/functions.js b/app/static/js/functions.js
index a69a62f..227c59a 100644
--- a/app/static/js/functions.js
+++ b/app/static/js/functions.js
@@ -53,7 +53,7 @@ function getFilteredList() {
 
 	const peer = document.getElementById('filter-peer').value;
 	if (peer) {
-		query_args = query_args + arg_concat + 'gegenkonto=' + peer;
+		query_args = query_args + arg_concat + 'pper=' + peer;
 		arg_concat = '&';
 	}
 
diff --git a/app/templates/iban.html b/app/templates/iban.html
index 42fde73..95f475c 100644
--- a/app/templates/iban.html
+++ b/app/templates/iban.html
@@ -204,7 +204,7 @@ <h2>Transaktions Details</h2>
                 </tr>
                 <tr>
                     <th>Gegenkonto:</th>
-                    <td class="gegenkonto"></td>
+                    <td class="pper"></td>
                 </tr>
                 <tr>
                     <th>Betrag</th>
diff --git a/app/templates/macros.html b/app/templates/macros.html
index d64497b..852ee11 100644
--- a/app/templates/macros.html
+++ b/app/templates/macros.html
@@ -101,8 +101,8 @@ <h2>Transaktions Details</h2>
                 <label>
                     Gegenkonto
                     <input type="text" id="filter-peer" list="cat-list" placeholder="IBAN / Nummer"
-                        {% if 'gegenkonto' in filters %}
-                            value="{{filters.gegenkonto}}" aria-invalid="false"
+                        {% if 'pper' in filters %}
+                            value="{{filters.pper}}" aria-invalid="false"
                         {% else %}
                             value=""
                         {% endif %}
diff --git a/app/ui.py b/app/ui.py
index b1c642c..46e6f42 100644
--- a/app/ui.py
+++ b/app/ui.py
@@ -187,15 +187,15 @@ def filter_to_condition(self, get_args: dict) -> list:
             frontend_filters['text'] = text_search
 
         # Filter Gegenkonto Search
-        konto_search = get_args.get('gegenkonto')
+        konto_search = get_args.get('pper')
         if konto_search is not None:
             condition.append({
-                'key': 'gegenkonto',
+                'key': 'pper',
                 'value': konto_search,
                 'compare': 'regex'
             })
 
-            frontend_filters['gegenkonto'] = konto_search
+            frontend_filters['pper'] = konto_search
 
         return condition, frontend_filters
 
diff --git a/reader/Comdirect.py b/reader/Comdirect.py
index 9118439..be31741 100644
--- a/reader/Comdirect.py
+++ b/reader/Comdirect.py
@@ -58,7 +58,7 @@ def from_csv(self, filepath):
                     'art': row['Vorgang'],
                     'text_tx': match.group(2).strip(),
                     'betrag': betrag,
-                    'gegenkonto': match.group(1).strip(),
+                    'pper': match.group(1).strip(),
                     'currency': "EUR",
                     'parsed': {},
                     'category': None,
@@ -138,7 +138,7 @@ def from_pdf(self, filepath):
                 'art': row[1].replace('\n', '').replace(' ', ''),
                 'text_tx': self._newline_replace(row[3]),
                 'betrag': betrag,
-                'gegenkonto': self._newline_replace(row[2]),
+                'pper': self._newline_replace(row[2]),
                 'currency': "EUR",
                 'parsed': {},
                 'category': None,
diff --git a/reader/Commerzbank.py b/reader/Commerzbank.py
index c7e8298..b70d891 100644
--- a/reader/Commerzbank.py
+++ b/reader/Commerzbank.py
@@ -44,7 +44,7 @@ def from_csv(self, filepath):
                     'art': row['Umsatzart'],
                     'text_tx': row['Buchungstext'],
                     'betrag': betrag,
-                    'gegenkonto': row.get('Auftraggeber', row.get('IBAN Auftraggeberkonto')),
+                    'pper': row.get('Auftraggeber', row.get('IBAN Auftraggeberkonto')),
                     'currency': row['Währung'],
                     'parsed': {},
                     'category': None,
@@ -127,7 +127,7 @@ def from_pdf(self, filepath):
                 'art': "",
                 'text_tx':  row[0],
                 'betrag': float(betrag.replace('.', '').replace(',', '.')),
-                'gegenkonto': row[0],
+                'pper': row[0],
                 'currency': "EUR",
                 'parsed': {},
                 'category': None,
diff --git a/reader/Generic.py b/reader/Generic.py
index fcbad78..82e63c4 100644
--- a/reader/Generic.py
+++ b/reader/Generic.py
@@ -58,7 +58,7 @@ def from_csv(self, filepath):
                     'art': row['Art'],
                     'text_tx': row['Buchungstext'],
                     'betrag': betrag,
-                    'gegenkonto': row.get('Gegenkonto'),
+                    'pper': row.get('Gegenkonto'),
                     'currency': row['Währung'],
                     'parsed': {},
                     'category': None,
diff --git a/reader/Volksbank_Mittelhessen.py b/reader/Volksbank_Mittelhessen.py
index df544a3..4e0bf71 100644
--- a/reader/Volksbank_Mittelhessen.py
+++ b/reader/Volksbank_Mittelhessen.py
@@ -51,7 +51,7 @@ def from_csv(self, filepath):
                     'art': row['Buchungstext'],
                     'text_tx': row['Verwendungszweck'],
                     'betrag': betrag,
-                    'gegenkonto': row['Name Zahlungsbeteiligter'],
+                    'pper': row['Name Zahlungsbeteiligter'],
                     'currency': row['Waehrung'],
                     'parsed': {},
                     'category': None,
@@ -142,7 +142,7 @@ def from_pdf(self, filepath):
                 'art': row[2],
                 'text_tx': "",
                 'betrag': float(betrag),
-                'gegenkonto': "",
+                'pper': "",
                 'currency': "EUR",
                 'parsed': {},
                 'category': None,
@@ -160,7 +160,7 @@ def from_pdf(self, filepath):
                 prev_line_len = len(row[3])
                 i, row = next(enumerated_table)
                 if not line['text_tx']:
-                    line['gegenkonto'] = row[2]
+                    line['pper'] = row[2]
                     line['text_tx'] = row[2]
                     continue
 
diff --git a/tests/helper.py b/tests/helper.py
index 97bc00d..f46570b 100644
--- a/tests/helper.py
+++ b/tests/helper.py
@@ -11,7 +11,7 @@ def check_transaktion_list(tx_list):
 
         # Dict Struktur
         required_keys = [
-            'date_tx', 'text_tx', 'betrag', 'gegenkonto',
+            'date_tx', 'text_tx', 'betrag', 'pper',
             'parsed', 'category', 'tags', # Leer aber vorhanden
             'valuta', 'art', 'currency' # optional aber vorhanden
         ]
@@ -36,11 +36,11 @@ def check_transaktion_list(tx_list):
             f"'text_tx' wurde nicht oder falsch erkannt: {text_tx}"
 
         # Gegenkonto
-        gegenkonto = entry.get('gegenkonto')
-        if gegenkonto:
+        pper = entry.get('pper')
+        if pper:
             # Nur prüfen, wenn Wert vorhanden
-            assert isinstance(gegenkonto, str) and len(gegenkonto), \
-                f"'gegenkonto' wurde nicht oder falsch erkannt: {entry}"
+            assert isinstance(pper, str) and len(pper), \
+                f"'pper' wurde nicht oder falsch erkannt: {entry}"
 
         # Wertstellung (optional, aber bei Generic mit dabei)
         assert isinstance(entry.get('valuta'), float), (

From 59544847fce289c9fec5cdebfeaee8177b481886 Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Sat, 27 Dec 2025 21:42:15 +0100
Subject: [PATCH 26/31] repair date filter

---
 app/ui.py | 54 +++++++++++++++++++++++++++---------------------------
 1 file changed, 27 insertions(+), 27 deletions(-)

diff --git a/app/ui.py b/app/ui.py
index 46e6f42..846ead3 100644
--- a/app/ui.py
+++ b/app/ui.py
@@ -85,39 +85,39 @@ def filter_to_condition(self, get_args: dict) -> list:
         frontend_filters = {}
 
         # - Filter for Start Date
+        date_patterns = ['%Y-%m-%d', '%d.%m.%Y']
         start_date = get_args.get('startDate')
-        if start_date is not None:
-            # Convert to valid date format
-            try:
-                start_date = int(datetime.strptime(start_date, '%d.%m.%Y').timestamp())
-                condition.append({
-                    'key': 'date_tx',
-                    'value': start_date,
-                    'compare': '>='
-                })
-
-            except (ValueError, TypeError) as e:
-                logging.warning(f"Invalid startDate format '{e}' will be ignored")
+        if start_date and isinstance(start_date, str):
+            for pattern in date_patterns:
+                try:
+                    start_date = int(datetime.strptime(start_date, pattern).timestamp())
+                    condition.append({
+                        'key': 'date_tx',
+                        'value': start_date,
+                        'compare': '>='
+                    })
+                    frontend_filters['startDate'] = start_date
+                    break
 
-            frontend_filters['startDate'] = start_date
+                except ValueError:
+                    continue
 
         # - Filter for End Date
         end_date = get_args.get('endDate')
-        if end_date is not None:
-            # Convert to valid date format
-            try:
-                end_date = int(datetime.strptime(end_date, '%d.%m.%Y').timestamp())
-                end_date = end_date + 86399  # Add 23:59:59 to include whole day
-                condition.append({
-                    'key': 'date_tx',
-                    'value': end_date,
-                    'compare': '<='
-                })
-
-            except (ValueError, TypeError) as e:
-                logging.warning(f"Invalid endDate format '{e}' will be ignored")
+        if end_date and isinstance(end_date, str):
+            for pattern in date_patterns:
+                try:
+                    end_date = int(datetime.strptime(end_date, pattern).timestamp())
+                    condition.append({
+                        'key': 'date_tx',
+                        'value': end_date,
+                        'compare': '<='
+                    })
+                    frontend_filters['endDate'] = end_date
+                    break
 
-            frontend_filters['endDate'] = end_date
+                except ValueError:
+                    continue
 
         # - Filter for Category
         cat_filter = get_args.get('category')

From c845d6524e8a494400d69b320ea121f99f2102bf Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Sat, 27 Dec 2025 21:43:29 +0100
Subject: [PATCH 27/31] repair gem-color-classes (jinja & js)

---
 app/routes.py              | 26 ++++++++++++++++++++------
 app/static/js/functions.js | 24 +++++++++++++-----------
 app/static/js/iban.js      |  5 ++++-
 3 files changed, 37 insertions(+), 18 deletions(-)

diff --git a/app/routes.py b/app/routes.py
index 731ddaa..4d20f50 100644
--- a/app/routes.py
+++ b/app/routes.py
@@ -18,13 +18,27 @@ def __init__(self, parent):
             def timectime(s):
                 return datetime.fromtimestamp(s).strftime('%d.%m.%Y')
 
+            #@current_app.template_filter('hash')
+            #def hash_filter(value):
+            #    # Verwende hashlib, um einen konsistenten Hashwert zu erzeugen
+            #    if not value:
+            #        return 0
+            #    hash_object = md5(value.encode())
+            #    return int(hash_object.hexdigest(), 16)
+
             @current_app.template_filter('hash')
-            def hash_filter(value):
-                # Verwende hashlib, um einen konsistenten Hashwert zu erzeugen
-                if not value:
-                    return 0
-                hash_object = md5(value.encode())
-                return int(hash_object.hexdigest(), 16)
+            def to_hash(string):
+                hash_value = 0
+
+                if len(string) == 0:
+                    return hash_value
+
+                for char in string:
+                    char_code = ord(char)
+                    hash_value = ((hash_value << 5) - hash_value) + char_code
+                    hash_value = hash_value & 0xFFFFFFFF  # Ensure 32-bit integer
+
+                return hash_value
 
             @current_app.context_processor
             def version_string():
diff --git a/app/static/js/functions.js b/app/static/js/functions.js
index 227c59a..9837214 100644
--- a/app/static/js/functions.js
+++ b/app/static/js/functions.js
@@ -413,15 +413,17 @@ function formatResultText(responseText) {
  * @param {string} inputString - The input string to generate the class name from.
  * @returns {string} - The generated class name.
  */
-function generateClass(inputString) {
-	if (! inputString) {
-		return "";
-	}
-	let hash = 0;
-	for (let i = 0; i < inputString.length; i++) {
-		hash = (hash << 5) - hash + inputString.charCodeAt(i);
-		hash |= 0; // Convert to 32bit integer
-	}
-	const className = `gen-color-${Math.abs(hash % 13)}`;
-	return className;
+function generateClass(string) {
+
+    let hash = 0;
+
+    if (string.length == 0) return hash;
+
+    for (let i = 0; i < string.length; i++) {
+        const char = string.charCodeAt(i);
+        hash = ((hash << 5) - hash) + char;
+        hash = hash & hash;
+    }
+
+    return `gen-color-${Math.abs(hash % 13)}`;
 }
diff --git a/app/static/js/iban.js b/app/static/js/iban.js
index 11027f8..a73d595 100644
--- a/app/static/js/iban.js
+++ b/app/static/js/iban.js
@@ -106,8 +106,11 @@ function fillTxDetails(result) {
                 for (let index = 0; index < row.length; index++) {
                     const a_link = document.createElement('a');
                     a_link.innerHTML = row[index];
-                    a_link.className = 'tag-chip ' + generateClass(row[index]);
                     a_link.href = "?tags=" + row[index];
+                    a_link.className = 'tag-chip ' + generateClass(row[index]);
+                    if (key == 'category') {
+                        a_link.className += ' category';
+                    }
                     td.appendChild(a_link);
                 }
 

From 1f6fc4dba35c592c9190ce79027f3e36d8831d76 Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Sat, 27 Dec 2025 21:56:54 +0100
Subject: [PATCH 28/31] Typo in "peer" + Add Filter Tooltip

---
 Models.md                        |  2 +-
 app/routes.py                    |  2 +-
 app/static/js/functions.js       |  2 +-
 app/static/js/iban.js            | 11 +++++++++++
 app/templates/iban.html          |  2 +-
 app/templates/macros.html        |  8 ++++----
 app/ui.py                        |  6 +++---
 reader/Comdirect.py              |  4 ++--
 reader/Commerzbank.py            |  4 ++--
 reader/Generic.py                |  2 +-
 reader/Volksbank_Mittelhessen.py |  6 +++---
 tests/helper.py                  | 10 +++++-----
 12 files changed, 35 insertions(+), 24 deletions(-)

diff --git a/Models.md b/Models.md
index 7a4d897..d789f75 100644
--- a/Models.md
+++ b/Models.md
@@ -39,7 +39,7 @@
     'date_tx': int,         # (UTC)
     'text_tx': str,
     'betrag': float,
-    'pper': str,
+    'peer': str,
 
     ----------- optional -----------
 
diff --git a/app/routes.py b/app/routes.py
index 4d20f50..57206ed 100644
--- a/app/routes.py
+++ b/app/routes.py
@@ -66,7 +66,7 @@ def iban(iban) -> str:
                 Args (uri):
                     iban, str:              IBAN zu der die Einträge angezeigt werden sollen.
                     text, str (query):      Volltextsuche im Betreff mit RegEx Support
-                    pper, str (query): Volltextsuche im Gegenkonto mit RegEx Support
+                    peer, str (query): Volltextsuche im Gegenkonto mit RegEx Support
                     startDate, str (query): Startdatum (Y-m-d) für die Anzeige der Einträge
                     endDate, str (query):   Enddatum (Y-m-d) für die Anzeige der Einträge
                     category, str (query):  Kategorie-Filter
diff --git a/app/static/js/functions.js b/app/static/js/functions.js
index 9837214..4414289 100644
--- a/app/static/js/functions.js
+++ b/app/static/js/functions.js
@@ -53,7 +53,7 @@ function getFilteredList() {
 
 	const peer = document.getElementById('filter-peer').value;
 	if (peer) {
-		query_args = query_args + arg_concat + 'pper=' + peer;
+		query_args = query_args + arg_concat + 'peer=' + peer;
 		arg_concat = '&';
 	}
 
diff --git a/app/static/js/iban.js b/app/static/js/iban.js
index a73d595..9e0a8e8 100644
--- a/app/static/js/iban.js
+++ b/app/static/js/iban.js
@@ -111,12 +111,23 @@ function fillTxDetails(result) {
                     if (key == 'category') {
                         a_link.className += ' category';
                     }
+                    a_link.dataset.tooltip = "Add Filter";
                     td.appendChild(a_link);
                 }
 
             } else if (key == 'betrag') {
+                // Round
                 td.innerHTML = r[key].toFixed(2);
 
+            } else if (key == 'peer') {
+                // Add Filter link
+                const a_link = document.createElement('a');
+                a_link.innerHTML = r[key];
+                a_link.className = "secondary";
+                a_link.href = "?peer=" + r[key];
+                a_link.dataset.tooltip = "Add Filter";
+                td.appendChild(a_link);
+
             } else {
                 td.innerHTML = r[key];
 
diff --git a/app/templates/iban.html b/app/templates/iban.html
index 95f475c..7599b66 100644
--- a/app/templates/iban.html
+++ b/app/templates/iban.html
@@ -204,7 +204,7 @@ <h2>Transaktions Details</h2>
                 </tr>
                 <tr>
                     <th>Gegenkonto:</th>
-                    <td class="pper"></td>
+                    <td class="peer"></td>
                 </tr>
                 <tr>
                     <th>Betrag</th>
diff --git a/app/templates/macros.html b/app/templates/macros.html
index 852ee11..8cf1b77 100644
--- a/app/templates/macros.html
+++ b/app/templates/macros.html
@@ -22,7 +22,7 @@
         <td>{{ transaction.text_tx[:90] }}{% if transaction.text_tx|length > 60 %} ...{%endif%}</td>
         <td>
             {% if transaction.category %}
-            <a class="tag-chip category {{generate_class(transaction.category)}}" href="?category={{transaction.category}}">
+            <a class="tag-chip category {{generate_class(transaction.category)}}" href="?category={{transaction.category}}" data-tooltip="Add Filter">
                 {{ transaction.category }}
             </a>
             {% else %}
@@ -31,7 +31,7 @@
         </td>
         <td class="hide-m">
             {% for tag in transaction.tags %}
-            <a class="tag-chip {{generate_class(tag)}}" href="?tags={{tag}}" title="{{tag}}">
+            <a class="tag-chip {{generate_class(tag)}}" href="?tags={{tag}}" data-tooltip="Add Filter '{{tag}}'">
                 {{ tag }}
             </a>
             {% endfor %}
@@ -101,8 +101,8 @@ <h2>Transaktions Details</h2>
                 <label>
                     Gegenkonto
                     <input type="text" id="filter-peer" list="cat-list" placeholder="IBAN / Nummer"
-                        {% if 'pper' in filters %}
-                            value="{{filters.pper}}" aria-invalid="false"
+                        {% if 'peer' in filters %}
+                            value="{{filters.peer}}" aria-invalid="false"
                         {% else %}
                             value=""
                         {% endif %}
diff --git a/app/ui.py b/app/ui.py
index 846ead3..560abcf 100644
--- a/app/ui.py
+++ b/app/ui.py
@@ -187,15 +187,15 @@ def filter_to_condition(self, get_args: dict) -> list:
             frontend_filters['text'] = text_search
 
         # Filter Gegenkonto Search
-        konto_search = get_args.get('pper')
+        konto_search = get_args.get('peer')
         if konto_search is not None:
             condition.append({
-                'key': 'pper',
+                'key': 'peer',
                 'value': konto_search,
                 'compare': 'regex'
             })
 
-            frontend_filters['pper'] = konto_search
+            frontend_filters['peer'] = konto_search
 
         return condition, frontend_filters
 
diff --git a/reader/Comdirect.py b/reader/Comdirect.py
index be31741..fdc4f63 100644
--- a/reader/Comdirect.py
+++ b/reader/Comdirect.py
@@ -58,7 +58,7 @@ def from_csv(self, filepath):
                     'art': row['Vorgang'],
                     'text_tx': match.group(2).strip(),
                     'betrag': betrag,
-                    'pper': match.group(1).strip(),
+                    'peer': match.group(1).strip(),
                     'currency': "EUR",
                     'parsed': {},
                     'category': None,
@@ -138,7 +138,7 @@ def from_pdf(self, filepath):
                 'art': row[1].replace('\n', '').replace(' ', ''),
                 'text_tx': self._newline_replace(row[3]),
                 'betrag': betrag,
-                'pper': self._newline_replace(row[2]),
+                'peer': self._newline_replace(row[2]),
                 'currency': "EUR",
                 'parsed': {},
                 'category': None,
diff --git a/reader/Commerzbank.py b/reader/Commerzbank.py
index b70d891..2ffd35e 100644
--- a/reader/Commerzbank.py
+++ b/reader/Commerzbank.py
@@ -44,7 +44,7 @@ def from_csv(self, filepath):
                     'art': row['Umsatzart'],
                     'text_tx': row['Buchungstext'],
                     'betrag': betrag,
-                    'pper': row.get('Auftraggeber', row.get('IBAN Auftraggeberkonto')),
+                    'peer': row.get('Auftraggeber', row.get('IBAN Auftraggeberkonto')),
                     'currency': row['Währung'],
                     'parsed': {},
                     'category': None,
@@ -127,7 +127,7 @@ def from_pdf(self, filepath):
                 'art': "",
                 'text_tx':  row[0],
                 'betrag': float(betrag.replace('.', '').replace(',', '.')),
-                'pper': row[0],
+                'peer': row[0],
                 'currency': "EUR",
                 'parsed': {},
                 'category': None,
diff --git a/reader/Generic.py b/reader/Generic.py
index 82e63c4..1987672 100644
--- a/reader/Generic.py
+++ b/reader/Generic.py
@@ -58,7 +58,7 @@ def from_csv(self, filepath):
                     'art': row['Art'],
                     'text_tx': row['Buchungstext'],
                     'betrag': betrag,
-                    'pper': row.get('Gegenkonto'),
+                    'peer': row.get('Gegenkonto'),
                     'currency': row['Währung'],
                     'parsed': {},
                     'category': None,
diff --git a/reader/Volksbank_Mittelhessen.py b/reader/Volksbank_Mittelhessen.py
index 4e0bf71..1bd48cb 100644
--- a/reader/Volksbank_Mittelhessen.py
+++ b/reader/Volksbank_Mittelhessen.py
@@ -51,7 +51,7 @@ def from_csv(self, filepath):
                     'art': row['Buchungstext'],
                     'text_tx': row['Verwendungszweck'],
                     'betrag': betrag,
-                    'pper': row['Name Zahlungsbeteiligter'],
+                    'peer': row['Name Zahlungsbeteiligter'],
                     'currency': row['Waehrung'],
                     'parsed': {},
                     'category': None,
@@ -142,7 +142,7 @@ def from_pdf(self, filepath):
                 'art': row[2],
                 'text_tx': "",
                 'betrag': float(betrag),
-                'pper': "",
+                'peer': "",
                 'currency': "EUR",
                 'parsed': {},
                 'category': None,
@@ -160,7 +160,7 @@ def from_pdf(self, filepath):
                 prev_line_len = len(row[3])
                 i, row = next(enumerated_table)
                 if not line['text_tx']:
-                    line['pper'] = row[2]
+                    line['peer'] = row[2]
                     line['text_tx'] = row[2]
                     continue
 
diff --git a/tests/helper.py b/tests/helper.py
index f46570b..359f47d 100644
--- a/tests/helper.py
+++ b/tests/helper.py
@@ -11,7 +11,7 @@ def check_transaktion_list(tx_list):
 
         # Dict Struktur
         required_keys = [
-            'date_tx', 'text_tx', 'betrag', 'pper',
+            'date_tx', 'text_tx', 'betrag', 'peer',
             'parsed', 'category', 'tags', # Leer aber vorhanden
             'valuta', 'art', 'currency' # optional aber vorhanden
         ]
@@ -36,11 +36,11 @@ def check_transaktion_list(tx_list):
             f"'text_tx' wurde nicht oder falsch erkannt: {text_tx}"
 
         # Gegenkonto
-        pper = entry.get('pper')
-        if pper:
+        peer = entry.get('peer')
+        if peer:
             # Nur prüfen, wenn Wert vorhanden
-            assert isinstance(pper, str) and len(pper), \
-                f"'pper' wurde nicht oder falsch erkannt: {entry}"
+            assert isinstance(peer, str) and len(peer), \
+                f"'peer' wurde nicht oder falsch erkannt: {entry}"
 
         # Wertstellung (optional, aber bei Generic mit dabei)
         assert isinstance(entry.get('valuta'), float), (

From 2cdfe11f1342597aff654f933a0fa24c93b8dfdd Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Sat, 27 Dec 2025 22:06:21 +0100
Subject: [PATCH 29/31] Add day for endDate Filter

---
 app/routes.py | 8 --------
 app/ui.py     | 1 +
 2 files changed, 1 insertion(+), 8 deletions(-)

diff --git a/app/routes.py b/app/routes.py
index 57206ed..ed6d42a 100644
--- a/app/routes.py
+++ b/app/routes.py
@@ -18,14 +18,6 @@ def __init__(self, parent):
             def timectime(s):
                 return datetime.fromtimestamp(s).strftime('%d.%m.%Y')
 
-            #@current_app.template_filter('hash')
-            #def hash_filter(value):
-            #    # Verwende hashlib, um einen konsistenten Hashwert zu erzeugen
-            #    if not value:
-            #        return 0
-            #    hash_object = md5(value.encode())
-            #    return int(hash_object.hexdigest(), 16)
-
             @current_app.template_filter('hash')
             def to_hash(string):
                 hash_value = 0
diff --git a/app/ui.py b/app/ui.py
index 560abcf..cb7b37a 100644
--- a/app/ui.py
+++ b/app/ui.py
@@ -108,6 +108,7 @@ def filter_to_condition(self, get_args: dict) -> list:
             for pattern in date_patterns:
                 try:
                     end_date = int(datetime.strptime(end_date, pattern).timestamp())
+                    end_date = end_date + 86399  # Add 23:59:59 to include whole day
                     condition.append({
                         'key': 'date_tx',
                         'value': end_date,

From 48e15062cba4c28ea522ce6e683f509cae68a1bc Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Sat, 27 Dec 2025 22:12:49 +0100
Subject: [PATCH 30/31] fix pylint

---
 app/routes.py | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/routes.py b/app/routes.py
index ed6d42a..d28bc47 100644
--- a/app/routes.py
+++ b/app/routes.py
@@ -3,7 +3,6 @@
 
 import os
 from datetime import datetime
-from hashlib import md5
 from flask import request, current_app, render_template, redirect, \
                   make_response, send_from_directory
 

From 0b9aefb219e09598babb6ed65d18f04c72430dce Mon Sep 17 00:00:00 2001
From: Pitastic <mickep1985@gmail.com>
Date: Sat, 27 Dec 2025 22:44:44 +0100
Subject: [PATCH 31/31] Add Screenshots

---
 README.md | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/README.md b/README.md
index 77f788b..1549282 100644
--- a/README.md
+++ b/README.md
@@ -31,6 +31,10 @@ pip install -r requirements.txt
 
 Die Funktionen des PynanceParsers setzen stark auf Reproduzierbarkeit. Das bedeutet, dass du beliebig oft gleiche Daten löschen und reimportieren kannst und halbautomatisch wieder die gleichen Ergebnisse (einmalige Transaktionen, Tagging, Kategorien, Statistiken) erhälts. Ein manuelles Editieren ist zwar möglich, aber die Ausnahme.
 
+👉 **Modernes und responsives Design**
+
+  *(Übersichtlich auf vielen Geräten)*
+
 👉 **Keine doppelten Imports**
 
   *(Datum, Text und Betrag bilden eine einmalige Kombination)*
@@ -58,10 +62,13 @@ Die Funktionen des PynanceParsers setzen stark auf Reproduzierbarkeit. Das bedeu
 
 ### Darstellung
 
+- Kontenverwaltung
 - Kontohistorie
 - Transaktionsdetails
 - Statistiken/Verteilungen/Verläufe
 
+![screenshots](https://github.com/user-attachments/assets/f6201658-eeb0-422c-b1a8-df9cb85cf842)
+
 ### Unterstützte Banken
 
 | Bank                         | CSV | PDF |