README.md

@@ -1,161 +1,11 @@
 # PIOMINT
+Track every hours with minty Fresh Efficiency!
 
-Track every hour with minty fresh efficiency! 🌿
+## AppIdee
+Es gibt einige Zeit-Tracker Apps für Pioniere. Leide sind die guten in der Regel nur auf Englisch erhältlicht und viel zu Umständlich. 
 
-Eine schlanke Progressive Web App für Pioniere, um Dienststunden, Bibelstudien und
+## Das Ziel
-Bemerkungen unkompliziert zu erfassen – und den Monatsbericht mit einem Klick fertig
+Eine einfache App mit einem freshen UI mit der es leicht fällt die Stunden aufzuschreiben und pünktlich abzugeben.
-formatiert für WhatsApp zu teilen.
-
----
-
-## Inhalt
-
-- [Über das Projekt](#über-das-projekt)
-- [Aktueller Stand](#aktueller-stand)
-- [Features](#features)
-- [Tech-Stack](#tech-stack)
-- [Projektstruktur](#projektstruktur)
-- [Lokale Entwicklung](#lokale-entwicklung)
-- [Daten & Datenschutz](#daten--datenschutz)
-- [Versionierung & Deployment](#versionierung--deployment)
-- [Roadmap / offene Punkte](#roadmap--offene-punkte)
-- [Mitwirken](#mitwirken)
-- [Lizenz](#lizenz)
-
----
-
-## Über das Projekt
-
-Es gibt einige Zeit-Tracker-Apps für Pioniere. Leider sind die guten in der Regel nur
-auf Englisch erhältlich und viel zu umständlich.
-
-**Das Ziel:** eine einfache App mit einem frischen UI, mit der es leicht fällt, die
-Stunden aufzuschreiben und pünktlich abzugeben – als installierbare PWA, komplett auf
-Deutsch, ohne Account-Zwang.
 
 ## Aktueller Stand
-
+GANZ AM ANFANG :D
-**Version 26.0** – in aktivem Einsatz. Aus dem "GANZ AM ANFANG"-Prototyp ist eine
-funktionsreiche PWA geworden (siehe [Features](#features)). Läuft produktiv unter
-[app.piomint.de](https://app.piomint.de).
-
-## Features
-
-- **Dienstjahr statt Kalenderjahr** – rechnet korrekt von September bis August, inkl.
-  Navigation beliebig weit vor und zurück über Jahresgrenzen hinweg
-- **Monats- & Jahresübersicht** mit Fortschrittsbalken (600h-Ziel) und individuellem
-  Monatsziel
-- **55h-Regel** (optional, in den Einstellungen aktivierbar): deckelt Monate mit
-  LDC-/Sonstiges-Anteil bei der Jahressumme automatisch auf 55h
-- **Schnellwahl-Feld** (früher fix "LDC") – Name frei in den Einstellungen anpassbar
-- **Aktivitäten-Tabelle** mit Sortierung (Datum/Dauer/Typ, auf-/absteigend),
-  ein-/ausblendbaren Filteroptionen und Maximieren-Ansicht für mehr Überblick
-- **Bericht teilen** – ein Klick kopiert den Monatsbericht fertig für WhatsApp
-  formatiert in die Zwischenablage (inkl. Vorschau-Dialog)
-- **Timer** zur direkten Zeiterfassung
-- **Installierbare PWA** (Homescreen-Icon, Standalone-Modus, Splashscreen) mit
-  automatischem Update-Hinweis bei neuer Version
-- Alle Daten liegen **lokal auf dem Gerät** (IndexedDB) – siehe
-  [Daten & Datenschutz](#daten--datenschutz)
-
-## Tech-Stack
-
-| Bereich | Technologie |
-|---|---|
-| Backend | Django 5.2 (`django-pwa` für Manifest/Service-Worker-Einbindung) |
-| Datenhaltung (Nutzerdaten) | IndexedDB im Browser (kein serverseitiges Datenmodell) |
-| Datenbank (Backend) | SQLite lokal / MySQL in Produktion |
-| Frontend | Vanilla JavaScript, Bootstrap (CSS + JS-Bundle) |
-| Deployment | Gunicorn |
-| Sprache | Deutsch (`LANGUAGE_CODE = 'de'`) |
-
-Es gibt bewusst kein Frontend-Build-Setup (kein npm/webpack) – die JS-Dateien unter
-`app/static/app/js/` werden direkt vom Browser geladen.
-
-## Projektstruktur
-
-```
-piomint/
-├── piomint/            # Django-Projekt (Settings, URLs, PWA-Konfiguration)
-│   ├── settings.py
-│   ├── pwa_settings.py # App-Name, Icons, Start-URL, Theme-Farben
-│   └── urls.py
-├── app/                # Hauptanwendung (Dashboard, Tracking, Einstellungen)
-│   ├── views.py        # Versionierte Routen (siehe Versionierung & Deployment)
-│   ├── urls.py
-│   ├── templates/app/  # base.html (Header/Settings), home.html (Dashboard), ...
-│   └── static/app/
-│       ├── js/         # dbcontrol.js (IndexedDB), home01.js (UI-Logik), ...
-│       ├── css/
-│       └── images/
-├── web/                # Öffentliche Landingpage (piomint.de)
-├── doc/                # Platzhalter-App, aktuell ungenutzt
-└── requirements.txt
-```
-
-## Lokale Entwicklung
-
-Voraussetzung: Python 3.12+
-
-```bash
-git clone https://git.samuelzielke.de/samuelzielke/piomint.git
-cd piomint
-
-python3 -m venv venv
-source venv/bin/activate        # Windows: venv\Scripts\activate
-
-pip install -r requirements.txt
-
-python manage.py migrate
-python manage.py runserver
-```
-
-Die App läuft dann unter `http://127.0.0.1:8000/app/` (aktuelle Version, siehe unten).
-Für die Backend-Datenbank reicht lokal SQLite (Standardeinstellung in
-`piomint/settings.py`) – die eigentlichen Nutzerdaten (Stunden, Einstellungen) landen
-ohnehin im Browser, nicht in dieser DB.
-
-## Daten & Datenschutz
-
-PioMint speichert alle erfassten Stunden, Einstellungen und Bevorzugungen **lokal im
-Browser** (IndexedDB + `localStorage`) – es gibt aktuell keinen Account und keine
-Server-Synchronisation. Das bedeutet:
-
-- Kein Tracking, keine personenbezogenen Daten auf dem Server
-- **Löscht man die App/den Browser-Speicher, sind alle Einträge unwiderruflich weg** –
-  ein manuelles Backup (Export-Funktion in den Einstellungen) ist bis zu einer
-  Server-Synchronisation die einzige Absicherung
-
-## Versionierung & Deployment
-
-Jede Version bekommt ihre eigene URL nach dem Muster `/app/v<version>/`
-(z. B. `/app/v260/` für 26.0), definiert in `app/urls.py` / `app/views.py`. Der Grund:
-die PWA merkt sich beim Hinzufügen zum Homescreen eine feste `start_url`
-(`PWA_APP_START_URL` in `piomint/pwa_settings.py`). Damit Nutzer:innen nach einem
-Update nicht auf einer eingefrorenen alten Version hängen bleiben, leiten **alle**
-bisherigen Versions-URLs auf die aktuellste weiter.
-
-**Checkliste für ein neues Release:**
-
-1. Neue View + URL `v<neue Version>` in `app/views.py` / `app/urls.py` anlegen
-2. Alle bisherigen Versions-Views auf die neue Route umbiegen (`redirect(...)`)
-3. `PWA_APP_START_URL` in `piomint/pwa_settings.py` auf die neue Route setzen
-4. `versionnumber` in `app/templates/app/updateinfo.html` hochzählen
-5. Changelog-Text in `updateinfo.html` schreiben (erscheint als Update-Hinweis beim
-   ersten Öffnen der neuen Version)
-
-## Roadmap / offene Punkte
-
-- Server-seitige Synchronisation / Account-System (aktuell rein lokale Speicherung)
-- Einstellbares Rundungsverhalten (aktuell fix: Aufrundung ab 15 Minuten)
-- `doc`-App ist als Platzhalter angelegt, aber noch ohne Inhalt/Routing
-
-## Mitwirken
-
-Feedback, Bug-Reports und Ideen gerne über die
-[WhatsApp-Community](https://chat.whatsapp.com/Cy4laGaEdLP1DZbhN04zRQ) oder direkt an
-Samuel.
-
-## Lizenz
-
-Bisher keine Lizenz festgelegt – alle Rechte liegen beim Autor.

app/static/app/css/custom.css

@@ -38,29 +38,45 @@
 
 @keyframes openSettingsbg {
     0% {
-        height: 8vh;
+        height: 7vh;
     }
     100% {
         height: 100vh;
     }
 }
 
-/* rem statt vh: die Monatskarte soll auf jedem Gerät gleich groß aussehen ("fix"), nur die
-   Aktivitäten-Tabelle (flex:1 1 auto, siehe unten) gleicht unterschiedliche Displayhöhen aus. */
 @keyframes openMonthArea {
     0% {
-        height: 6.5rem;
+        height: 15vh;
         margin-top: 1.5rem;
     }
     100% {
-        height: 9.5rem;
+        height: 20vh;
         margin-top: 1.5rem;
     }
 }
 
+@keyframes shrinkActivitys {
+    0% {
+        height: 40vh;
+    }
+    100% {
+        height: 35vh;
+    }
+}
+
+@keyframes growActivitys {
+    0% {
+        height: 35vh;
+    }
+    100% {
+        height: 40vh;
+    }
+}
+
 @keyframes openSettingscolor {
     0% {
-        height: 7vh;
+        height: 6vh;
     }
     100% {
         height: 95vh;
@@ -72,7 +88,7 @@
         height: 95vh;
     }
     100% {
-        height: 7vh;
+        height: 6vh;
     }
 }
 
@@ -81,27 +97,27 @@
         height: 100vh;
     }
     100% {
-        height: 8vh;
+        height: 7vh;
     }
 }
 
 @keyframes closeMonthArea {
     0% {
-        height: 9.5rem;
+        height: 20vh;
         margin-top: 1.5rem;
     }
     100% {
-        height: 6.5rem;
+        height: 15vh;
         margin-top: 1.5rem;
     }
 }
 
 .HeaderDefaultHeightbg {
-    height: 8vh;
+    height: 7vh;
 }
 
 .HeaderDefaultHeightcolor {
-    height: 7vh;
+    height: 6vh;
 }
 
 .slide-out {
@@ -129,6 +145,14 @@
     animation: closeMonthArea 1s forwards;
 }
 
+.shrinkActivitys {
+    animation: shrinkActivitys 1s forwards;
+}
+
+.growActivitys {
+    animation: growActivitys 1s forwards;
+}
+
 .closeSettingsbg {
     animation: closeSettingsbg 1s forwards;
 }
@@ -146,7 +170,7 @@
 }
 
 #dashbord_month_area {
-    height: 6.5rem;
+    height: 15vh;
 }
 
 /* Neu hinzugefügte Icons (Filter-Toggle, Maximieren) in Grau statt Schwarz/Weiß.
@@ -176,9 +200,13 @@
     pointer-events: none;
 }
 
-/* Kein fester height-Override beim Maximieren mehr nötig: ActivitysTable ist flex:1 1 auto
+#ActivitysTable {
-   (siehe #dashboard) und wächst automatisch in den Platz, den die kollabierende Timer-Karte
+    transition: height 0.4s ease-in-out;
-   freigibt - inklusive sauberer Animation, weil beides gleichzeitig neu layoutet wird. */
+}
+
+#ActivitysTable.ActivitysTableMaximized {
+    height: 65vh !important;
+}
 
 /* Filter/Sortierung ein- und ausblenden.
    overflow bleibt im geöffneten Zustand "visible", damit das Dropdown-Menü (sortFieldMenu)
@@ -220,7 +248,7 @@
 }
 
 .maincontainer {
-    height: 92vh;
+    height: 93vh;
     transition: height 1s ease, transform 1s ease;
     margin: 0;
     /* Grundsätzlicher Fix für kleinere Displays (z.B. iPhone 12 mini vs. 15 Pro): die feste
@@ -234,46 +262,13 @@
 
 /* align-self statt der geerbten align-items-center des Elternelements: sonst würde
    überlaufender Inhalt (auf kleinen Displays) mittig "geclippt" und wäre weder oben
-   noch unten per Scroll erreichbar. update_content bekommt das ebenfalls, da die
+   noch unten per Scroll erreichbar. Betrifft nur das Dashboard, nicht die (kurzen,
-   Update-Infos (siehe unten) jetzt deutlich mehr Inhalt haben. welcome_content bleibt
+   weiterhin mittig zentrierten) Willkommens-/Update-Hinweise. */
-   kurz genug, um weiterhin mittig zentriert zu sein. */
+#dashboard {
-#dashboard,
-#update_content {
     align-self: flex-start;
     width: 100%;
 }
 
-/* Jahr/Monat/Timer bleiben "fix" (rem-/inhaltsbasiert, gerätunabhängig gleich groß).
-   Die Aktivitäten-Tabelle (flex:1 1 auto, siehe ihre eigene Regel) gleicht als einziges
-   Element unterschiedliche Displayhöhen aus, statt dass wir jede Karte einzeln pro
-   Gerät neu austarieren müssen. */
-#dashboard {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-}
-
-/* "Wow-Moment" beim Öffnen der Update-Infos: sanftes Herein-Poppen statt einfach da zu sein. */
-@keyframes updateWow {
-    0% { opacity: 0; transform: scale(0.85) translateY(20px); }
-    60% { opacity: 1; transform: scale(1.03) translateY(-4px); }
-    100% { opacity: 1; transform: scale(1) translateY(0); }
-}
-
-#update_content {
-    animation: updateWow 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) both;
-}
-
-@keyframes emojiPulse {
-    0%, 100% { transform: scale(1) rotate(0deg); }
-    50% { transform: scale(1.15) rotate(-8deg); }
-}
-
-.wow-emoji {
-    display: inline-block;
-    animation: emojiPulse 1.6s ease-in-out infinite;
-}
-
 .bg-white-color {
     background-color: white;
 }

app/static/app/js/home01.js

@@ -38,8 +38,7 @@ var sortField = 'date';
 var sortDirection = 'asc';
 
 // Ob die Filter/Sortier-Optionen gerade sichtbar sind (wird ebenfalls im Cache gespeichert).
-// Standardmäßig ausgeblendet, bis der Nutzer sie einmal selbst einblendet.
+var isFilterVisible = true;
-var isFilterVisible = false;
 
 // Ob die Aktivitäten-Tabelle gerade maximiert ist (Timer-Karte ist dann ausgeblendet).
 var isTableMaximized = false;
@@ -701,10 +700,9 @@ document.getElementById('dashbord_month_area').addEventListener('click', () =>{
         document.getElementById('dashbord_month_area').classList.replace('closeMonthArea', 'openMonthArea')
         document.getElementById('dashbord_month_area').classList.add(['openMonthArea'])
         document.getElementById('dashbord_month_area').classList.add(['ActiveMonth'])
-        // ActivitysTable ist jetzt flex:1 1 auto (siehe custom.css) und macht der wachsenden
+        document.getElementById('ActivitysTable').classList.add(['shrinkActivitys'])
-        // Monatskarte automatisch Platz - kein manuelles shrinkActivitys/growActivitys mehr nötig,
+        document.getElementById('ActivitysTable').classList.replace('growActivitys', 'shrinkActivitys')
-        // das würde der Flex-Berechnung sonst mit einer festen vh-Höhe in die Quere kommen.
+        document.getElementById('dashbord_month_area').classList.remove('mt-4')
-        document.getElementById('dashbord_month_area').classList.remove('mt-3')
         // document.getElementById('dashbord_year_area').classList.add('fade-out')
         // Für jedes ausgewählte Element die neue Klasse hinzufügen
         setTimeout(function() {
@@ -720,7 +718,7 @@ document.getElementById('dashbord_month_area').addEventListener('click', () =>{
     } else {
         document.getElementById('dashbord_month_area').classList.remove('ActiveMonth')
         document.getElementById('dashbord_month_area').classList.replace('openMonthArea', 'closeMonthArea')
-        document.getElementById('dashbord_month_area').classList.add('mt-3')
+        document.getElementById('ActivitysTable').classList.replace('shrinkActivitys', 'growActivitys')
         monthEntrys.forEach(element => {
             element.classList.replace('fade-in', 'fade-out');
         });

app/templates/app/base.html

@@ -25,10 +25,10 @@
                  dadurch wurde der Settings-Button vom overflow:hidden des Headers abgeschnitten.
                  HeaderText ist absolut mittig zur vollen Breite positioniert, damit "PIOMINT" mittig
                  bleibt, egal wie breit die Icon-Gruppen links/rechts gerade sind. -->
-            <div class="d-flex align-items-center headerline" style="position: relative; width: 100%; height: 7vh; flex: 0 0 auto; padding: 0 0.75rem;">
+            <div class="d-flex align-items-center headerline" style="position: relative; width: 100%; height: 6vh; flex: 0 0 auto; padding: 0 0.75rem;">
                 <span class="d-none" id="refresh_icon" style="width: 28px; flex: 0 0 auto;"><img onclick="window.location.reload();" src="{% static 'app/images/refresh.png' %}" alt="Settings" class="img-fluid" id="image" style="width: 100%; opacity: 0.75;"></span>
 
-                <h3 id="HeaderText" style="display: none; margin: 0; padding: 0; line-height: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"><b>PIO</b><b style="color: rgb(120,170,86);">MINT</b></h3>
+                <h3 id="HeaderText" class="pt-2" style="display: none; margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"><b>PIO</b><b style="color: rgb(120,170,86);">MINT</b></h3>
 
                 <div class="d-flex align-items-center" style="gap: 1rem; margin-left: auto;">
                     <span class="d-none" id="share_icon" style="width: 28px; flex: 0 0 auto;" title="Bericht für WhatsApp kopieren">

app/templates/app/home.html

@@ -10,11 +10,11 @@
     document.getElementById('maincontainer').classList.replace('align-items-center', 'align-items-top')
 </script>
 
-<div class="container" id="welcome_content" style="padding-bottom: 3rem;">
+<div class="container" id="welcome_content">
     <br>
-    <h1>Willkommen! 👋</h1>
+    <h1>Wilkommen!</h1>
     <p>
-        Schön, dass du hier bist!
+        Schön das du hier bist!
         <br>Ich wünsche dir viel Freude mit der App.
         <br>Diese ist noch ganz neu und wächst immer weiter!
         <br>
@@ -34,59 +34,57 @@
     <button class="btn btn-primary" id="allOk">Alles klar</button>
 </div>
 
-<div class="container mt-5" id="update_content" style="padding-bottom: 3rem;">
+<div class="container mt-5" id="update_content">
-
+    
     {% include 'app/updateinfo.html' %}
 
     <button class="btn btn-primary" id="allUpdateOk">Alles klar</button>
 </div>
 
 <div class="d-none" id="dashboard">
-    <div class="row justify-content-around mt-3" style="width: 100vw; color: black; flex-shrink: 0;">
+    <div class="row justify-content-around mt-3" style="width: 100vw; color: black;">
-        <div class="col-11" id="dashbord_year_area" style="padding: 0.5rem 1rem; border-radius:1rem; box-shadow: 0 0 0.5rem gray; display: flex; flex-direction: column; justify-content: center; gap: 0.35rem;">
+        <div class="col-11" id="dashbord_year_area" style="height: 5vh; padding: 1rem; border-radius:1rem; box-shadow: 0 0 0.5rem gray">
-            <!-- flex-shrink:0 auf beiden Kindern: sonst quetscht Flexbox in der knappen Höhe
+            <div class="row justify-content-between">
-                 den 5px-Balken dünner als den (nicht-flex) Balken der Monatskarte. -->
+                <p class="col-6" style="font-size: 1rem; margin-top: -0.75rem; white-space: nowrap;"><b>Jahr:</b> <span id="yearHours"></span>h/600h<span id="rule55Badge" class="badge badge-warning d-none" title="55h-Regel aktiv: Monate mit LDC/Sonstiges werden auf 55h gedeckelt" style="font-size: 0.55rem; vertical-align: middle; margin-left: 0.25rem;">55h</span></p>
-            <div class="row justify-content-between" style="margin: 0; flex-shrink: 0;">
+                <p class="offset-1 col-5" style="font-size: 1rem; margin-top: -0.75rem;"><b>Offen:</b> <span id="yearRest"></span>h</p>
-                <p class="col-6" style="font-size: 1rem; margin: 0; white-space: nowrap;"><b>Jahr:</b> <span id="yearHours"></span>h/600h<span id="rule55Badge" class="badge badge-warning d-none" title="55h-Regel aktiv: Monate mit LDC/Sonstiges werden auf 55h gedeckelt" style="font-size: 0.55rem; vertical-align: middle; margin-left: 0.25rem;">55h</span></p>
-                <p class="offset-1 col-5" style="font-size: 1rem; margin: 0;"><b>Offen:</b> <span id="yearRest"></span>h</p>
             </div>
-            <div class="progress" style="height: 5px; width: 100%; border-radius: 2rem; background-color: lightgray; margin: 0; flex-shrink: 0;">
+            <div class="progress" style="height: 5px; width: 100%; border-radius: 2rem; background-color: lightgray; margin-top: -1rem;">
                 <div class="progress-bar" role="progressbar" style="background-color:rgb(120,170,86); width: 0.5%; height: 5px;" aria-valuenow="10" aria-valuemin="0" aria-valuemax="50" id="prBarYear"></div>
             </div>
         </div>
-        <div class="col-11 mt-3" id="dashbord_month_area" style="padding: 0.75rem 1rem; border-radius:1rem; box-shadow: 0 0 0.5rem gray">
+        <div class="col-11 mt-4" id="dashbord_month_area" style="padding: 1rem; border-radius:1rem; box-shadow: 0 0 0.5rem gray">
 
-            <div class="row justify-content-between" style="margin: 0 0 0.4rem 0;">
+            <div class="row justify-content-between">
-                <p class="col-7" style="font-size: 1.25rem; margin: 0;"><b id="MonthNameOfActual">Monat:</b> <span id="monthHours"></span>h</p>
+                <p class="col-7" style="font-size: 1.25rem;"><b id="MonthNameOfActual">Monat:</b> <span id="monthHours"></span>h</p>
                 <input type="number" class="d-none" id="MonthSumHours">
-                <p class="col-5" style="font-size: 1.25rem; margin: 0;"><b>Offen:</b> <span id="monthRest"></span>h</p>
+                <p class="col-5" style="font-size: 1.25rem;"><b>Offen:</b> <span id="monthRest"></span>h</p>
             </div>
 
-            <div class="progress" style="height: 5px; width: 100%; border-radius: 2rem; background-color: lightgray; margin: 0;">
+            <div class="progress" style="height: 5px; width: 100%; border-radius: 2rem; background-color: lightgray; margin-top: -0.75rem">
                 <div class="progress-bar" role="progressbar" style="background-color:rgb(120,170,86); height: 5px; width: 1%;" aria-valuenow="10" aria-valuemin="0" aria-valuemax="50" id="prBarMonth"></div>
             </div>
 
             <!-- justify-content-around verteilt die Badges wie bisher auf die verfügbare Breite,
                  solange sie passen; erst wenn der individuell vergebene Schnellwahl-Titel (siehe
                  Einstellungen) zu lang wird, greift overflow-x: auto statt eines Umbruchs. -->
-            <div class="d-flex justify-content-around" style="overflow-x: auto; gap: 0.5rem; padding-bottom: 2px; margin-top: 0.5rem;">
+            <div class="d-flex justify-content-around mt-3" style="overflow-x: auto; gap: 0.5rem; padding-bottom: 2px;">
                 <button class="badge badge-primary" style="height: 25px; border: none; white-space: nowrap; flex: 0 0 auto;">Dienst: <span id="monthHourService"></span>h</button>
                 <button class="badge badge-primary" style="height: 25px; border: none; white-space: nowrap; flex: 0 0 auto;"><span id="monthHourLDCLabel">LDC</span>: <span id="monthHourLDC"></span>h</button>
                 <button class="badge badge-primary" style="height: 25px; border: none; white-space: nowrap; flex: 0 0 auto;">Übrig: <span id="monthHourOther"></span>h</button>
             </div>
 
-            <div class="row justify-content-around align-middle monthEntrys" style="max-height: 2.5rem; width: 99%; margin-left: 1%; margin-top: 0.5rem;">
+            <div class="row justify-content-around align-middle monthEntrys mt-3" style="max-height: 2.5rem; width: 99%; margin-left: 1%;">
                 <span class="col-2 btn btn-secondary" id="btn-month-before" onclick="event.stopPropagation();"><</span>
                 <p class="col-6" style="text-align:center; width: 100%; font-size: 1.75rem; margin: 0;"><b id="actualMonthName"></b></p>
                 <span class="col-2 btn btn-secondary" id="btn-month-next" onclick="event.stopPropagation();">></span>
             </div>
 
         </div>
-    </div>
+    </div>    
-    <div class="row justify-content-around" id="timerCard" style="width: 100vw; color: black; padding-top: 1.5rem; flex-shrink: 0;">
+    <div class="row justify-content-around" id="timerCard" style="width: 100vw; color: black; padding-top: 2rem;">
-        <div class="col-11" style="padding: 0.75rem 1rem; border-radius:1rem; box-shadow: 0 0 0.5rem gray; display: flex; flex-direction: column; justify-content: center; gap: 0.35rem;">
+        <div class="col-11" style="height: 15vh; padding: 1rem; border-radius:1rem; box-shadow: 0 0 0.5rem gray">
-            <p style="font-size: 1.2rem; margin: 0; flex-shrink: 0;"><b>Timer</b></p>
+            <p style="font-size: 1.2rem;"><b>Timer</b></p>
-            <div class="row justify-content-between" style="margin: 0; flex-shrink: 0;">
+            <div class="row justify-content-between" style="margin-top: -1rem;">
                 <p class="col-5"><b id="timerDisplay" style="font-size: 2.5rem;">00:00</b><i id="secondsDisplay" style="font-size: 1rem;">:00</i></p>
                 <div class="col-7 row justify-content-center">
                     <img id="startTimer" src="{% static 'app/images/play.png' %}" alt="play" class="img-fluid col-6" style="height: 55px;">
@@ -96,17 +94,18 @@
             </div>
         </div>
     </div>
-        <div class="col-12 mt-3" id="ActivitysTable"  style="flex: 1 1 auto; min-height: 220px; padding: 0rem 1rem 1rem 1rem; border-radius:1rem; box-shadow: 0 0 0.5rem gray; overflow-y: auto;">
+    <div class="row justify-content-around" style="width: 95vw; color: black; padding-top: 2rem;"></div>
-            <div style="position: sticky; top: 0; background-color: white; padding-top: 1rem; padding-bottom: 0.5rem; z-index: 100; width: 100%;">
+        <div class="col-12" id="ActivitysTable"  style="height: 40vh; padding: 0rem 1rem 1rem 1rem; border-radius:1rem; box-shadow: 0 0 0.5rem gray; overflow-y: auto;">
+            <div style="position: sticky; top: 0; background-color: white; padding-top: 1rem; z-index: 100; width: 100%;">
                 <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                     <p style="font-size: 1.2rem; margin: 0;" ><b>Aktivitäten</b></p>
-                    <div class="d-flex align-items-center" style="gap: 1rem;">
+                    <div class="d-flex align-items-center" style="gap: 0.5rem;">
-                        <button type="button" id="openNewEntryForm" class="btn btn-light" data-bs-toggle="modal" data-bs-target="#newEntryModal" style="width: 28px; height: 28px; padding: 0;"><img id="openNewEntryFormIcon" src="{% static 'app/images/addcircle.png' %}" alt="add" class="img-fluid" style="width: 100%;"></button>
+                        <button type="button" id="openNewEntryForm" class="btn btn-light" data-bs-toggle="modal" data-bs-target="#newEntryModal" style="width: 45px; height: 45px; padding: 0;"><img id="openNewEntryFormIcon" src="{% static 'app/images/addcircle.png' %}" alt="add" class="img-fluid"></button>
-                        <button type="button" id="toggleSortOptions" class="btn btn-light" title="Filter/Sortierung ein-/ausblenden" style="width: 28px; height: 28px; padding: 0;"><img id="toggleSortOptionsIcon" src="{% static 'app/images/more.png' %}" alt="filter" class="img-fluid" style="width: 100%;"></button>
+                        <button type="button" id="toggleSortOptions" class="btn btn-light" title="Filter/Sortierung ein-/ausblenden" style="width: 45px; height: 45px; padding: 0;"><img id="toggleSortOptionsIcon" src="{% static 'app/images/more.png' %}" alt="filter" class="img-fluid"></button>
-                        <button type="button" id="openViewOfEntry" class="btn btn-light" title="Tabelle maximieren" style="width: 28px; height: 28px; padding: 0;"><img id="openViewOfEntryIcon" src="{% static 'app/images/open.png' %}" alt="open" class="img-fluid" style="width: 100%;"></button>
+                        <button type="button" id="openViewOfEntry" class="btn btn-light" title="Tabelle maximieren" style="width: 45px; height: 45px; padding: 0;"><img id="openViewOfEntryIcon" src="{% static 'app/images/open.png' %}" alt="open" class="img-fluid"></button>
                     </div>
                 </div>
-                <div class="d-flex align-items-center sortOptionsCollapsed" id="sortOptionsRow" style="width: 100%; margin-top: 0.5rem; gap: 0.5rem;">
+                <div class="d-flex align-items-center" id="sortOptionsRow" style="width: 100%; margin-top: 0.5rem; gap: 0.5rem;">
                     <!-- Eigener Dropdown statt <select>, damit das Auswahlmenü nicht als winziges natives
                          Popup irgendwo auf dem Bildschirm erscheint, sondern direkt unter dem Button. -->
                     <div style="position: relative; flex: 1;">

app/templates/app/updateinfo.html

@@ -1,36 +1,22 @@
 <br>
-<div class="text-center">
+    <h1>Update Time!</h1>
-    <span class="wow-emoji" style="font-size: 3rem;">🎉</span>
+    <br>
-    <h1 style="margin-bottom: 0;">Großes Update <span style="color: rgb(120,170,86);">26.0</span></h1>
+    <h5>v1.3.4</h5>
-    <h5 class="text-muted">ist da!</h5>
+    <p>
-</div>
+        <b style="color: red">Fehler Behoben! 🔥</b>
-<br>
+        <br>Nun auch wieder 2025!
-<p>
+        <br>
-    Hey! 👋
+        <br><b>Was ist neu?</b>
-    <br>Dieses Update ist eines der größten bisher – ich habe richtig viel Zeit reingesteckt,
+        <br> Aufrund des Dienstjahres was nicht mit Kalender
-    damit sich PioMint für dich noch besser anfühlt. Ich hoffe, es macht dir genauso viel
+        <br> übereinstimmt, geht es gegen die Natur.
-    Freude wie mir beim Bauen. 💚
+        <br>
-</p>
+        <!--  <br><b>Hinweise:</b>
-
+        <br> 1. Backup muss Manuell gemacht werden (aktuell)!
-<p><b>✨ Was ist neu?</b></p>
+        <br> 2. Backup muss Gespeichert werden!  */}}
-<ul style="padding-left: 1.25rem;">
+        <br> -->
-    <li>📅 <b>Dienstjahr-Navigation komplett überarbeitet</b> – blättere jetzt beliebig weit vor
+        <br>Danke für die Geduld und das du Piomint nutzt!
-        &amp; zurück, auch über den September hinweg. Kein Ärger mehr im Herbst!</li>
+        <br><b>Gruß Samuel</b>
-    <li>⏱️ <b>Neu: 55h-Regel</b> (optional in den Einstellungen aktivierbar) – deine
-        Jahresübersicht rechnet jetzt automatisch korrekt, sobald LDC/Sonstiges dazukommt.</li>
-    <li>🔍 <b>Sortierung &amp; Filter</b> für deine Aktivitäten-Tabelle – nach Datum, Dauer oder
-        Typ, auf- oder absteigend. Deine Wahl wird gemerkt.</li>
-    <li>📈 <b>Tabelle maximieren</b> – mit einem Klick mehr Einträge auf einen Blick.</li>
-    <li>✏️ <b>Schnellwahl-Titel frei benennbar</b> – "LDC" heißt jetzt so, wie du möchtest.</li>
-    <li>📤 <b>Neu: Teilen-Button!</b> Ein Klick, und dein Monatsbericht steht fertig formatiert
-        für WhatsApp in deiner Zwischenablage – perfekt für den nächsten Bericht.</li>
-    <li>🐛 Dazu jede Menge kleiner Verbesserungen &amp; Bugfixes unter der Haube.</li>
-</ul>
 
-<p>
+    </p>
-    Danke, dass du PioMint nutzt und mir dein Feedback gibst – genau das macht die App
-    besser! 🙏
-    <br><b>Gruß Samuel</b>
-</p>
 <br>
-<input type="text" name="versionnumber" id="versionnumber" class="d-none" value="26.0">
+<input type="text" name="versionnumber" id="versionnumber" class="d-none" value="1.3.4-0">

app/urls.py

@@ -10,7 +10,7 @@ urlpatterns = [
     path("home/", views.home),
     path('offline/', TemplateView.as_view(template_name="offline.html")),
     path("install/", views.install),
-    path("v1321/", views.v1321),
+    path("v1321/", views.v1322),
     path("v1322/", views.v1322),
     path("v133/", views.v133),
     path("v1332/", views.v1332),
@@ -18,5 +18,4 @@ urlpatterns = [
     path("v1334/", views.v1334),
     path("v1335/", views.v1335),
     path("v1340/", views.v1340),
-    path("v260/", views.v260),
 ]

app/views.py

@@ -8,34 +8,31 @@ def install(request):
     return render(request, "app/install.html")
 
 def home(request):
-    return redirect("/app/v260")
+    return redirect("/app/v1340")
 
 def login(request):
     return render(request, "app/login.html")
 
 def v1321(request):
-    return redirect("/app/v260")
+    return redirect("/app/v1340")
 
 def v1322(request):
-    return redirect("/app/v260")
+    return redirect("/app/v1340")
 
 def v133(request):
-    return redirect("/app/v260")
+    return redirect("/app/v1340")
 
 def v1332(request):
-    return redirect("/app/v260")
+    return redirect("/app/v1340")
 
 def v1333(request):
-    return redirect("/app/v260")
+    return redirect("/app/v1340")
 
 def v1334(request):
-    return redirect("/app/v260")
+    return redirect("/app/v1340")
 
 def v1335(request):
-    return redirect("/app/v260")
+    return redirect("app/v1340")
 
 def v1340(request):
-    return redirect("/app/v260")
+    return render(request, "app/home.html")
-
-def v260(request):
-    return render(request, "app/home.html")

piomint/pwa_settings.py

@@ -9,7 +9,7 @@ PWA_APP_BACKGROUND_COLOR = '#9FEDD7'
 PWA_APP_DISPLAY = 'standalone'
 PWA_APP_SCOPE = '/'
 PWA_APP_ORIENTATION = 'portrait'
-PWA_APP_START_URL = '/app/v260/'
+PWA_APP_START_URL = '/app/v1340/'
 PWA_APP_STATUS_BAR_COLOR = 'black-translucent'
 PWA_SERVICE_WORKER_PATH = os.path.join(BASE_DIR, 'app/static/app/js', 'serviceworker.js')
 PWA_APP_ICONS = [