Add files via upload

This commit is contained in:
Serverlele30 authored and GitHub committed 2025-12-31 22:39:39 +01:00
1 parent b8706b4c57
commit 6eb4f7d75d
4 files changed
+481 -10

No files matched your search

+391
View File
@@ -0,0 +1,391 @@
# Changelog
All notable changes to this project will be documented in this file.
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
---
## [29.0] - 2025-12-31
### ✨ Added
- **GitHub-Integration:** Links zur Repository auf der Home-Page
- **Changelog GitHub-Link:** "📖 Alle Updates & Code auf GitHub" Button nach neuesten Updates
- **Footer GitHub-Link:** "⭐ Star on GitHub" unter "Made with ❤️"
- **Hover-Effekte:** Interaktive Buttons mit Animations
### 🎨 Changed
- GitHub-Links mit BVG-Farbschema (Gelb/Schwarz)
- Responsive Buttons für Mobile & Desktop
---
## [28.0] - 2025-12-31
### 🐛 Fixed
- **Bug-Fix:** Abfahrten-View nicht mehr beim ersten Laden sichtbar
- Home-View ist jetzt korrekt die einzige aktive View beim Start
### ✨ Changed
- **Header-Title:** "Live-Nahverkehr für Berlin & Brandenburg" statt "ECHTZEIT-ABFAHRTSMONITOR"
- **Credits:** Aaron K. & Claude (Anthropic) im Header erwähnt
- **Navigation-Hinweis:** Pfeil entfernt für klareren Text
- **Font-Credit:** Nur @NikBLN gelb und verlinkt (nicht "DotMatrix by")
### 📝 Added
- Vollständige README.md für GitHub
- GitHub-formatiertes CHANGELOG.md
---
## [26.0] - 2025-12-31
### ✨ Added
- **Kombinierte Hero-Box:** Navigation + Hero in einer Box
- **Pfeil zeigt nach rechts:** Richtung zum Menü-Button
### 🎨 Changed
- Kompakteres Design durch kombinierte Box
- Text "oben rechts" statt "hier oben"
---
## [25.0] - 2025-12-31
### ✨ Added
- **Home/Landing-Page:** Neue Startseite beim App-Load
- **Navigation-Hinweis:** Pfeil zeigt zum Menü-Button
- **Quick-Info Cards:** 3 Feature-Cards (Desktop nebeneinander, Mobile untereinander)
- **Features-Box:** Detaillierte technische Features
- **Two-Column Layout:** Updates | Info nebeneinander (Desktop)
### 🎨 Changed
- "Info" statt "Credits" als Box-Titel
- VBB-Gebiet korrekt: "Berlin & Brandenburg"
- Kompaktere Paddings und Fonts (~20% kleiner)
---
## [24.0] - 2025-12-31
### ✨ Added
- **Two-Column Layout:** Changelog und Credits nebeneinander
### 🎨 Changed
- Verbesserte Home-Page mit kompakterem Design
- Intro-Text statt Feature-Cards
---
## [23.0] - 2025-12-31
### ✨ Added
- **Home-Screen:** Erste Version der Landing-Page
- **Feature-Übersicht:** 4 Feature-Cards mit Icons
- **Changelog:** Integriert auf Home-Page
- **Credits:** Vollständige Attribution
---
## [22.0] - 2025-12-31
### ✨ Added
- **Dynamischer Page-Title:** Browser-Tab zeigt aktive View
- "VBB Netz Status - Abfahrten"
- "VBB Netz Status - Route"
- "VBB Netz Status - Live-Map"
---
## [21.0] - 2025-12-31
### ✨ Added
- **Dynamische Bounds:** Live-Map lädt nur sichtbare Fahrzeuge
- **API-Optimierung:** Bis zu 69% weniger Daten bei Zoom-in
- **Auto-Reload beim Map-Bewegen:** Immer aktuelle Fahrzeuge im Sichtbereich
### 🎯 Changed
- 15% Puffer-Zone um Map-Bounds für smooth UX
- Effizientere API-Calls
---
## [20.0] - 2025-12-31
### ✨ Added
- **Leaflet Map Integration:** Interaktive Karte statt statischer Einbettung
- **Custom Marker:** Fahrzeuge als Custom Icons mit Linienfarben
### 🎨 Changed
- Verbesserte Map-Performance
- Bessere Mobile-Unterstützung
---
## [19.0] - 2025-12-31
### ✨ Added
- **Echte BVG-Farben:** Authentische Linienfarben für 40+ Linien
- U-Bahn: U1-U9 Original-Farben
- S-Bahn: Grün + Ringbahn Orange
- Tram: Metro-Tram Rot + Tram Gelb
- Bus: Gelb + Metro-Bus Rot
- **Linienbezeichnung unter Icon:** Mit echter Farbe
- **Touch-optimiert:** Keine Zoom-Buttons auf Mobile
### 🎨 Changed
- Farbschema für alle Verkehrsmittel aktualisiert
- Bessere visuelle Unterscheidung
---
## [18.0] - 2025-12-31
### ✨ Added
- **Linien-basierte Filterung:** U-Bahn, S-Bahn, Tram, Bus separat
- **Präzise Station-Line Mappings:** Custom extrahierte Daten für 1000+ Stationen
### 🎨 Changed
- Verbesserte Filter-Funktionalität
- Genauere Linien-Zuordnungen
---
## [17.0] - 2025-12-31
### ✨ Added
- **Live-Update Intervall:** 30 Sekunden Auto-Refresh
- **Manueller Refresh-Button:** In Live-Map View
### 🎨 Changed
- Optimierte Update-Strategie
- Bessere Performance bei Live-Updates
---
## [16.0] - 2025-12-31
### ✨ Added
- **Live-Map Feature:** Echtzeit-Fahrzeugverfolgung
- Dark-Mode Karte (CartoDB)
- Filter nach Fahrzeugtyp
- Live-Positions-Updates
- **3-Tab Navigation:** Abfahrten | Route | Live-Map
### 🎨 Changed
- Navigation erweitert um Live-Map Tab
- UI angepasst für 3 Views
---
## [15.0] - 2025-12-31
### ✨ Added
- **Detaillierte Fußwege:** Distanz + Gehzeit für alle Walking-Legs
- **Robuste Stationserkennung:** Funktioniert auch bei unvollständigen Namen
### 🎨 Changed
- Verbesserte Journey-Details
- Klarere Fußweg-Darstellung
---
## [14.0] - 2025-12-31
### ✨ Added
- **Garantierte 5 Min Umstiegszeit:** Alle Routen mit mindestens 5 Min Transfer
- **Intelligente Route-Berechnung:** API-Parameter optimiert
### 🎨 Changed
- Realistischere Routenplanung
- Weniger verpasste Anschlüsse
---
## [13.0] - 2025-12-31
### ✨ Added
- **Routenplaner-View:** Neue Tab für Journey-Planning
- **Start/Ziel-Suche:** Mit GPS-Unterstützung
- **Alternative Routen:** Mehrere Optionen anzeigen
### 🎨 Changed
- 2-Tab Navigation: Abfahrten | Route
- Optimierte Layout-Struktur
---
## [12.0] - 2025-12-31
### ✨ Added
- **Auto-Refresh Toggle:** An/Aus Schalter im Header
- **Smart Value Update:** Nur Values ändern, kein Re-Render
### 🎯 Changed
- Performantere Refresh-Strategie
- Weniger DOM-Manipulation
---
## [11.0] - 2025-12-31
### ✨ Added
- **30s Auto-Refresh:** Automatische Aktualisierung alle 30 Sekunden
- **Countdown-Anzeige:** "Auto-Refresh in: 28s"
### 🎨 Changed
- Immer aktuelle Abfahrten ohne manuellen Refresh
---
## [10.0] - 2025-12-31
### ✨ Added
- **Pull-to-Refresh:** Touch-basiert auf Mobile
- **Haptic Feedback:** Vibration bei Aktionen (navigator.vibrate)
- **Loading-Spinner:** Während Refresh
### 🎨 Changed
- Native App-ähnliches Verhalten
- Bessere Mobile-UX
---
## [9.0] - 2025-12-31
### ✨ Added
- **Detaillierte Trip-Modal:** Per Tap auf Abfahrt
- **Alle Zwischenstopps:** Mit Ankunfts-/Abfahrtszeiten
- **Swipe-to-Close:** Auf Mobile
### 🎨 Changed
- Mehr Informationen pro Trip
- Bessere Detail-Ansicht
---
## [8.0] - 2025-12-31
### ✨ Added
- **Autocomplete-Suche:** Live-Vorschläge während Eingabe
- **Keyboard-Navigation:** ↑↓ + Enter
- **Touch-optimiert:** Große Tap-Targets
### 🎯 Changed
- Schnellere Stations-Suche
- Bessere UX
---
## [7.0] - 2025-12-31
### ✅ Added
- **Offline-Modus:** Gespeicherte Abfahrten anzeigen
- **Offline-Indikator:** "📵 Offline-Modus" Banner
- **localStorage Caching:** Letzte Abfahrten speichern
### 🎨 Changed
- App funktioniert auch ohne Internet
- Cached Daten als Fallback
---
## [6.0] - 2025-12-31
### ✨ Added
- **Service Worker:** PWA-Funktionalität
- **Offline-Caching:** Statische Assets cached
- **Install-Prompt:** "Als App installieren"
### 🎨 Changed
- App ist jetzt installierbar
- Funktioniert offline
---
## [5.0] - 2025-12-31
### ✨ Added
- **GPS-Standort:** Automatische Station finden
- **"Standort verwenden" Button:** Mit Loading-State
- **Fehlerbehandlung:** Wenn GPS fehlschlägt
### 🎨 Changed
- Schnellerer Zugriff auf nahegelegene Stationen
- Weniger manuelle Suche nötig
---
## [4.0] - 2025-12-31
### ✨ Added
- **Kategorie-Filter:** U-Bahn, S-Bahn, Tram, Bus, Fähre
- **Default: Alle außer Bus/Fähre:** Weniger "noise"
- **Toggle-Buttons:** An/Aus für jede Kategorie
### 🎨 Changed
- Übersichtlichere Abfahrten-Liste
- Fokus auf wichtige Linien
---
## [3.0] - 2025-12-31
### ✨ Added
- **Verspätungen:** Rot markiert mit Delay-Info
- **Ausfälle:** Durchgestrichen mit "Fällt aus"
- **Gleis/Steig:** Bei verfügbar angezeigt
### 🎨 Changed
- Mehr Informationen pro Abfahrt
- Bessere visuelle Unterscheidung
---
## [2.0] - 2025-12-31
### ✨ Added
- **Live-Abfahrten:** Echtzeit-Daten von VBB API
- **Relativer Countdown:** "in 3 Min" statt absoluter Zeit
- **Verkehrsmittel-Icons:** 🚇🚊🚋🚌⛴️
### 🎨 Changed
- Funktionale Abfahrtsanzeige
- Echte Daten statt Mockups
---
## [1.0] - 2025-12-30
### ✨ Added
- **Initial Release**
- **Basic HTML/CSS/JS Structure**
- **BVG-Styling:** DotMatrix Font + Gelb/Schwarz
- **Responsive Design:** Mobile-First
### 🎨 Changed
- Basis-Framework erstellt
- Design-System etabliert
---
## Legende
- ✨ **Added:** Neue Features
- 🎨 **Changed:** Änderungen an bestehenden Features
- 🐛 **Fixed:** Bug-Fixes
- 🎯 **Improved:** Performance/UX-Verbesserungen
- ✅ **Completed:** Fertiggestellte Features
- ⚠️ **Deprecated:** Veraltete Features
- 🗑️ **Removed:** Entfernte Features
---
## Contributing
Wenn du einen Bug findest oder ein Feature vorschlagen möchtest, öffne bitte ein [GitHub Issue](https://github.com/Serverlele30/VBB-Status-Web-App/issues).
---
Made with ❤️ for Berlin & Brandenburg
+1 -1
View File
@@ -4,7 +4,7 @@
> Eine Progressive Web App (PWA) für Echtzeit-Abfahrten, Routenplanung und Live-Fahrzeugverfolgung im VBB-Gebiet > Eine Progressive Web App (PWA) für Echtzeit-Abfahrten, Routenplanung und Live-Fahrzeugverfolgung im VBB-Gebiet
[![MIT License](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![MIT License](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![Version](https://img.shields.io/badge/Version-27.0-blue.svg)](https://github.com/Serverlele30/VBB-Status-Web-App) [![Version](https://img.shields.io/badge/Version-29.0-blue.svg)](https://github.com/Serverlele30/VBB-Status-Web-App)
**Live-Demo:** [VBB-Status-Web-App](https://github.com/Serverlele30/VBB-Status-Web-App) **Live-Demo:** [VBB-Status-Web-App](https://github.com/Serverlele30/VBB-Status-Web-App)
+88 -8
View File
@@ -2172,6 +2172,55 @@
color: #666; color: #666;
} }
.home-footer-github {
margin-top: 15px !important;
}
.home-footer-github a {
display: inline-block;
padding: 8px 16px;
background: #1a1a1a;
color: #FFED00;
text-decoration: none;
border-radius: 5px;
border: 1px solid #333;
font-size: 13px;
transition: all 0.2s ease;
}
.home-footer-github a:hover {
background: #FFED00;
color: #000;
border-color: #FFED00;
}
/* GitHub Link Button */
.home-github-link {
text-align: center;
margin: 20px 0;
padding-bottom: 20px;
border-bottom: 2px solid #333;
}
.home-github-btn {
display: inline-block;
padding: 12px 24px;
background: #1a1a1a;
color: #FFED00;
text-decoration: none;
border-radius: 5px;
border: 2px solid #FFED00;
font-size: 14px;
font-weight: bold;
transition: all 0.2s ease;
}
.home-github-btn:hover {
background: #FFED00;
color: #000;
transform: translateY(-2px);
}
/* Mobile Responsive */ /* Mobile Responsive */
@media (max-width: 767px) { @media (max-width: 767px) {
.home-container { .home-container {
@@ -2256,6 +2305,16 @@
.home-footer { .home-footer {
margin: 0 15px; margin: 0 15px;
} }
.home-github-btn {
font-size: 13px;
padding: 10px 18px;
}
.home-footer-github a {
font-size: 12px;
padding: 7px 14px;
}
} }
</style> </style>
@@ -2336,7 +2395,7 @@
<div class="home-hero-title"> <div class="home-hero-title">
<h1>VBB NETZ STATUS</h1> <h1>VBB NETZ STATUS</h1>
<p>Live-Nahverkehr für Berlin & Brandenburg</p> <p>Live-Nahverkehr für Berlin & Brandenburg</p>
<div class="home-version">v27.0</div> <div class="home-version">v29.0</div>
</div> </div>
</div> </div>
@@ -2374,24 +2433,40 @@
<!-- Latest Update --> <!-- Latest Update -->
<div class="home-update home-update-latest"> <div class="home-update home-update-latest">
<div class="home-update-header"> <div class="home-update-header">
<span class="home-update-version">v27.0</span> <span class="home-update-version">v29.0</span>
<span class="home-update-date">31.12.2025</span> <span class="home-update-date">31.12.2025</span>
</div> </div>
<h3>Credits & Header Update</h3> <h3>GitHub-Integration</h3>
<ul> <ul>
<li>Pfeil entfernt (klarer Text)</li> <li>GitHub-Link im Changelog-Bereich</li>
<li>Aaron K. in Credits erwähnt</li> <li>"Star on GitHub" im Footer</li>
<li>Header-Subtitle aktualisiert</li> <li>Direkter Zugriff auf Code & Updates</li>
</ul> </ul>
</div> </div>
<!-- GitHub Link -->
<div class="home-github-link">
<a href="https://github.com/Serverlele30/VBB-Status-Web-App" target="_blank" class="home-github-btn">
📖 Alle Updates & Code auf GitHub
</a>
</div>
<!-- Older Updates (Collapsible) --> <!-- Older Updates (Collapsible) -->
<details class="home-details"> <details class="home-details">
<summary class="home-summary">Ältere Updates</summary> <summary class="home-summary">Ältere Updates</summary>
<div class="home-update"> <div class="home-update">
<div class="home-update-header"> <div class="home-update-header">
<span class="home-update-version">v21.0</span> <span class="home-update-version">v28.0</span>
<span class="home-update-date">31.12.2025</span>
</div>
<h3>Bug-Fix + GitHub Docs</h3>
<ul>
<li>Bug: Abfahrten beim Start nicht mehr sichtbar</li>
<li>Vollständige README.md für GitHub</li>
<li>GitHub CHANGELOG.md hinzugefügt</li>
</ul>
</div>
</div> </div>
<h3>API-Optimierung</h3> <h3>API-Optimierung</h3>
<ul> <ul>
@@ -2471,12 +2546,17 @@
<div class="home-footer"> <div class="home-footer">
<p><strong>Inoffizielle App</strong> – Nicht von VBB/BVG betrieben</p> <p><strong>Inoffizielle App</strong> – Nicht von VBB/BVG betrieben</p>
<p class="home-footer-small">Made with ❤️ for Berlin & Brandenburg</p> <p class="home-footer-small">Made with ❤️ for Berlin & Brandenburg</p>
<p class="home-footer-github">
<a href="https://github.com/Serverlele30/VBB-Status-Web-App" target="_blank">
⭐ Star on GitHub
</a>
</p>
</div> </div>
</div> </div>
</div> </div>
<!-- View: Abfahrten --> <!-- View: Abfahrten -->
<div class="view-container active" id="view-departures"> <div class="view-container" id="view-departures">
<div class="container"> <div class="container">
<div class="controls"> <div class="controls">
<div class="search-row"> <div class="search-row">
+1 -1
View File
@@ -1,4 +1,4 @@
const CACHE_NAME = 'vbb-status-v27'; const CACHE_NAME = 'vbb-status-v29';
const urlsToCache = [ const urlsToCache = [
'/', '/',
'/index.html', '/index.html',