Compare commits
125 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5549c64735 | |||
| 392eb9de32 | |||
| 41dfe566c6 | |||
| db4b0cdee2 | |||
| b0a6a7e7ca | |||
| 9e531b3f7c | |||
| 99bf2fa1f4 | |||
| cd4db22e72 | |||
| 1cf8fbb91d | |||
| 16bd7ec544 | |||
| 4d5a7b4f5e | |||
| 9922c0ae9d | |||
| 93314424d9 | |||
| d14ac5d9af | |||
| b4939147c4 | |||
| 2a33fc45de | |||
| 3a317de8f0 | |||
| f626cd52fd | |||
| 6283ccff6d | |||
| 3893e148ab | |||
| 65fbde845e | |||
| 57d3a05a5a | |||
| dfd50d5e78 | |||
| 73541796f6 | |||
| e3e9900482 | |||
| 156078ff3a | |||
| 5d56c7128e | |||
| 98f887f51e | |||
| f46947b6d4 | |||
| c1b55c3579 | |||
| 6a2e290d54 | |||
| 7263464b89 | |||
| 7b88e62de0 | |||
| d50ea60af9 | |||
| ec559f5c72 | |||
| c454620ae1 | |||
| 94c381fbfc | |||
| 06576b08d9 | |||
| 465a6f058a | |||
| daf7499b4e | |||
| fade9b8d62 | |||
| 611a5dd906 | |||
| 35645fc671 | |||
| fab869eb58 | |||
| 6cd8f199c4 | |||
| 948a17b739 | |||
| f2290cf77f | |||
| 0627b6ff33 | |||
| 24ba040537 | |||
| 997786be54 | |||
| c4974787d4 | |||
| a42bdaa721 | |||
| 49938a1085 | |||
| d0a27fe095 | |||
| d388bce528 | |||
| aabb4540c9 | |||
| ffde078238 | |||
| 9e320c4eb2 | |||
| 58ed5fe867 | |||
| 72676edc10 | |||
| d5954eac89 | |||
| 68a2db28a1 | |||
| 13709de515 | |||
| 2c65d5f651 | |||
| 33ecb79e0b | |||
| 00bb197620 | |||
| 8e7d3da07f | |||
| 35e0d0a783 | |||
| 40196fa28f | |||
| 7b5e90e3bd | |||
| 3c48988e88 | |||
| 869acdcb18 | |||
| 91af1dfca0 | |||
| c271bc1f60 | |||
| 9c04bb973e | |||
| 6d7298548b | |||
| 42a11abe61 | |||
| 3c6d2f7c45 | |||
| d143d6c7b6 | |||
| e6638b737d | |||
| 1f493e0a37 | |||
| 469ad0ce05 | |||
| 8a8c13e407 | |||
| 18974eb69b | |||
| 9e406ed7a3 | |||
| 8b82a44ad8 | |||
| 528baff7b5 | |||
| e105dc4663 | |||
| 3f69ba6198 | |||
| 7e812eb835 | |||
| ece7f984f7 | |||
| 6cfc2e0162 | |||
| bbcd04fd21 | |||
| 89a5152ada | |||
| e6f43ca10a | |||
| da3ef358d2 | |||
| d77ee8ef04 | |||
| cbc95c0d29 | |||
| 3639344a13 | |||
| 84ba72ab72 | |||
| 2f4671cbc4 | |||
| df87868ab5 | |||
| d1c4f6a1d0 | |||
| 88d33b1a30 | |||
| 0e9a1156e2 | |||
| cdf0bc31d9 | |||
| f1c2e9227e | |||
| a5383ccce8 | |||
| 163fb792a0 | |||
| 733161dd46 | |||
| 4e2703ba0a | |||
| 02e72b8347 | |||
| 0285f0a520 | |||
| 8fb10a35e8 | |||
| 6b017e641d | |||
| 4d110b6019 | |||
| 71d811ea98 | |||
| 2de5c21442 | |||
| c6f170e1fc | |||
| ff4f322ca4 | |||
| 5eaa79ed62 | |||
| 6657101cd6 | |||
| 9f4c532d66 | |||
| 83cedcc555 | |||
| 2eddb3ad20 |
16
.env.example
Normal file
16
.env.example
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
# Flask-Konfiguration
|
||||||
|
FLASK_APP=app.py
|
||||||
|
FLASK_ENV=development
|
||||||
|
SECRET_KEY=your-secret-key-here
|
||||||
|
|
||||||
|
# Datenbank-Konfiguration
|
||||||
|
DATABASE_URL=sqlite:///customers.db
|
||||||
|
|
||||||
|
# Authentifizierung
|
||||||
|
STATIC_PASSWORD=your-static-password-here
|
||||||
|
|
||||||
|
# IP-Bereiche für direkten Zugriff (ohne Login)
|
||||||
|
ALLOWED_IP_RANGES=192.168.0.0/24,192.168.177.0/24,213.178.68.218/29
|
||||||
|
|
||||||
|
# Logging-Konfiguration
|
||||||
|
LOG_LEVEL=INFO
|
||||||
18
.gitignore
vendored
18
.gitignore
vendored
@@ -17,6 +17,7 @@ pip-delete-this-directory.txt
|
|||||||
.vscode/
|
.vscode/
|
||||||
*.swp
|
*.swp
|
||||||
*.swo
|
*.swo
|
||||||
|
*.bak
|
||||||
|
|
||||||
# Logs
|
# Logs
|
||||||
*.log
|
*.log
|
||||||
@@ -43,6 +44,21 @@ coverage.xml
|
|||||||
|
|
||||||
# Docker
|
# Docker
|
||||||
.docker/
|
.docker/
|
||||||
|
docker-compose.yml
|
||||||
|
|
||||||
# Daten
|
# Daten
|
||||||
spezexpo.csv
|
data/
|
||||||
|
|
||||||
|
# Virtual Environment
|
||||||
|
develop-eggs/
|
||||||
|
downloads/
|
||||||
|
eggs/
|
||||||
|
.eggs/
|
||||||
|
lib/
|
||||||
|
lib64/
|
||||||
|
parts/
|
||||||
|
sdist/
|
||||||
|
var/
|
||||||
|
wheels/
|
||||||
|
.installed.cfg
|
||||||
|
*.egg
|
||||||
|
|||||||
221
CHANGELOG.md
Normal file
221
CHANGELOG.md
Normal file
@@ -0,0 +1,221 @@
|
|||||||
|
# Changelog
|
||||||
|
|
||||||
|
Alle wichtigen Änderungen an diesem Projekt werden in dieser Datei dokumentiert.
|
||||||
|
|
||||||
|
Das Format basiert auf [Keep a Changelog](https://keepachangelog.com/de/1.0.0/),
|
||||||
|
und dieses Projekt adhäriert zu [Semantic Versioning](https://semver.org/lang/de/).
|
||||||
|
|
||||||
|
## [Unreleased]
|
||||||
|
### Hinzugefügt
|
||||||
|
- CSV-Export-Funktion für Suchergebnisse
|
||||||
|
- Export-Button in der Benutzeroberfläche
|
||||||
|
- Automatische Formatierung der CSV-Datei mit allen relevanten Kundendaten
|
||||||
|
|
||||||
|
## [1.2.16] - 2024-03-21
|
||||||
|
### Geändert
|
||||||
|
- Verbesserte Suchfunktion: Highlighting für allgemeine Suche in allen Feldern
|
||||||
|
- Optimierte Reset-Buttons in den Suchfeldern
|
||||||
|
- Verbesserte CSS-Styles für die Suchfeld-Icons
|
||||||
|
|
||||||
|
## [1.2.15] - 2024-03-20
|
||||||
|
### Hinzugefügt
|
||||||
|
- Autovervollständigung für das Ort-Feld
|
||||||
|
- Neue API-Route für Ortsvorschläge
|
||||||
|
- Optimierte SQL-Abfragen für die Ortssuche
|
||||||
|
|
||||||
|
## [1.2.14] - 2024-03-20
|
||||||
|
### Hinzugefügt
|
||||||
|
- Autovervollständigung für das Fachrichtungsfeld
|
||||||
|
- Neue API-Route für Fachrichtungsvorschläge
|
||||||
|
- Optimierte SQL-Abfragen für die Fachrichtungssuche
|
||||||
|
|
||||||
|
## [1.2.13] - 2024-03-20
|
||||||
|
### Fixed
|
||||||
|
- Korrektur der Parameteranzahl in der SQL-Abfrage für die allgemeine Suche
|
||||||
|
- Behebung des Fehlers bei der Suche in allen Datenbankfeldern
|
||||||
|
|
||||||
|
## [v1.2.12] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Performance-Optimierung der Suchfunktion durch Reduzierung der Suchfelder
|
||||||
|
- Verbesserte Suchgeschwindigkeit durch LIMIT in SQL-Abfragen
|
||||||
|
- Optimiertes Debounce-Intervall für Live-Suche
|
||||||
|
- Verbessertes Highlighting für Teilstrings in Suchergebnissen
|
||||||
|
|
||||||
|
## [v1.2.11] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Einträge mit der Fachrichtung "intern" werden aus den Suchergebnissen gefiltert
|
||||||
|
- Verbesserte SQL-Abfrage für die Suchergebnisse
|
||||||
|
|
||||||
|
## [v1.2.10] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Verbesserte Darstellung der Adress-Links mit Location- und Route-Icons
|
||||||
|
- Korrektur des Docker-Port-Mappings für bessere Erreichbarkeit
|
||||||
|
|
||||||
|
## [v1.2.9] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Verbesserte Darstellung der Adress-Links mit Location- und Route-Icons
|
||||||
|
- Korrektur des Docker-Port-Mappings für bessere Erreichbarkeit
|
||||||
|
|
||||||
|
## [v1.2.8] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Verbesserte Tag-Anzeige: Badge neben dem Teilen-Button mit farblicher Hervorhebung (blau für MEDISOFT, orange für MEDICONSULT)
|
||||||
|
|
||||||
|
## [v1.2.7] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Korrektur der Feldreihenfolge in den Suchergebnissen
|
||||||
|
- Verbesserung der Tag-Anzeige
|
||||||
|
|
||||||
|
## [v1.2.6] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Verbesserte Darstellung der Kundennummern in den Suchergebnissen
|
||||||
|
- Optimierte Anzeige der Kundennummern in der Detailansicht
|
||||||
|
- Anpassung der Kundennummernberechnung für die MEDISOFT-Integration
|
||||||
|
- Verbesserte Formatierung der Kundennummern in der Benutzeroberfläche
|
||||||
|
|
||||||
|
## [v1.2.5] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Verbesserte Darstellung der Kundennummern in den Suchergebnissen
|
||||||
|
- Optimierte Anzeige der Kundennummern in der Detailansicht
|
||||||
|
- Anpassung der Kundennummernberechnung für die MEDISOFT-Integration
|
||||||
|
- Verbesserte Formatierung der Kundennummern in der Benutzeroberfläche
|
||||||
|
|
||||||
|
## [v1.2.4] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Verbesserte Darstellung der Kundennummern in den Suchergebnissen
|
||||||
|
- Optimierte Anzeige der Kundennummern in der Detailansicht
|
||||||
|
- Anpassung der Kundennummernberechnung für die MEDISOFT-Integration
|
||||||
|
- Verbesserte Formatierung der Kundennummern in der Benutzeroberfläche
|
||||||
|
|
||||||
|
## [v1.2.3] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Verbesserte Darstellung der Kundennummern in den Suchergebnissen
|
||||||
|
- Optimierte Anzeige der Kundennummern in der Detailansicht
|
||||||
|
- Anpassung der Kundennummernberechnung für die MEDISOFT-Integration
|
||||||
|
- Verbesserte Formatierung der Kundennummern in der Benutzeroberfläche
|
||||||
|
|
||||||
|
## [v1.2.2] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Verbesserte Darstellung der Kundennummern in den Suchergebnissen
|
||||||
|
- Optimierte Anzeige der Kundennummern in der Detailansicht
|
||||||
|
- Anpassung der Kundennummernberechnung für die MEDISOFT-Integration
|
||||||
|
- Verbesserte Formatierung der Kundennummern in der Benutzeroberfläche
|
||||||
|
|
||||||
|
## [v1.2.1] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Verbesserte Darstellung der Kundennummern in den Suchergebnissen
|
||||||
|
- Optimierte Anzeige der Kundennummern in der Detailansicht
|
||||||
|
- Anpassung der Kundennummernberechnung für die MEDISOFT-Integration
|
||||||
|
- Verbesserte Formatierung der Kundennummern in der Benutzeroberfläche
|
||||||
|
|
||||||
|
## [v1.2.0] - 2024-03-19
|
||||||
|
### Hinzugefügt
|
||||||
|
- Neue Spalte "Tag" in der Kundendatenbank
|
||||||
|
- Unterscheidung zwischen MEDISOFT und MEDICONSULT Kunden
|
||||||
|
- Filteroption für die Anzeige von MEDISOFT oder MEDICONSULT Kunden
|
||||||
|
- Verbesserte Darstellung der Kundennummern in den Suchergebnissen
|
||||||
|
- Optimierte Anzeige der Kundennummern in der Detailansicht
|
||||||
|
- Anpassung der Kundennummernberechnung für die MEDISOFT-Integration
|
||||||
|
- Verbesserte Formatierung der Kundennummern in der Benutzeroberfläche
|
||||||
|
|
||||||
|
## [v1.1.0] - 2024-03-19
|
||||||
|
### Hinzugefügt
|
||||||
|
- Neue Spalte "Tag" in der Kundendatenbank
|
||||||
|
- Unterscheidung zwischen MEDISOFT und MEDICONSULT Kunden
|
||||||
|
- Filteroption für die Anzeige von MEDISOFT oder MEDICONSULT Kunden
|
||||||
|
|
||||||
|
## [v1.0.0] - 2024-03-19
|
||||||
|
### Hinzugefügt
|
||||||
|
- Erste Version der Anwendung
|
||||||
|
- Grundlegende Suchfunktionalität
|
||||||
|
- Anzeige von Kundendetails
|
||||||
|
- Integration mit MEDISOFT
|
||||||
|
- Responsive Design
|
||||||
|
- IP-basierte Zugriffskontrolle
|
||||||
|
|
||||||
|
## [1.2.6] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Verbesserte Suchfunktion: Keine Ergebnisse mehr bei leeren Suchfeldern
|
||||||
|
- Optimiertes Highlighting der Suchergebnisse für alle Suchfelder
|
||||||
|
- Fachrichtung wird jetzt in den Suchergebnissen hervorgehoben
|
||||||
|
|
||||||
|
## [1.2.5] - 2024-03-19
|
||||||
|
### Hinzugefügt
|
||||||
|
- Neues Suchfeld für Fachrichtung
|
||||||
|
- Index für das Fachrichtung-Feld in der Datenbank
|
||||||
|
- Fachrichtung in der allgemeinen Suche integriert
|
||||||
|
|
||||||
|
## [1.2.4] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Performance-Optimierung: Indizes für alle Suchfelder hinzugefügt
|
||||||
|
- Verbesserte Suchgeschwindigkeit durch optimierte Datenbankindizes
|
||||||
|
- Zusammengesetzter Index für die häufigste Suchkombination (Name + Ort) hinzugefügt
|
||||||
|
|
||||||
|
## [1.2.3] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Performance-Optimierung: Entfernung aller console.log Anweisungen
|
||||||
|
- Verbesserte Code-Qualität durch Entfernung von Debug-Ausgaben
|
||||||
|
|
||||||
|
## [1.2.2] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Verbesserte Telefonnummern-Formatierung: Führende "0" wird immer hinzugefügt, wenn der Benutzer von einer erlaubten IP-Adresse zugreift
|
||||||
|
- Debug-Logging für Telefonnummern-Formatierung hinzugefügt
|
||||||
|
- Verbesserte Benutzerfreundlichkeit bei der Anzeige von Telefonnummern
|
||||||
|
|
||||||
|
### Behoben
|
||||||
|
- Problem mit fehlender führender "0" bei Telefonnummern für autorisierte Benutzer
|
||||||
|
|
||||||
|
## [1.2.1] - 2024-03-18
|
||||||
|
### Geändert
|
||||||
|
- Verbesserte CSV-Import-Funktionalität mit pandas
|
||||||
|
- Korrektur des Login-Prozesses
|
||||||
|
- Verbesserte Fehlerbehandlung und Logging
|
||||||
|
- Anpassung der Spaltennamen für den CSV-Import
|
||||||
|
|
||||||
|
### Behoben
|
||||||
|
- Login-Prozess funktioniert jetzt korrekt mit dem Passwort aus der .env Datei
|
||||||
|
- CSV-Import verarbeitet Anführungszeichen korrekt
|
||||||
|
- Verbesserte Fehlerbehandlung beim Datenbankimport
|
||||||
|
|
||||||
|
## [1.2.0] - 2024-03-18
|
||||||
|
|
||||||
|
### Geändert
|
||||||
|
- IP-Subnetz-Prüfung korrigiert (CIDR-Notation wird jetzt korrekt ausgewertet)
|
||||||
|
- Debug-Logging für IP-Adressen hinzugefügt
|
||||||
|
- Beispiel-Umgebungsvariablen (.env.example) hinzugefügt
|
||||||
|
|
||||||
|
### Hinzugefügt
|
||||||
|
- IP-basierte Zugriffssteuerung für medisoftware-Links
|
||||||
|
- IP-basierte Zugriffssteuerung für Telefonnummern-Links
|
||||||
|
- Google Maps Integration für Adressen
|
||||||
|
- Version im Footer angezeigt
|
||||||
|
|
||||||
|
### Verbessert
|
||||||
|
- Verbesserte Fehlerbehandlung bei der IP-Überprüfung
|
||||||
|
- Bessere Dokumentation der Konfigurationsmöglichkeiten
|
||||||
|
|
||||||
|
## [v1.1.0] - 2024-03-17
|
||||||
|
|
||||||
|
### Hinzugefügt
|
||||||
|
- Benutzer-Login für nicht-autorisierte IPs
|
||||||
|
- Verbesserte Darstellung der Telefonnummern
|
||||||
|
- Responsive Design für mobile Geräte
|
||||||
|
|
||||||
|
### Verbessert
|
||||||
|
- Optimierte Suchfunktion
|
||||||
|
- Verbesserte Benutzeroberfläche
|
||||||
|
|
||||||
|
## [v1.0.0] - 2024-03-17
|
||||||
|
|
||||||
|
### Hinzugefügt
|
||||||
|
- Erste Version mit grundlegenden Suchfunktionen
|
||||||
|
- Echtzeit-Suche über Kundendaten
|
||||||
|
- Hervorhebung von Suchbegriffen in den Ergebnissen
|
||||||
|
- Klickbare Links für Telefonnummern, E-Mail-Adressen und Adressen
|
||||||
|
- Docker-Container für einfache Installation und Deployment
|
||||||
|
|
||||||
|
## [1.2.19] - 2024-03-19
|
||||||
|
### Geändert
|
||||||
|
- Version auf 1.2.19 aktualisiert
|
||||||
|
|
||||||
|
## [1.2.18] - 2024-03-19
|
||||||
|
# ... existing code ...
|
||||||
@@ -10,8 +10,12 @@ COPY requirements.txt .
|
|||||||
# Installiere Abhängigkeiten
|
# Installiere Abhängigkeiten
|
||||||
RUN pip install --no-cache-dir -r requirements.txt
|
RUN pip install --no-cache-dir -r requirements.txt
|
||||||
|
|
||||||
# Kopiere den Anwendungscode
|
# Erstelle das data Verzeichnis und setze Berechtigungen
|
||||||
COPY . .
|
RUN mkdir -p /app/data && \
|
||||||
|
chmod 755 /app/data
|
||||||
|
|
||||||
|
# Kopiere die Anwendungsdateien
|
||||||
|
COPY . /app/
|
||||||
|
|
||||||
# Exponiere Port 5000
|
# Exponiere Port 5000
|
||||||
EXPOSE 5000
|
EXPOSE 5000
|
||||||
|
|||||||
285
README.md
285
README.md
@@ -1,179 +1,158 @@
|
|||||||
# medisoftware Kundensuche
|
# medisoftware Kundensuche
|
||||||
|
|
||||||
Eine Flask-basierte Webanwendung zur Suche in Kundendaten aus einer CSV-Datei.
|
Eine einfache und effiziente Kundensuche für medisoftware Kunden.
|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
- Live-Suche während der Eingabe
|
- 🔍 Echtzeit-Suche über alle Kundendaten
|
||||||
- Spezifische Suchfelder für:
|
- 📱 Responsive Design für alle Geräte
|
||||||
- Kundennummer
|
- 🔒 IP-basierte Zugriffskontrolle
|
||||||
- Name (Vor- und Nachname)
|
- 🔗 Direkte Integration mit MEDISOFT
|
||||||
- Fachrichtung
|
- 🏥 Unterscheidung zwischen MEDISOFT und MEDICONSULT Kunden
|
||||||
- Ort
|
- 🎨 Farbliche Hervorhebung der Kundentypen (blau für MEDISOFT, orange für MEDICONSULT)
|
||||||
- Allgemeine Suche über alle Felder
|
- 📍 Verbesserte Adress-Links mit Location- und Route-Icons
|
||||||
- Klickbare Links für:
|
- 📤 CSV-Export der Suchergebnisse
|
||||||
- Telefonnummern (tel:)
|
- 📥 CSV-Import für Kundendaten
|
||||||
- E-Mail-Adressen (mailto:)
|
- 📖 Integrierte README-Anzeige
|
||||||
- Adressen (Google Maps)
|
- 🍔 Intuitives Hamburger-Menü
|
||||||
- Kundennummern (KKBefe-System)
|
- 📱 VCF-Export für Kontakte
|
||||||
- Teilen-Funktion für einzelne Suchergebnisse
|
|
||||||
- Responsive Design mit Bootstrap
|
|
||||||
- Docker-Container-Unterstützung
|
|
||||||
|
|
||||||
## Technische Details
|
## Version
|
||||||
|
|
||||||
### Technologie-Stack
|
Aktuelle Version: 1.2.19
|
||||||
|
|
||||||
- **Backend**: Python 3.11 mit Flask
|
|
||||||
- **Frontend**: HTML, CSS, JavaScript, Bootstrap 5
|
|
||||||
- **Datenverarbeitung**: pandas, numpy
|
|
||||||
- **Container**: Docker
|
|
||||||
|
|
||||||
### Projektstruktur
|
|
||||||
|
|
||||||
```
|
|
||||||
medi-customers/
|
|
||||||
├── app.py # Flask-Anwendung
|
|
||||||
├── templates/ # HTML-Templates
|
|
||||||
│ └── index.html # Hauptseite
|
|
||||||
├── spezexpo.csv # Kundendaten
|
|
||||||
├── requirements.txt # Python-Abhängigkeiten
|
|
||||||
├── Dockerfile # Docker-Konfiguration
|
|
||||||
├── docker-compose.yml # Docker Compose Konfiguration
|
|
||||||
└── .dockerignore # Docker-Ignore-Datei
|
|
||||||
```
|
|
||||||
|
|
||||||
### Datenformat
|
|
||||||
|
|
||||||
Die Anwendung erwartet eine CSV-Datei (`spezexpo.csv`) mit folgenden Spalten:
|
|
||||||
- Nummer (Kundennummer)
|
|
||||||
- Vorname
|
|
||||||
- Nachname
|
|
||||||
- Fachrichtung
|
|
||||||
- Strasse
|
|
||||||
- PLZ
|
|
||||||
- Ort
|
|
||||||
- Tel
|
|
||||||
- mail
|
|
||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
|
|
||||||
### Lokale Entwicklung
|
1. Klonen Sie das Repository:
|
||||||
|
```bash
|
||||||
|
git clone https://gitea.elpatron.me/elpatron/medi-customers.git
|
||||||
|
cd medi-customers
|
||||||
|
```
|
||||||
|
|
||||||
1. Python 3.11 installieren
|
2. Erstellen Sie die erforderlichen Verzeichnisse:
|
||||||
2. Virtuelle Umgebung erstellen und aktivieren:
|
```bash
|
||||||
```bash
|
mkdir -p data
|
||||||
python -m venv venv
|
```
|
||||||
source venv/bin/activate # Linux/Mac
|
|
||||||
venv\Scripts\activate # Windows
|
|
||||||
```
|
|
||||||
3. Abhängigkeiten installieren:
|
|
||||||
```bash
|
|
||||||
pip install -r requirements.txt
|
|
||||||
```
|
|
||||||
4. Anwendung starten:
|
|
||||||
```bash
|
|
||||||
python app.py
|
|
||||||
```
|
|
||||||
|
|
||||||
### Docker-Container
|
3. Starten Sie die Anwendung mit Docker Compose:
|
||||||
|
```bash
|
||||||
|
docker-compose up --build
|
||||||
|
```
|
||||||
|
|
||||||
1. Docker installieren
|
Die Anwendung ist dann unter `http://localhost:5000` erreichbar.
|
||||||
2. Container mit Docker Compose starten:
|
|
||||||
```bash
|
|
||||||
docker-compose up --build
|
|
||||||
```
|
|
||||||
Die Anwendung ist dann unter `http://localhost:5001` erreichbar.
|
|
||||||
|
|
||||||
## API-Endpunkte
|
|
||||||
|
|
||||||
### GET /
|
|
||||||
- Rendert die Hauptseite
|
|
||||||
|
|
||||||
### GET /search
|
|
||||||
- Sucht nach Kunden basierend auf verschiedenen Parametern
|
|
||||||
- Parameter:
|
|
||||||
- `name`: Suche nach Vor- oder Nachname
|
|
||||||
- `ort`: Suche nach Ort
|
|
||||||
- `kundennummer`: Suche nach Kundennummer
|
|
||||||
- `fachrichtung`: Suche nach Fachrichtung
|
|
||||||
- `q`: Allgemeine Suche über alle Felder
|
|
||||||
- Returns: JSON-Array mit gefundenen Kunden
|
|
||||||
|
|
||||||
## Frontend-Funktionen
|
|
||||||
|
|
||||||
### Suchfunktion
|
|
||||||
- Live-Suche mit 300ms Debounce
|
|
||||||
- Spezifische Suchfelder für präzise Suche
|
|
||||||
- Allgemeine Suche für breite Suche
|
|
||||||
- Kombinierbare Suchkriterien
|
|
||||||
|
|
||||||
### Link-Generierung
|
|
||||||
- `createPhoneLink()`: Erstellt tel:-Links mit führender 0
|
|
||||||
- `createEmailLink()`: Erstellt mailto:-Links
|
|
||||||
- `createAddressLink()`: Erstellt Google Maps-Links
|
|
||||||
- `createCustomerLink()`: Erstellt KKBefe-System-Links
|
|
||||||
|
|
||||||
### Teilen-Funktion
|
|
||||||
- Individueller Teilen-Button für jedes Suchergebnis
|
|
||||||
- Kopiert einen direkten Link zum spezifischen Kunden
|
|
||||||
- Visuelles Feedback beim Kopieren
|
|
||||||
|
|
||||||
## Fehlerbehandlung
|
|
||||||
|
|
||||||
- Logging für Backend-Fehler
|
|
||||||
- Benutzerfreundliche Fehlermeldungen im Frontend
|
|
||||||
- Graceful Degradation bei fehlenden Daten
|
|
||||||
|
|
||||||
## Entwicklung
|
## Entwicklung
|
||||||
|
|
||||||
### Debug-Modus
|
Die Anwendung ist in Python mit Flask entwickelt und verwendet SQLite als Datenbank. Das Frontend wurde mit HTML, CSS und JavaScript implementiert.
|
||||||
Die Anwendung läuft standardmäßig im Debug-Modus:
|
|
||||||
|
## Lizenz
|
||||||
|
|
||||||
|
Alle Rechte vorbehalten. © 2024 medisoftware
|
||||||
|
|
||||||
|
## Konfiguration
|
||||||
|
|
||||||
|
Die Anwendung kann über folgende Umgebungsvariablen konfiguriert werden:
|
||||||
|
|
||||||
|
- `FLASK_APP`: Die Hauptanwendungsdatei (Standard: app.py)
|
||||||
|
- `FLASK_ENV`: Die Flask-Umgebung (development/production)
|
||||||
|
- `SECRET_KEY`: Der geheime Schlüssel für Flask-Sessions
|
||||||
|
- `DATABASE_URL`: Die URL zur SQLite-Datenbank
|
||||||
|
- `LOGIN_PASSWORD`: Das Passwort für die Login-Seite
|
||||||
|
- `UPLOAD_PASSWORD`: Das Passwort für den CSV-Upload
|
||||||
|
- `ALLOWED_IP_RANGES`: Komma-getrennte Liste von IP-Bereichen, die direkten Zugriff haben
|
||||||
|
- `LOG_LEVEL`: Das Logging-Level (INFO/DEBUG)
|
||||||
|
|
||||||
|
## IP-Bereiche
|
||||||
|
|
||||||
|
Die Anwendung unterstützt CIDR-Notation für IP-Bereiche. Beispiele:
|
||||||
|
- Einzelne IP: 192.168.1.1/32
|
||||||
|
- Subnetz: 192.168.1.0/24
|
||||||
|
- Größeres Netzwerk: 10.0.0.0/8
|
||||||
|
|
||||||
|
## API-Beispiele
|
||||||
|
|
||||||
|
### Suche nach Name
|
||||||
```bash
|
```bash
|
||||||
python app.py
|
curl "http://localhost:5001/search?name=Mustermann"
|
||||||
```
|
```
|
||||||
|
|
||||||
### Logging
|
### Suche nach Ort
|
||||||
- Backend-Logs werden mit Python's logging-Modul erstellt
|
|
||||||
- Log-Level: DEBUG
|
|
||||||
- Logs werden in der Konsole ausgegeben
|
|
||||||
|
|
||||||
## Wartung
|
|
||||||
|
|
||||||
### Container-Verwaltung
|
|
||||||
```bash
|
```bash
|
||||||
# Container stoppen
|
curl "http://localhost:5001/search?ort=Berlin"
|
||||||
docker-compose down
|
|
||||||
|
|
||||||
# Container starten
|
|
||||||
docker-compose up
|
|
||||||
|
|
||||||
# Container im Hintergrund starten
|
|
||||||
docker-compose up -d
|
|
||||||
|
|
||||||
# Container-Logs anzeigen
|
|
||||||
docker-compose logs -f
|
|
||||||
```
|
```
|
||||||
|
|
||||||
### Datenaktualisierung
|
### Suche nach Kundennummer
|
||||||
1. CSV-Datei aktualisieren
|
```bash
|
||||||
2. Container neu bauen und starten:
|
curl "http://localhost:5001/search?kundennummer=12345"
|
||||||
```bash
|
```
|
||||||
docker-compose down
|
|
||||||
docker-compose up --build
|
|
||||||
```
|
|
||||||
|
|
||||||
## Sicherheit
|
### Suche nach Fachrichtung
|
||||||
|
```bash
|
||||||
|
curl "http://localhost:5001/search?fachrichtung=Zahnarzt"
|
||||||
|
```
|
||||||
|
|
||||||
- Alle externen Links öffnen sich in neuen Tabs
|
### Suche nach Telefon
|
||||||
- Sicherheitsattribute für externe Links (noopener, noreferrer)
|
```bash
|
||||||
- Input-Validierung im Backend
|
curl "http://localhost:5001/search?telefon=030"
|
||||||
- Fehlerbehandlung für ungültige Daten
|
```
|
||||||
|
|
||||||
## Browser-Kompatibilität
|
### Allgemeine Suche
|
||||||
|
```bash
|
||||||
|
curl "http://localhost:5001/search?q=Suchbegriff"
|
||||||
|
```
|
||||||
|
|
||||||
Die Anwendung wurde getestet mit:
|
### Kombinierte Suche
|
||||||
- Chrome (neueste Version)
|
```bash
|
||||||
- Firefox (neueste Version)
|
# Suche nach Fachrichtung und Ort
|
||||||
- Edge (neueste Version)
|
curl "http://localhost:5001/search?fachrichtung=Zahnarzt&ort=Berlin"
|
||||||
- Safari (neueste Version)
|
|
||||||
|
# Suche nach Name und Telefon
|
||||||
|
curl "http://localhost:5001/search?name=Mustermann&telefon=030"
|
||||||
|
|
||||||
|
# Suche nach mehreren Kriterien
|
||||||
|
curl "http://localhost:5001/search?fachrichtung=Zahnarzt&ort=Berlin&name=Schmidt"
|
||||||
|
```
|
||||||
|
|
||||||
|
## Benutzeroberfläche
|
||||||
|
|
||||||
|
### Hauptmenü
|
||||||
|
- Home: Zurück zur Hauptseite
|
||||||
|
- CSV-Dateien hochladen: Import neuer Kundendaten
|
||||||
|
- README: Anzeige der Dokumentation
|
||||||
|
|
||||||
|
### Suchfunktionen
|
||||||
|
- Allgemeine Suche über alle Felder
|
||||||
|
- Spezifische Suche nach:
|
||||||
|
- Name
|
||||||
|
- Ort
|
||||||
|
- Kundennummer
|
||||||
|
- PLZ
|
||||||
|
- Fachrichtung
|
||||||
|
- Filterung nach Kundentyp (MEDISOFT/MEDICONSULT)
|
||||||
|
|
||||||
|
### Export
|
||||||
|
- CSV-Export der Suchergebnisse
|
||||||
|
- VCF-Export für Kontakte
|
||||||
|
- Direkte Links zu Kundendetails
|
||||||
|
- Teilen von Suchergebnissen
|
||||||
|
|
||||||
|
## Version
|
||||||
|
|
||||||
|
Aktuelle Version: [v1.2.17](CHANGELOG.md#v1217---2024-03-19)
|
||||||
|
|
||||||
|
## Code-Statistiken
|
||||||
|
|
||||||
|
Language|files|blank|comment|code
|
||||||
|
:-------|-------:|-------:|-------:|-------:
|
||||||
|
JavaScript|1|67|28|420
|
||||||
|
HTML|4|16|0|382
|
||||||
|
CSS|1|63|0|324
|
||||||
|
Markdown|2|77|0|295
|
||||||
|
YAML|1|0|0|14
|
||||||
|
Dockerfile|1|8|9|11
|
||||||
|
Text|1|0|0|6
|
||||||
|
--------|--------|--------|--------|--------
|
||||||
|
SUM:|12|302|163|1732
|
||||||
|
|
||||||
|
## Lizenz
|
||||||
|
Alle Rechte vorbehalten. © 2025 medisoftware
|
||||||
506
app.py
506
app.py
@@ -1,95 +1,477 @@
|
|||||||
from flask import Flask, render_template, request, jsonify, url_for
|
from flask import Flask, render_template, request, jsonify, url_for, redirect, session
|
||||||
import pandas as pd
|
import pandas as pd
|
||||||
import os
|
import os
|
||||||
import logging
|
import logging
|
||||||
import numpy as np
|
import numpy as np
|
||||||
|
from datetime import datetime, timedelta
|
||||||
|
from dotenv import load_dotenv
|
||||||
|
import sqlite3
|
||||||
|
from functools import wraps
|
||||||
|
from contextlib import contextmanager
|
||||||
|
import time
|
||||||
|
import threading
|
||||||
|
import markdown2
|
||||||
|
|
||||||
app = Flask(__name__, static_folder='static')
|
app = Flask(__name__, static_folder='static')
|
||||||
logging.basicConfig(level=logging.DEBUG)
|
app.config['SECRET_KEY'] = os.environ.get('SECRET_KEY', 'dev')
|
||||||
|
app.config['ALLOWED_IP_RANGES'] = os.getenv('ALLOWED_IP_RANGES', '192.168.0.0/16,10.0.0.0/8').split(',')
|
||||||
|
app.config['VERSION'] = '1.2.19'
|
||||||
|
app.config['DATABASE'] = 'data/customers.db'
|
||||||
|
app.config['DATABASE_TIMEOUT'] = 20
|
||||||
|
app.config['DATABASE_POOL_SIZE'] = 5
|
||||||
|
|
||||||
|
logging.basicConfig(level=logging.INFO)
|
||||||
logger = logging.getLogger(__name__)
|
logger = logging.getLogger(__name__)
|
||||||
|
|
||||||
def clean_dataframe(df):
|
# Thread-lokaler Speicher für Datenbankverbindungen
|
||||||
"""Konvertiert NaN-Werte in None für JSON-Kompatibilität"""
|
thread_local = threading.local()
|
||||||
return df.replace({np.nan: None})
|
|
||||||
|
|
||||||
# CSV-Datei laden
|
def get_db_connection():
|
||||||
def load_data():
|
"""Erstellt eine neue Datenbankverbindung für den aktuellen Thread"""
|
||||||
|
if not hasattr(thread_local, "connection"):
|
||||||
|
thread_local.connection = sqlite3.connect(app.config['DATABASE'], timeout=app.config['DATABASE_TIMEOUT'])
|
||||||
|
thread_local.connection.row_factory = sqlite3.Row
|
||||||
|
return thread_local.connection
|
||||||
|
|
||||||
|
@contextmanager
|
||||||
|
def get_db():
|
||||||
|
"""Context Manager für Datenbankverbindungen"""
|
||||||
|
conn = get_db_connection()
|
||||||
try:
|
try:
|
||||||
logger.info("Versuche CSV-Datei zu laden...")
|
yield conn
|
||||||
if not os.path.exists('spezexpo.csv'):
|
except Exception:
|
||||||
logger.error("CSV-Datei 'spezexpo.csv' nicht gefunden!")
|
conn.rollback()
|
||||||
return None
|
raise
|
||||||
|
finally:
|
||||||
|
conn.commit()
|
||||||
|
|
||||||
df = pd.read_csv('spezexpo.csv', encoding='utf-8')
|
def init_db():
|
||||||
df = clean_dataframe(df)
|
"""Initialisiert die SQLite-Datenbank mit der notwendigen Tabelle."""
|
||||||
logger.info(f"CSV-Datei erfolgreich geladen. {len(df)} Einträge gefunden.")
|
with get_db() as conn:
|
||||||
return df
|
c = conn.cursor()
|
||||||
|
|
||||||
|
try:
|
||||||
|
# Erstelle die Kunden-Tabelle
|
||||||
|
c.execute('''
|
||||||
|
CREATE TABLE IF NOT EXISTS customers (
|
||||||
|
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||||
|
nummer TEXT,
|
||||||
|
name TEXT,
|
||||||
|
strasse TEXT,
|
||||||
|
plz TEXT,
|
||||||
|
ort TEXT,
|
||||||
|
telefon TEXT,
|
||||||
|
mobil TEXT,
|
||||||
|
email TEXT,
|
||||||
|
bemerkung TEXT,
|
||||||
|
fachrichtung TEXT,
|
||||||
|
tag TEXT,
|
||||||
|
handy TEXT,
|
||||||
|
tele_firma TEXT,
|
||||||
|
kontakt1 TEXT,
|
||||||
|
kontakt2 TEXT,
|
||||||
|
kontakt3 TEXT
|
||||||
|
)
|
||||||
|
''')
|
||||||
|
|
||||||
|
# Optimierte Indizes für die häufigsten Suchanfragen
|
||||||
|
c.execute('CREATE INDEX IF NOT EXISTS idx_customers_name_ort ON customers(name, ort)')
|
||||||
|
c.execute('CREATE INDEX IF NOT EXISTS idx_customers_fachrichtung ON customers(fachrichtung)')
|
||||||
|
c.execute('CREATE INDEX IF NOT EXISTS idx_customers_tag ON customers(tag)')
|
||||||
|
c.execute('CREATE INDEX IF NOT EXISTS idx_customers_plz ON customers(plz)')
|
||||||
|
|
||||||
|
# Zusammengesetzter Index für die häufigste Suchkombination
|
||||||
|
c.execute('CREATE INDEX IF NOT EXISTS idx_customers_search ON customers(name, ort, fachrichtung, tag)')
|
||||||
|
|
||||||
|
logger.info('Datenbank initialisiert')
|
||||||
except Exception as e:
|
except Exception as e:
|
||||||
logger.error(f"Fehler beim Laden der CSV-Datei: {str(e)}")
|
logger.error(f'Fehler bei der Datenbankinitialisierung: {str(e)}')
|
||||||
return None
|
raise
|
||||||
|
|
||||||
|
def isIPInSubnet(ip, subnet):
|
||||||
|
"""Überprüft, ob eine IP-Adresse in einem Subnetz liegt."""
|
||||||
|
try:
|
||||||
|
# Teile die IP und das Subnetz in ihre Komponenten
|
||||||
|
subnet_ip, bits = subnet.split('/')
|
||||||
|
ip_parts = [int(x) for x in ip.split('.')]
|
||||||
|
subnet_parts = [int(x) for x in subnet_ip.split('.')]
|
||||||
|
|
||||||
|
# Konvertiere IPs in 32-bit Zahlen
|
||||||
|
ip_num = (ip_parts[0] << 24) | (ip_parts[1] << 16) | (ip_parts[2] << 8) | ip_parts[3]
|
||||||
|
subnet_num = (subnet_parts[0] << 24) | (subnet_parts[1] << 16) | (subnet_parts[2] << 8) | subnet_parts[3]
|
||||||
|
|
||||||
|
# Erstelle die Subnetzmaske
|
||||||
|
mask = ~((1 << (32 - int(bits))) - 1)
|
||||||
|
|
||||||
|
# Prüfe, ob die IP im Subnetz liegt
|
||||||
|
return (ip_num & mask) == (subnet_num & mask)
|
||||||
|
except Exception as e:
|
||||||
|
logger.error(f"Fehler bei der IP-Überprüfung: {str(e)}")
|
||||||
|
return False
|
||||||
|
|
||||||
|
def import_csv():
|
||||||
|
"""Importiert die CSV-Datei in die Datenbank"""
|
||||||
|
try:
|
||||||
|
with get_db() as conn:
|
||||||
|
c = conn.cursor()
|
||||||
|
|
||||||
|
# Lösche bestehende Daten
|
||||||
|
c.execute('DELETE FROM customers')
|
||||||
|
|
||||||
|
# Importiere MEDISOFT-Daten
|
||||||
|
if os.path.exists('data/customers.csv'):
|
||||||
|
logger.info("Importiere MEDISOFT-Daten...")
|
||||||
|
df = pd.read_csv('data/customers.csv', encoding='iso-8859-1')
|
||||||
|
df.columns = df.columns.str.strip().str.replace('"', '')
|
||||||
|
df = df.apply(lambda x: x.str.strip().str.replace('"', '') if x.dtype == "object" else x)
|
||||||
|
|
||||||
|
# Filtere Datensätze mit Fachrichtung "intern"
|
||||||
|
df = df[df['Fachrichtung'].str.lower() != 'intern']
|
||||||
|
|
||||||
|
# Bereite die Daten für den Batch-Insert vor
|
||||||
|
data = [(
|
||||||
|
row['VorNachname'], row['Nummer'], row['Strasse'], row['PLZ'], row['Ort'],
|
||||||
|
row['Tel'], row['Tel'], row['mail'], row['Fachrichtung'], 'medisoft',
|
||||||
|
row['Handy'], row['Tele Firma'], row['Kontakt1'], row['Kontakt2'], row['Kontakt3']
|
||||||
|
) for _, row in df.iterrows()]
|
||||||
|
|
||||||
|
# Führe Batch-Insert durch
|
||||||
|
c.executemany('''
|
||||||
|
INSERT INTO customers (
|
||||||
|
name, nummer, strasse, plz, ort, telefon, mobil, email,
|
||||||
|
fachrichtung, tag, handy, tele_firma, kontakt1, kontakt2, kontakt3
|
||||||
|
)
|
||||||
|
VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
|
||||||
|
''', data)
|
||||||
|
else:
|
||||||
|
logger.warning("MEDISOFT CSV-Datei nicht gefunden")
|
||||||
|
|
||||||
|
# Importiere MEDICONSULT-Daten
|
||||||
|
if os.path.exists('data/customers_snk.csv'):
|
||||||
|
logger.info("Importiere MEDICONSULT-Daten...")
|
||||||
|
df_snk = pd.read_csv('data/customers_snk.csv', encoding='iso-8859-1')
|
||||||
|
df_snk.columns = df_snk.columns.str.strip().str.replace('"', '')
|
||||||
|
df_snk = df_snk.apply(lambda x: x.str.strip().str.replace('"', '') if x.dtype == "object" else x)
|
||||||
|
|
||||||
|
# Filtere Datensätze mit Fachrichtung "intern"
|
||||||
|
df_snk = df_snk[df_snk['Fachrichtung'].str.lower() != 'intern']
|
||||||
|
|
||||||
|
# Bereite die Daten für den Batch-Insert vor
|
||||||
|
data = [(
|
||||||
|
row['VorNachname'], row['Nummer'], row['Strasse'], row['PLZ'], row['Ort'],
|
||||||
|
row['Tel'], row['Tel'], row['mail'], row['Fachrichtung'], 'mediconsult',
|
||||||
|
row['Handy'], row['Tele Firma'], row['Kontakt1'], row['Kontakt2'], row['Kontakt3']
|
||||||
|
) for _, row in df_snk.iterrows()]
|
||||||
|
|
||||||
|
# Führe Batch-Insert durch
|
||||||
|
c.executemany('''
|
||||||
|
INSERT INTO customers (
|
||||||
|
name, nummer, strasse, plz, ort, telefon, mobil, email,
|
||||||
|
fachrichtung, tag, handy, tele_firma, kontakt1, kontakt2, kontakt3
|
||||||
|
)
|
||||||
|
VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
|
||||||
|
''', data)
|
||||||
|
else:
|
||||||
|
logger.warning("MEDICONSULT CSV-Datei nicht gefunden")
|
||||||
|
|
||||||
|
logger.info("CSV-Daten erfolgreich in die Datenbank importiert")
|
||||||
|
except Exception as e:
|
||||||
|
logger.error(f"Fehler beim Importieren der CSV-Datei: {str(e)}")
|
||||||
|
raise
|
||||||
|
|
||||||
|
@app.route('/login', methods=['GET', 'POST'])
|
||||||
|
def login():
|
||||||
|
# Überprüfe, ob die Client-IP in einem der erlaubten Bereiche liegt
|
||||||
|
client_ip = request.headers.get('X-Forwarded-For', request.remote_addr)
|
||||||
|
|
||||||
|
# Überprüfe, ob die Client-IP in einem der erlaubten Bereichen liegt
|
||||||
|
is_allowed = any(isIPInSubnet(client_ip, range.strip()) for range in app.config['ALLOWED_IP_RANGES'] if range.strip())
|
||||||
|
|
||||||
|
if is_allowed:
|
||||||
|
logger.info(f"Client-IP {client_ip} ist in einem erlaubten Bereich, automatischer Login")
|
||||||
|
session['logged_in'] = True
|
||||||
|
return redirect(url_for('index'))
|
||||||
|
|
||||||
|
if request.method == 'POST':
|
||||||
|
password = request.form.get('password')
|
||||||
|
if password == os.environ.get('LOGIN_PASSWORD'):
|
||||||
|
session['logged_in'] = True
|
||||||
|
logger.info("Erfolgreicher Login")
|
||||||
|
return redirect(url_for('index'))
|
||||||
|
else:
|
||||||
|
logger.warning("Falsches Passwort eingegeben")
|
||||||
|
return render_template('login.html', error="Falsches Passwort")
|
||||||
|
|
||||||
|
logger.info("Zeige Login-Seite")
|
||||||
|
return render_template('login.html')
|
||||||
|
|
||||||
@app.route('/')
|
@app.route('/')
|
||||||
def index():
|
def index():
|
||||||
return render_template('index.html')
|
logger.info(f"Index-Route aufgerufen. Session Status: {session}")
|
||||||
|
if not session.get('logged_in'):
|
||||||
|
logger.info("Benutzer nicht eingeloggt, Weiterleitung zum Login")
|
||||||
|
return redirect(url_for('login'))
|
||||||
|
|
||||||
@app.route('/search')
|
client_ip = request.headers.get('X-Forwarded-For', request.remote_addr)
|
||||||
|
logger.info(f"Client-IP: {client_ip}")
|
||||||
|
logger.info(f"Erlaubte IP-Bereiche: {app.config['ALLOWED_IP_RANGES']}")
|
||||||
|
return render_template('index.html', allowed_ip_ranges=','.join(app.config['ALLOWED_IP_RANGES']), version=app.config['VERSION'])
|
||||||
|
|
||||||
|
@app.route('/search', methods=['GET', 'POST'])
|
||||||
def search():
|
def search():
|
||||||
|
if not session.get('logged_in'):
|
||||||
|
return jsonify({'error': 'Nicht eingeloggt'}), 401
|
||||||
|
|
||||||
try:
|
try:
|
||||||
# Spezifische Suchparameter
|
if request.method == 'POST':
|
||||||
name = request.args.get('name', '').lower()
|
data = request.get_json()
|
||||||
ort = request.args.get('ort', '').lower()
|
search_query = data.get('query', '')
|
||||||
kundennummer = request.args.get('kundennummer', '').lower()
|
tag = data.get('tag', 'medisoft')
|
||||||
fachrichtung = request.args.get('fachrichtung', '').lower()
|
else:
|
||||||
|
search_query = request.args.get('q', '')
|
||||||
|
name = request.args.get('name', '')
|
||||||
|
ort = request.args.get('ort', '')
|
||||||
|
nummer = request.args.get('nummer', '')
|
||||||
|
plz = request.args.get('plz', '')
|
||||||
|
fachrichtung = request.args.get('fachrichtung', '')
|
||||||
|
tag = request.args.get('tag', 'medisoft')
|
||||||
|
|
||||||
# Allgemeine Suche (für die alte Funktionalität)
|
with get_db() as conn:
|
||||||
query = request.args.get('q', '').lower()
|
c = conn.cursor()
|
||||||
|
|
||||||
logger.info(f"Suche nach - Name: {name}, Ort: {ort}, Kundennummer: {kundennummer}, Fachrichtung: {fachrichtung}, Query: {query}")
|
# Baue die SQL-Abfrage
|
||||||
|
sql_query = '''
|
||||||
|
SELECT
|
||||||
|
nummer,
|
||||||
|
name,
|
||||||
|
strasse,
|
||||||
|
plz,
|
||||||
|
ort,
|
||||||
|
telefon,
|
||||||
|
mobil,
|
||||||
|
email,
|
||||||
|
fachrichtung,
|
||||||
|
tag,
|
||||||
|
handy,
|
||||||
|
tele_firma,
|
||||||
|
kontakt1,
|
||||||
|
kontakt2,
|
||||||
|
kontakt3
|
||||||
|
FROM customers
|
||||||
|
WHERE 1=1
|
||||||
|
'''
|
||||||
|
params = []
|
||||||
|
|
||||||
df = load_data()
|
# Füge die Suchbedingungen hinzu
|
||||||
if df is None:
|
if search_query:
|
||||||
return jsonify({"error": "Datenbank konnte nicht geladen werden"}), 500
|
# Optimierte Suche mit FTS (Full Text Search)
|
||||||
|
sql_query += """
|
||||||
# Basis-Mask (immer True)
|
AND (
|
||||||
mask = pd.Series(True, index=df.index)
|
name LIKE ? OR
|
||||||
|
nummer LIKE ? OR
|
||||||
# Spezifische Suchkriterien anwenden
|
fachrichtung LIKE ? OR
|
||||||
if name:
|
ort LIKE ? OR
|
||||||
name_mask = (
|
plz LIKE ? OR
|
||||||
df['Vorname'].str.lower().str.contains(name, na=False) |
|
strasse LIKE ? OR
|
||||||
df['Nachname'].str.lower().str.contains(name, na=False)
|
telefon LIKE ? OR
|
||||||
|
mobil LIKE ? OR
|
||||||
|
email LIKE ? OR
|
||||||
|
bemerkung LIKE ? OR
|
||||||
|
tag LIKE ? OR
|
||||||
|
handy LIKE ? OR
|
||||||
|
tele_firma LIKE ? OR
|
||||||
|
kontakt1 LIKE ? OR
|
||||||
|
kontakt2 LIKE ? OR
|
||||||
|
kontakt3 LIKE ?
|
||||||
)
|
)
|
||||||
mask &= name_mask
|
"""
|
||||||
|
search_term = f"%{search_query}%"
|
||||||
|
params.extend([search_term] * 16) # 16 Felder für die allgemeine Suche
|
||||||
|
|
||||||
|
if name:
|
||||||
|
sql_query += " AND name LIKE ?"
|
||||||
|
params.append(f"%{name}%")
|
||||||
|
|
||||||
if ort:
|
if ort:
|
||||||
ort_mask = df['Ort'].str.lower().str.contains(ort, na=False)
|
sql_query += " AND ort LIKE ?"
|
||||||
mask &= ort_mask
|
params.append(f"%{ort}%")
|
||||||
|
|
||||||
if kundennummer:
|
if nummer:
|
||||||
kunden_mask = df['Nummer'].astype(str).str.contains(kundennummer, na=False)
|
sql_query += " AND nummer LIKE ?"
|
||||||
mask &= kunden_mask
|
params.append(f"%{nummer}%")
|
||||||
|
|
||||||
|
if plz:
|
||||||
|
sql_query += " AND plz LIKE ?"
|
||||||
|
params.append(f"%{plz}%")
|
||||||
|
|
||||||
if fachrichtung:
|
if fachrichtung:
|
||||||
fach_mask = df['Fachrichtung'].str.lower().str.contains(fachrichtung, na=False)
|
sql_query += " AND fachrichtung LIKE ?"
|
||||||
mask &= fach_mask
|
params.append(f"%{fachrichtung}%")
|
||||||
|
|
||||||
# Wenn eine allgemeine Suche vorhanden ist, diese zusätzlich anwenden
|
# Filter nach Tag
|
||||||
if query:
|
if tag != 'all':
|
||||||
query_mask = (
|
sql_query += " AND tag = ?"
|
||||||
df['Vorname'].str.lower().str.contains(query, na=False) |
|
params.append(tag)
|
||||||
df['Nachname'].str.lower().str.contains(query, na=False) |
|
|
||||||
df['Fachrichtung'].str.lower().str.contains(query, na=False) |
|
# Füge LIMIT hinzu und optimiere die Sortierung
|
||||||
df['Ort'].str.lower().str.contains(query, na=False) |
|
sql_query += " ORDER BY name LIMIT 100"
|
||||||
df['Nummer'].astype(str).str.contains(query, na=False)
|
|
||||||
)
|
# Führe die Abfrage aus
|
||||||
mask &= query_mask
|
c.execute(sql_query, params)
|
||||||
|
results = c.fetchall()
|
||||||
|
|
||||||
|
formatted_results = []
|
||||||
|
for row in results:
|
||||||
|
customer = {
|
||||||
|
'nummer': row[0],
|
||||||
|
'name': row[1],
|
||||||
|
'strasse': row[2],
|
||||||
|
'plz': row[3],
|
||||||
|
'ort': row[4],
|
||||||
|
'telefon': row[5],
|
||||||
|
'mobil': row[6],
|
||||||
|
'email': row[7],
|
||||||
|
'fachrichtung': row[8],
|
||||||
|
'tag': row[9],
|
||||||
|
'handy': row[10],
|
||||||
|
'tele_firma': row[11],
|
||||||
|
'kontakt1': row[12],
|
||||||
|
'kontakt2': row[13],
|
||||||
|
'kontakt3': row[14]
|
||||||
|
}
|
||||||
|
formatted_results.append(customer)
|
||||||
|
|
||||||
|
return jsonify(formatted_results)
|
||||||
|
|
||||||
results = df[mask].to_dict('records')
|
|
||||||
logger.info(f"{len(results)} Ergebnisse gefunden")
|
|
||||||
return jsonify(results)
|
|
||||||
except Exception as e:
|
except Exception as e:
|
||||||
logger.error(f"Fehler bei der Suche: {str(e)}")
|
logger.error(f"Fehler bei der Suche: {str(e)}")
|
||||||
return jsonify({"error": str(e)}), 500
|
return jsonify({'error': str(e)}), 500
|
||||||
|
|
||||||
|
@app.route('/api/fachrichtungen')
|
||||||
|
def get_fachrichtungen():
|
||||||
|
try:
|
||||||
|
search_term = request.args.get('q', '').lower()
|
||||||
|
with get_db() as conn:
|
||||||
|
c = conn.cursor()
|
||||||
|
|
||||||
|
# Hole alle eindeutigen Fachrichtungen, die mit dem Suchbegriff übereinstimmen
|
||||||
|
c.execute('''
|
||||||
|
SELECT DISTINCT fachrichtung
|
||||||
|
FROM customers
|
||||||
|
WHERE fachrichtung IS NOT NULL
|
||||||
|
AND fachrichtung != ''
|
||||||
|
AND LOWER(fachrichtung) LIKE ?
|
||||||
|
ORDER BY fachrichtung
|
||||||
|
LIMIT 10
|
||||||
|
''', (f'%{search_term}%',))
|
||||||
|
|
||||||
|
fachrichtungen = [row[0] for row in c.fetchall()]
|
||||||
|
return jsonify(fachrichtungen)
|
||||||
|
except Exception as e:
|
||||||
|
logger.error(f"Fehler beim Abrufen der Fachrichtungen: {str(e)}")
|
||||||
|
return jsonify([])
|
||||||
|
|
||||||
|
@app.route('/api/orte')
|
||||||
|
def get_orte():
|
||||||
|
try:
|
||||||
|
search_term = request.args.get('q', '').lower()
|
||||||
|
with get_db() as conn:
|
||||||
|
c = conn.cursor()
|
||||||
|
|
||||||
|
# Hole alle eindeutigen Orte, die mit dem Suchbegriff übereinstimmen
|
||||||
|
c.execute('''
|
||||||
|
SELECT DISTINCT ort
|
||||||
|
FROM customers
|
||||||
|
WHERE ort IS NOT NULL
|
||||||
|
AND ort != ''
|
||||||
|
AND LOWER(ort) LIKE ?
|
||||||
|
ORDER BY ort
|
||||||
|
LIMIT 10
|
||||||
|
''', (f'%{search_term}%',))
|
||||||
|
|
||||||
|
orte = [row[0] for row in c.fetchall()]
|
||||||
|
return jsonify(orte)
|
||||||
|
except Exception as e:
|
||||||
|
logger.error(f"Fehler beim Abrufen der Orte: {str(e)}")
|
||||||
|
return jsonify([])
|
||||||
|
|
||||||
|
@app.route('/upload', methods=['GET', 'POST'])
|
||||||
|
def upload():
|
||||||
|
if not session.get('logged_in'):
|
||||||
|
return redirect(url_for('login'))
|
||||||
|
|
||||||
|
if request.method == 'POST':
|
||||||
|
if request.form.get('password') != os.environ.get('UPLOAD_PASSWORD'):
|
||||||
|
return render_template('upload.html', error="Falsches Passwort", version=app.config['VERSION'])
|
||||||
|
|
||||||
|
if 'customers_snk' not in request.files or 'customers' not in request.files:
|
||||||
|
return render_template('upload.html', error="Bitte beide CSV-Dateien auswählen", version=app.config['VERSION'])
|
||||||
|
|
||||||
|
customers_snk = request.files['customers_snk']
|
||||||
|
customers = request.files['customers']
|
||||||
|
|
||||||
|
if customers_snk.filename == '' or customers.filename == '':
|
||||||
|
return render_template('upload.html', error="Keine Datei ausgewählt", version=app.config['VERSION'])
|
||||||
|
|
||||||
|
if not customers_snk.filename.endswith('.csv') or not customers.filename.endswith('.csv'):
|
||||||
|
return render_template('upload.html', error="Nur CSV-Dateien sind erlaubt", version=app.config['VERSION'])
|
||||||
|
|
||||||
|
try:
|
||||||
|
# Speichere die Dateien
|
||||||
|
customers_snk.save('data/customers_snk.csv')
|
||||||
|
customers.save('data/customers.csv')
|
||||||
|
|
||||||
|
# Importiere die Daten in die Datenbank
|
||||||
|
import_csv('data/customers_snk.csv', 'snk')
|
||||||
|
import_csv('data/customers.csv', 'medisoft')
|
||||||
|
|
||||||
|
return render_template('upload.html', success="Dateien erfolgreich hochgeladen und importiert", version=app.config['VERSION'])
|
||||||
|
except Exception as e:
|
||||||
|
logger.error(f"Fehler beim Upload: {str(e)}")
|
||||||
|
return render_template('upload.html', error=f"Fehler beim Upload: {str(e)}", version=app.config['VERSION'])
|
||||||
|
|
||||||
|
return render_template('upload.html', version=app.config['VERSION'])
|
||||||
|
|
||||||
|
@app.route('/readme')
|
||||||
|
def readme():
|
||||||
|
if not session.get('logged_in'):
|
||||||
|
return redirect(url_for('login'))
|
||||||
|
|
||||||
|
try:
|
||||||
|
with open('README.md', 'r', encoding='utf-8') as f:
|
||||||
|
content = f.read()
|
||||||
|
html_content = markdown2.markdown(content, extras=['fenced-code-blocks', 'tables'])
|
||||||
|
return render_template('readme.html', content=html_content, version=app.config['VERSION'])
|
||||||
|
except Exception as e:
|
||||||
|
logger.error(f"Fehler beim Lesen der README: {str(e)}")
|
||||||
|
return render_template('readme.html', error="Fehler beim Lesen der README", version=app.config['VERSION'])
|
||||||
|
|
||||||
|
def init_app(app):
|
||||||
|
"""Initialisiert die Anwendung mit allen notwendigen Einstellungen."""
|
||||||
|
with app.app_context():
|
||||||
|
try:
|
||||||
|
# Stelle sicher, dass der data-Ordner existiert
|
||||||
|
os.makedirs('data', exist_ok=True)
|
||||||
|
|
||||||
|
# Lösche die alte Datenbank, falls sie existiert
|
||||||
|
if os.path.exists(app.config['DATABASE']):
|
||||||
|
try:
|
||||||
|
os.remove(app.config['DATABASE'])
|
||||||
|
logger.info(f"Alte Datenbank {app.config['DATABASE']} wurde gelöscht")
|
||||||
|
except Exception as e:
|
||||||
|
logger.error(f"Fehler beim Löschen der alten Datenbank: {str(e)}")
|
||||||
|
|
||||||
|
# Initialisiere die Datenbank
|
||||||
|
init_db()
|
||||||
|
# Importiere die CSV-Daten
|
||||||
|
import_csv()
|
||||||
|
logger.info("Anwendung erfolgreich initialisiert")
|
||||||
|
except Exception as e:
|
||||||
|
logger.error(f"Fehler bei der Initialisierung: {str(e)}")
|
||||||
|
raise
|
||||||
|
|
||||||
|
# Initialisiere die App
|
||||||
|
init_app(app)
|
||||||
|
|
||||||
if __name__ == '__main__':
|
if __name__ == '__main__':
|
||||||
app.run(debug=True)
|
app.run(debug=True, port=5001)
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
version: '3.8'
|
|
||||||
|
|
||||||
services:
|
|
||||||
web:
|
|
||||||
build: .
|
|
||||||
ports:
|
|
||||||
- "5001:5000"
|
|
||||||
volumes:
|
|
||||||
- .:/app
|
|
||||||
environment:
|
|
||||||
- FLASK_APP=app.py
|
|
||||||
- FLASK_ENV=development
|
|
||||||
- FLASK_DEBUG=1
|
|
||||||
command: flask run --host=0.0.0.0
|
|
||||||
14
docker-compose.yml.example
Normal file
14
docker-compose.yml.example
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
services:
|
||||||
|
web:
|
||||||
|
build: .
|
||||||
|
ports:
|
||||||
|
- "5001:5000"
|
||||||
|
volumes:
|
||||||
|
- ./data:/app/data
|
||||||
|
environment:
|
||||||
|
- FLASK_APP=app.py
|
||||||
|
- FLASK_ENV=production
|
||||||
|
- LOGIN_PASSWORD=changeme
|
||||||
|
- UPLOAD_PASSWORD=upload_changeme
|
||||||
|
- ALLOWED_IP_RANGES=213.178.68.218/29,192.168.0.0/24,192.168.177.0/24
|
||||||
|
command: flask run --host=0.0.0.0
|
||||||
@@ -2,3 +2,5 @@ flask==3.0.2
|
|||||||
pandas==2.2.1
|
pandas==2.2.1
|
||||||
numpy==1.26.4
|
numpy==1.26.4
|
||||||
python-dotenv==1.0.1
|
python-dotenv==1.0.1
|
||||||
|
requests==2.32.3
|
||||||
|
markdown2==2.4.12
|
||||||
387
static/css/styles.css
Normal file
387
static/css/styles.css
Normal file
@@ -0,0 +1,387 @@
|
|||||||
|
body {
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-content {
|
||||||
|
flex: 1 0 auto;
|
||||||
|
padding: 2rem 0;
|
||||||
|
margin-bottom: 4rem; /* Platz für die fixierte Fußzeile */
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-container {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-card:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.loading {
|
||||||
|
display: none;
|
||||||
|
text-align: center;
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.phone-link, .email-link, .address-link, .customer-link {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #0d6efd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.phone-link:hover, .email-link:hover, .address-link:hover, .customer-link:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-icon, .reset-icon {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
color: #6c757d;
|
||||||
|
cursor: pointer;
|
||||||
|
display: none;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reset-icon {
|
||||||
|
right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-icon {
|
||||||
|
right: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reset-icon.visible {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-icon.visible {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.customer-number {
|
||||||
|
color: #6c757d;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
flex-shrink: 0;
|
||||||
|
text-align: center;
|
||||||
|
padding: 1rem;
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
border-top: 1px solid #dee2e6;
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
.share-feedback {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 20px;
|
||||||
|
right: 20px;
|
||||||
|
background: #28a745;
|
||||||
|
color: white;
|
||||||
|
padding: 8px 16px;
|
||||||
|
border-radius: 4px;
|
||||||
|
display: none;
|
||||||
|
animation: fadeOut 2s forwards;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeOut {
|
||||||
|
0% { opacity: 1; }
|
||||||
|
70% { opacity: 1; }
|
||||||
|
100% { opacity: 0; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-actions {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
margin-top: 1rem;
|
||||||
|
padding-top: 1rem;
|
||||||
|
border-top: 1px solid #e9ecef;
|
||||||
|
}
|
||||||
|
|
||||||
|
.share-button {
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
background-color: #0d6efd;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.share-button:hover {
|
||||||
|
background-color: #0b5ed7;
|
||||||
|
transform: translateY(-1px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.share-button i {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-fields {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||||
|
gap: 1rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-field {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-group {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reset-icon {
|
||||||
|
position: absolute;
|
||||||
|
right: 40px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
cursor: pointer;
|
||||||
|
color: #6c757d;
|
||||||
|
z-index: 10;
|
||||||
|
padding: 0.375rem;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-group input:not(:placeholder-shown) + .reset-icon {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reset-icon:hover {
|
||||||
|
color: #dc3545;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-icon {
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
color: #6c757d;
|
||||||
|
z-index: 10;
|
||||||
|
padding: 0.375rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-counts {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
padding: 0.5rem;
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-count {
|
||||||
|
background-color: #e9ecef;
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 12px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
color: #6c757d;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-count.visible {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.location-pin {
|
||||||
|
color: #dc3545;
|
||||||
|
margin-left: 4px;
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.customer-card {
|
||||||
|
background: white;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.customer-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: flex-start;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.customer-name {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.customer-actions {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.customer-details {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.customer-details p {
|
||||||
|
margin: 0.25rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.customer-details strong {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.phone-link, .email-link, .customer-link {
|
||||||
|
color: #007bff;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.phone-link:hover, .email-link:hover, .customer-link:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.address-text {
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.address-link, .route-link {
|
||||||
|
color: #6c757d;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-left: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.address-link:hover, .route-link:hover {
|
||||||
|
color: #343a40;
|
||||||
|
}
|
||||||
|
|
||||||
|
.location-pin, .route-pin {
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
padding: 0.35em 0.65em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-sm {
|
||||||
|
padding: 0.25rem 0.5rem;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-content {
|
||||||
|
padding: 1rem;
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
border-top: 1px solid #dee2e6;
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-link {
|
||||||
|
color: #0d6efd;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-link:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.general-search {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.general-search .input-group {
|
||||||
|
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.general-search .form-control {
|
||||||
|
height: 3.5rem;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
padding: 0.75rem 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.general-search .search-icon,
|
||||||
|
.general-search .reset-icon {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
padding: 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-options {
|
||||||
|
font-size: 0.9em;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-options .form-check {
|
||||||
|
margin-right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-options .form-check-input {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-options .form-check-label {
|
||||||
|
cursor: pointer;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-tag {
|
||||||
|
padding: 4px 8px;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
font-weight: 500;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-medisoft {
|
||||||
|
background-color: #1976d2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag-mediconsult {
|
||||||
|
background-color: #ff9800;
|
||||||
|
}
|
||||||
|
|
||||||
|
.autocomplete-items {
|
||||||
|
position: absolute;
|
||||||
|
border: 1px solid #d4d4d4;
|
||||||
|
border-top: none;
|
||||||
|
z-index: 99;
|
||||||
|
top: 100%;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background-color: white;
|
||||||
|
max-height: 200px;
|
||||||
|
overflow-y: auto;
|
||||||
|
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.autocomplete-items div {
|
||||||
|
padding: 8px 12px;
|
||||||
|
cursor: pointer;
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.autocomplete-items div:hover {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
}
|
||||||
515
static/js/main.js
Normal file
515
static/js/main.js
Normal file
@@ -0,0 +1,515 @@
|
|||||||
|
let searchTimeout;
|
||||||
|
let lastResults = [];
|
||||||
|
let fachrichtungTimeout;
|
||||||
|
let ortTimeout;
|
||||||
|
let currentPage = 1;
|
||||||
|
let totalPages = 1;
|
||||||
|
let currentResults = [];
|
||||||
|
let currentSearchQuery = '';
|
||||||
|
let currentFilters = {
|
||||||
|
fachrichtung: '',
|
||||||
|
plz: '',
|
||||||
|
ort: ''
|
||||||
|
};
|
||||||
|
|
||||||
|
function createPhoneLink(phone) {
|
||||||
|
if (!phone) return '';
|
||||||
|
|
||||||
|
const clientIP = document.querySelector('meta[name="client-ip"]').content;
|
||||||
|
const allowedIPRanges = document.querySelector('meta[name="allowed-ip-ranges"]').content.split(',');
|
||||||
|
|
||||||
|
// Überprüfen, ob die Client-IP in einem der erlaubten Bereiche liegt
|
||||||
|
const isAllowed = allowedIPRanges.some(range => isIPInSubnet(clientIP, range.trim()));
|
||||||
|
|
||||||
|
// Entferne alle nicht-numerischen Zeichen
|
||||||
|
let cleanNumber = phone.replace(/\D/g, '');
|
||||||
|
|
||||||
|
// Formatiere die Nummer
|
||||||
|
let formattedNumber = cleanNumber;
|
||||||
|
if (cleanNumber.length === 11) {
|
||||||
|
formattedNumber = cleanNumber.replace(/(\d{4})(\d{7})/, '$1-$2');
|
||||||
|
} else if (cleanNumber.length === 10) {
|
||||||
|
formattedNumber = cleanNumber.replace(/(\d{3})(\d{7})/, '$1-$2');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Erstelle den Link
|
||||||
|
return `<a href="tel:${cleanNumber}" class="phone-link">${formattedNumber}</a>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function createEmailLink(email) {
|
||||||
|
if (!email) return '';
|
||||||
|
return `<a href="mailto:${email}" class="email-link">${email}</a>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function highlightText(text, searchTerm) {
|
||||||
|
if (!searchTerm || !text) return text;
|
||||||
|
|
||||||
|
// Teile den Suchbegriff in einzelne Wörter
|
||||||
|
const searchWords = searchTerm.split(/\s+/).filter(word => word.length > 0);
|
||||||
|
|
||||||
|
// Wenn keine Wörter gefunden wurden, gebe den ursprünglichen Text zurück
|
||||||
|
if (searchWords.length === 0) return text;
|
||||||
|
|
||||||
|
// Erstelle einen regulären Ausdruck für alle Suchwörter
|
||||||
|
const regexPattern = searchWords
|
||||||
|
.map(word => word.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'))
|
||||||
|
.join('|');
|
||||||
|
|
||||||
|
// Erstelle den regulären Ausdruck
|
||||||
|
const regex = new RegExp(`(${regexPattern})`, 'gi');
|
||||||
|
|
||||||
|
// Ersetze alle Übereinstimmungen mit mark-Tags
|
||||||
|
return text.replace(regex, '<mark>$1</mark>');
|
||||||
|
}
|
||||||
|
|
||||||
|
function createAddressLink(street, plz, city) {
|
||||||
|
if (!street || !plz || !city) return '';
|
||||||
|
const address = `${street}, ${plz} ${city}`;
|
||||||
|
const searchQuery = encodeURIComponent(address);
|
||||||
|
const routeQuery = encodeURIComponent(address);
|
||||||
|
return `<span class="address-text">${address}</span>
|
||||||
|
<a href="https://www.google.com/maps/search/?api=1&query=${searchQuery}"
|
||||||
|
class="address-link" target="_blank" rel="noopener noreferrer">
|
||||||
|
<i class="fa-solid fa-location-dot location-pin"></i>
|
||||||
|
</a>
|
||||||
|
<a href="https://www.google.com/maps/dir/?api=1&destination=${routeQuery}"
|
||||||
|
class="route-link" target="_blank" rel="noopener noreferrer">
|
||||||
|
<i class="fa-solid fa-route route-pin"></i>
|
||||||
|
</a>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function adjustCustomerNumber(number) {
|
||||||
|
return number - 12000;
|
||||||
|
}
|
||||||
|
|
||||||
|
function isIPInSubnet(ip, subnet) {
|
||||||
|
// Teile die IP und das Subnetz in ihre Komponenten
|
||||||
|
const [subnetIP, bits] = subnet.split('/');
|
||||||
|
const ipParts = ip.split('.').map(Number);
|
||||||
|
const subnetParts = subnetIP.split('.').map(Number);
|
||||||
|
|
||||||
|
// Konvertiere IPs in 32-bit Zahlen
|
||||||
|
const ipNum = (ipParts[0] << 24) | (ipParts[1] << 16) | (ipParts[2] << 8) | ipParts[3];
|
||||||
|
const subnetNum = (subnetParts[0] << 24) | (subnetParts[1] << 16) | (subnetParts[2] << 8) | subnetParts[3];
|
||||||
|
|
||||||
|
// Erstelle die Subnetzmaske
|
||||||
|
const mask = ~((1 << (32 - bits)) - 1);
|
||||||
|
|
||||||
|
// Prüfe, ob die IP im Subnetz liegt
|
||||||
|
return (ipNum & mask) === (subnetNum & mask);
|
||||||
|
}
|
||||||
|
|
||||||
|
function createCustomerLink(nummer) {
|
||||||
|
const clientIP = document.querySelector('meta[name="client-ip"]').content;
|
||||||
|
const allowedIPRanges = document.querySelector('meta[name="allowed-ip-ranges"]').content.split(',');
|
||||||
|
|
||||||
|
// Überprüfe, ob die Client-IP in einem der erlaubten Bereiche liegt
|
||||||
|
const isAllowed = allowedIPRanges.some(range => {
|
||||||
|
const trimmedRange = range.trim();
|
||||||
|
return isIPInSubnet(clientIP, trimmedRange);
|
||||||
|
});
|
||||||
|
|
||||||
|
if (isAllowed) {
|
||||||
|
const adjustedNumber = adjustCustomerNumber(nummer);
|
||||||
|
return `<a href="medisw:openkkbefe/P${adjustedNumber}?NetGrp=4" class="customer-link">${nummer}</a>`;
|
||||||
|
} else {
|
||||||
|
return nummer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function showCopyFeedback() {
|
||||||
|
const feedback = document.getElementById('shareFeedback');
|
||||||
|
feedback.style.display = 'block';
|
||||||
|
feedback.style.opacity = '1';
|
||||||
|
|
||||||
|
feedback.addEventListener('animationend', () => {
|
||||||
|
feedback.style.display = 'none';
|
||||||
|
}, { once: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
async function copyCustomerLink(customerNumber) {
|
||||||
|
const url = new URL(window.location.href);
|
||||||
|
url.searchParams.set('kundennummer', customerNumber);
|
||||||
|
|
||||||
|
try {
|
||||||
|
await navigator.clipboard.writeText(url.toString());
|
||||||
|
showCopyFeedback();
|
||||||
|
} catch (err) {
|
||||||
|
// Fehlerbehandlung ohne console.log
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateResultCounts() {
|
||||||
|
const resultCount = document.getElementById('result-count');
|
||||||
|
const exportButton = document.getElementById('exportButton');
|
||||||
|
|
||||||
|
if (lastResults && lastResults.length > 0) {
|
||||||
|
resultCount.textContent = `${lastResults.length} Ergebnisse gefunden`;
|
||||||
|
resultCount.style.display = 'inline';
|
||||||
|
exportButton.style.display = 'inline-block';
|
||||||
|
} else {
|
||||||
|
resultCount.textContent = '';
|
||||||
|
resultCount.style.display = 'none';
|
||||||
|
exportButton.style.display = 'none';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function exportToCSV() {
|
||||||
|
if (!lastResults || lastResults.length === 0) return;
|
||||||
|
|
||||||
|
// CSV-Header definieren
|
||||||
|
const headers = [
|
||||||
|
'Nummer',
|
||||||
|
'Name',
|
||||||
|
'Fachrichtung',
|
||||||
|
'Straße',
|
||||||
|
'PLZ',
|
||||||
|
'Ort',
|
||||||
|
'Telefon',
|
||||||
|
'Mobil',
|
||||||
|
'Handy',
|
||||||
|
'Telefon Firma',
|
||||||
|
'E-Mail',
|
||||||
|
'Kontakt 1',
|
||||||
|
'Kontakt 2',
|
||||||
|
'Kontakt 3',
|
||||||
|
'Tags'
|
||||||
|
];
|
||||||
|
|
||||||
|
// CSV-Daten erstellen
|
||||||
|
const csvRows = [headers];
|
||||||
|
|
||||||
|
lastResults.forEach(customer => {
|
||||||
|
const row = [
|
||||||
|
customer.nummer,
|
||||||
|
customer.name,
|
||||||
|
customer.fachrichtung,
|
||||||
|
customer.strasse,
|
||||||
|
customer.plz,
|
||||||
|
customer.ort,
|
||||||
|
customer.telefon,
|
||||||
|
customer.mobil,
|
||||||
|
customer.handy,
|
||||||
|
customer.tele_firma,
|
||||||
|
customer.email,
|
||||||
|
customer.kontakt1,
|
||||||
|
customer.kontakt2,
|
||||||
|
customer.kontakt3,
|
||||||
|
(customer.tags || []).join(';')
|
||||||
|
].map(value => {
|
||||||
|
// Werte mit Kommas oder Anführungszeichen in Anführungszeichen setzen
|
||||||
|
if (value && (value.includes(',') || value.includes('"') || value.includes('\n'))) {
|
||||||
|
return `"${value.replace(/"/g, '""')}"`;
|
||||||
|
}
|
||||||
|
return value || '';
|
||||||
|
});
|
||||||
|
|
||||||
|
csvRows.push(row);
|
||||||
|
});
|
||||||
|
|
||||||
|
// CSV-String erstellen
|
||||||
|
const csvContent = csvRows.map(row => row.join(',')).join('\n');
|
||||||
|
|
||||||
|
// Blob erstellen und Download starten
|
||||||
|
const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
|
||||||
|
const link = document.createElement('a');
|
||||||
|
const url = URL.createObjectURL(blob);
|
||||||
|
|
||||||
|
link.setAttribute('href', url);
|
||||||
|
link.setAttribute('download', `kundensuche_${new Date().toISOString().split('T')[0]}.csv`);
|
||||||
|
link.style.visibility = 'hidden';
|
||||||
|
document.body.appendChild(link);
|
||||||
|
link.click();
|
||||||
|
document.body.removeChild(link);
|
||||||
|
}
|
||||||
|
|
||||||
|
function exportToVCF(customer) {
|
||||||
|
if (!customer) return;
|
||||||
|
|
||||||
|
const vcfData = [
|
||||||
|
'BEGIN:VCARD',
|
||||||
|
'VERSION:3.0',
|
||||||
|
`FN:${customer.name || ''}`,
|
||||||
|
`N:${customer.name || ''};;;`,
|
||||||
|
`TEL;TYPE=CELL:${customer.telefon || ''}`,
|
||||||
|
`TEL;TYPE=HOME:${customer.mobil || ''}`,
|
||||||
|
`EMAIL:${customer.email || ''}`,
|
||||||
|
`ADR;TYPE=HOME:;;${customer.strasse || ''};${customer.plz || ''};${customer.ort || ''};`,
|
||||||
|
`ORG:${customer.fachrichtung || ''}`,
|
||||||
|
'END:VCARD'
|
||||||
|
].join('\n');
|
||||||
|
|
||||||
|
const blob = new Blob([vcfData], { type: 'text/vcard;charset=utf-8' });
|
||||||
|
const url = window.URL.createObjectURL(blob);
|
||||||
|
const a = document.createElement('a');
|
||||||
|
a.href = url;
|
||||||
|
a.download = `kontakt_${customer.name || ''}_${new Date().toISOString().split('T')[0]}.vcf`;
|
||||||
|
document.body.appendChild(a);
|
||||||
|
a.click();
|
||||||
|
window.URL.revokeObjectURL(url);
|
||||||
|
document.body.removeChild(a);
|
||||||
|
}
|
||||||
|
|
||||||
|
function displayResults(results) {
|
||||||
|
const resultsDiv = document.getElementById('results');
|
||||||
|
const resultCount = document.getElementById('result-count');
|
||||||
|
const generalSearchTerm = document.getElementById('q').value;
|
||||||
|
const nameSearchTerm = document.getElementById('nameInput').value;
|
||||||
|
const fachrichtungSearchTerm = document.getElementById('fachrichtungInput').value;
|
||||||
|
|
||||||
|
if (!results || results.length === 0) {
|
||||||
|
resultsDiv.innerHTML = '<p>Keine Ergebnisse gefunden.</p>';
|
||||||
|
resultCount.textContent = '';
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
resultCount.textContent = `${results.length} Ergebnisse`;
|
||||||
|
lastResults = results;
|
||||||
|
|
||||||
|
const resultsHTML = results.map(customer => {
|
||||||
|
// Hilfsfunktion zum Erstellen von Feldern nur wenn sie Werte haben
|
||||||
|
const createFieldIfValue = (label, value, formatter = (v) => v) => {
|
||||||
|
if (!value || value === 'N/A' || value === 'n/a' || value === 'N/a' || (typeof value === 'string' && value.trim() === '')) return '';
|
||||||
|
const formattedValue = formatter(value);
|
||||||
|
return `<p class="mb-1"><strong>${label}:</strong> ${formattedValue}</p>`;
|
||||||
|
};
|
||||||
|
|
||||||
|
// Highlighting für alle Felder
|
||||||
|
const highlightField = (value) => {
|
||||||
|
if (!value) return value;
|
||||||
|
let highlighted = value;
|
||||||
|
if (nameSearchTerm) {
|
||||||
|
highlighted = highlightText(highlighted, nameSearchTerm);
|
||||||
|
}
|
||||||
|
if (fachrichtungSearchTerm) {
|
||||||
|
highlighted = highlightText(highlighted, fachrichtungSearchTerm);
|
||||||
|
}
|
||||||
|
if (generalSearchTerm) {
|
||||||
|
highlighted = highlightText(highlighted, generalSearchTerm);
|
||||||
|
}
|
||||||
|
return highlighted;
|
||||||
|
};
|
||||||
|
|
||||||
|
return `
|
||||||
|
<div class="customer-card">
|
||||||
|
<div class="customer-header">
|
||||||
|
<h3 class="customer-name">${highlightField(customer.name)}</h3>
|
||||||
|
<div class="customer-actions">
|
||||||
|
<span class="badge ${(customer.tag || 'medisoft') === 'medisoft' ? 'bg-primary' : 'bg-warning text-dark'}">${(customer.tag || 'medisoft').toUpperCase()}</span>
|
||||||
|
<button class="btn btn-sm btn-outline-primary" onclick="copyCustomerLink('${customer.nummer}')" title="Link kopieren">
|
||||||
|
<i class="fas fa-link"></i>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-sm btn-outline-primary" onclick='exportToVCF(${JSON.stringify(customer).replace(/'/g, "\\'")})' title="Als VCF exportieren">
|
||||||
|
<i class="bi bi-person-vcard"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="customer-details">
|
||||||
|
${createFieldIfValue('Nummer', highlightField(customer.nummer), createCustomerLink)}
|
||||||
|
${createFieldIfValue('Adresse', (customer.strasse && customer.plz && customer.ort) ? true : false,
|
||||||
|
() => createAddressLink(
|
||||||
|
customer.strasse,
|
||||||
|
highlightField(customer.plz),
|
||||||
|
highlightField(customer.ort)
|
||||||
|
))}
|
||||||
|
${createFieldIfValue('Telefon', highlightField(customer.telefon), createPhoneLink)}
|
||||||
|
${createFieldIfValue('Mobil', highlightField(customer.mobil), createPhoneLink)}
|
||||||
|
${createFieldIfValue('Handy', highlightField(customer.handy), createPhoneLink)}
|
||||||
|
${createFieldIfValue('E-Mail', highlightField(customer.email), createEmailLink)}
|
||||||
|
${createFieldIfValue('Fachrichtung', highlightField(customer.fachrichtung))}
|
||||||
|
${createFieldIfValue('Kontakt 1', highlightField(customer.kontakt1), createPhoneLink)}
|
||||||
|
${createFieldIfValue('Kontakt 2', highlightField(customer.kontakt2), createPhoneLink)}
|
||||||
|
${createFieldIfValue('Kontakt 3', highlightField(customer.kontakt3), createPhoneLink)}
|
||||||
|
${customer.tags && customer.tags.length > 0 ? `
|
||||||
|
<p class="mb-0"><strong>Tags:</strong>
|
||||||
|
${customer.tags.map(tag => `<span class="badge bg-primary me-1">${tag}</span>`).join('')}
|
||||||
|
</p>
|
||||||
|
` : ''}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
}).join('');
|
||||||
|
|
||||||
|
resultsDiv.innerHTML = resultsHTML;
|
||||||
|
updateResultCounts();
|
||||||
|
}
|
||||||
|
|
||||||
|
function clearInput(inputId) {
|
||||||
|
document.getElementById(inputId).value = '';
|
||||||
|
document.getElementById('results').innerHTML = '';
|
||||||
|
document.getElementById('result-count').textContent = '';
|
||||||
|
document.getElementById('exportButton').style.display = 'none';
|
||||||
|
lastResults = [];
|
||||||
|
}
|
||||||
|
|
||||||
|
async function searchCustomers() {
|
||||||
|
let searchTimeout;
|
||||||
|
const loading = document.getElementById('loading');
|
||||||
|
const results = document.getElementById('results');
|
||||||
|
const generalSearch = document.getElementById('q').value;
|
||||||
|
const nameSearch = document.getElementById('nameInput').value;
|
||||||
|
const ortSearch = document.getElementById('ortInput').value;
|
||||||
|
const nummerSearch = document.getElementById('nummerInput').value;
|
||||||
|
const plzSearch = document.getElementById('plzInput').value;
|
||||||
|
const fachrichtungSearch = document.getElementById('fachrichtungInput').value;
|
||||||
|
const tagFilter = document.getElementById('tagFilter').value;
|
||||||
|
currentSearchQuery = generalSearch;
|
||||||
|
currentPage = 1;
|
||||||
|
|
||||||
|
// Zeige Ladeanimation
|
||||||
|
loading.style.display = 'block';
|
||||||
|
results.innerHTML = '';
|
||||||
|
|
||||||
|
// Setze Timeout zurück
|
||||||
|
clearTimeout(searchTimeout);
|
||||||
|
|
||||||
|
// Verzögerte Suche
|
||||||
|
searchTimeout = setTimeout(async () => {
|
||||||
|
try {
|
||||||
|
// Baue die Suchanfrage
|
||||||
|
const params = new URLSearchParams();
|
||||||
|
if (generalSearch) params.append('q', generalSearch);
|
||||||
|
if (nameSearch) params.append('name', nameSearch);
|
||||||
|
if (ortSearch) params.append('ort', ortSearch);
|
||||||
|
if (nummerSearch) params.append('nummer', nummerSearch);
|
||||||
|
if (plzSearch) params.append('plz', plzSearch);
|
||||||
|
if (fachrichtungSearch) params.append('fachrichtung', fachrichtungSearch);
|
||||||
|
if (tagFilter) params.append('tag', tagFilter);
|
||||||
|
|
||||||
|
const response = await fetch('/search?' + params.toString());
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
throw new Error('Netzwerkantwort war nicht ok');
|
||||||
|
}
|
||||||
|
|
||||||
|
const data = await response.json();
|
||||||
|
displayResults(data);
|
||||||
|
} catch (error) {
|
||||||
|
results.innerHTML = '<p>Ein Fehler ist aufgetreten. Bitte versuchen Sie es später erneut.</p>';
|
||||||
|
} finally {
|
||||||
|
loading.style.display = 'none';
|
||||||
|
}
|
||||||
|
}, 300);
|
||||||
|
}
|
||||||
|
|
||||||
|
function setupFachrichtungAutocomplete() {
|
||||||
|
const fachrichtungInput = document.getElementById('fachrichtungInput');
|
||||||
|
const autocompleteList = document.createElement('div');
|
||||||
|
autocompleteList.className = 'autocomplete-items';
|
||||||
|
fachrichtungInput.parentNode.appendChild(autocompleteList);
|
||||||
|
|
||||||
|
fachrichtungInput.addEventListener('input', function() {
|
||||||
|
clearTimeout(fachrichtungTimeout);
|
||||||
|
const searchTerm = this.value;
|
||||||
|
|
||||||
|
if (searchTerm.length < 2) {
|
||||||
|
autocompleteList.style.display = 'none';
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
fachrichtungTimeout = setTimeout(() => {
|
||||||
|
fetch(`/api/fachrichtungen?q=${encodeURIComponent(searchTerm)}`)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
autocompleteList.innerHTML = '';
|
||||||
|
if (data.length > 0) {
|
||||||
|
data.forEach(item => {
|
||||||
|
const div = document.createElement('div');
|
||||||
|
div.textContent = item;
|
||||||
|
div.addEventListener('click', () => {
|
||||||
|
fachrichtungInput.value = item;
|
||||||
|
autocompleteList.style.display = 'none';
|
||||||
|
searchCustomers();
|
||||||
|
});
|
||||||
|
autocompleteList.appendChild(div);
|
||||||
|
});
|
||||||
|
autocompleteList.style.display = 'block';
|
||||||
|
} else {
|
||||||
|
autocompleteList.style.display = 'none';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, 300);
|
||||||
|
});
|
||||||
|
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
if (!fachrichtungInput.contains(e.target) && !autocompleteList.contains(e.target)) {
|
||||||
|
autocompleteList.style.display = 'none';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function setupOrtAutocomplete() {
|
||||||
|
const ortInput = document.getElementById('ortInput');
|
||||||
|
const autocompleteList = document.createElement('div');
|
||||||
|
autocompleteList.className = 'autocomplete-items';
|
||||||
|
ortInput.parentNode.appendChild(autocompleteList);
|
||||||
|
|
||||||
|
ortInput.addEventListener('input', function() {
|
||||||
|
clearTimeout(ortTimeout);
|
||||||
|
const searchTerm = this.value;
|
||||||
|
|
||||||
|
if (searchTerm.length < 2) {
|
||||||
|
autocompleteList.style.display = 'none';
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
ortTimeout = setTimeout(() => {
|
||||||
|
fetch(`/api/orte?q=${encodeURIComponent(searchTerm)}`)
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
autocompleteList.innerHTML = '';
|
||||||
|
if (data.length > 0) {
|
||||||
|
data.forEach(item => {
|
||||||
|
const div = document.createElement('div');
|
||||||
|
div.textContent = item;
|
||||||
|
div.addEventListener('click', () => {
|
||||||
|
ortInput.value = item;
|
||||||
|
autocompleteList.style.display = 'none';
|
||||||
|
searchCustomers();
|
||||||
|
});
|
||||||
|
autocompleteList.appendChild(div);
|
||||||
|
});
|
||||||
|
autocompleteList.style.display = 'block';
|
||||||
|
} else {
|
||||||
|
autocompleteList.style.display = 'none';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}, 300);
|
||||||
|
});
|
||||||
|
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
if (!ortInput.contains(e.target) && !autocompleteList.contains(e.target)) {
|
||||||
|
autocompleteList.style.display = 'none';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Event-Listener für die URL-Parameter und Autocomplete-Setup
|
||||||
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
const urlParams = new URLSearchParams(window.location.search);
|
||||||
|
const kundennummer = urlParams.get('kundennummer');
|
||||||
|
const name = urlParams.get('name');
|
||||||
|
const ort = urlParams.get('ort');
|
||||||
|
const plz = urlParams.get('plz');
|
||||||
|
|
||||||
|
if (kundennummer) {
|
||||||
|
document.getElementById('nummerInput').value = kundennummer;
|
||||||
|
searchCustomers();
|
||||||
|
}
|
||||||
|
if (name) {
|
||||||
|
document.getElementById('nameInput').value = name;
|
||||||
|
searchCustomers();
|
||||||
|
}
|
||||||
|
if (ort) {
|
||||||
|
document.getElementById('ortInput').value = ort;
|
||||||
|
searchCustomers();
|
||||||
|
}
|
||||||
|
if (plz) {
|
||||||
|
document.getElementById('plzInput').value = plz;
|
||||||
|
searchCustomers();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Setup Autocomplete
|
||||||
|
setupFachrichtungAutocomplete();
|
||||||
|
setupOrtAutocomplete();
|
||||||
|
});
|
||||||
BIN
static/medisoftware_logo_rb_200.png
Normal file
BIN
static/medisoftware_logo_rb_200.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
@@ -3,130 +3,123 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta name="client-ip" content="{{ request.headers.get('X-Forwarded-For', request.remote_addr) }}">
|
||||||
|
<meta name="allowed-ip-ranges" content="{{ allowed_ip_ranges }}">
|
||||||
<title>medisoftware Kundensuche</title>
|
<title>medisoftware Kundensuche</title>
|
||||||
<link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}">
|
<link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='favicon.ico') }}">
|
||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
||||||
|
<link href="{{ url_for('static', filename='css/styles.css') }}" rel="stylesheet">
|
||||||
<style>
|
<style>
|
||||||
body {
|
.logo {
|
||||||
min-height: 100vh;
|
width: 200px;
|
||||||
display: flex;
|
height: auto;
|
||||||
flex-direction: column;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.main-content {
|
|
||||||
flex: 1 0 auto;
|
|
||||||
padding: 2rem 0;
|
|
||||||
}
|
|
||||||
.search-container {
|
|
||||||
max-width: 800px;
|
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
display: block;
|
||||||
.result-card {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
.result-card:hover {
|
|
||||||
transform: translateY(-2px);
|
|
||||||
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
|
|
||||||
}
|
|
||||||
.loading {
|
|
||||||
display: none;
|
|
||||||
text-align: center;
|
|
||||||
margin: 2rem 0;
|
|
||||||
}
|
|
||||||
.phone-link, .email-link, .address-link, .customer-link {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #0d6efd;
|
|
||||||
}
|
|
||||||
.phone-link:hover, .email-link:hover, .address-link:hover, .customer-link:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
.search-icon {
|
|
||||||
position: absolute;
|
|
||||||
right: 10px;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
color: #6c757d;
|
|
||||||
}
|
|
||||||
.customer-number {
|
|
||||||
color: #6c757d;
|
|
||||||
font-size: 0.9em;
|
|
||||||
}
|
|
||||||
.footer {
|
|
||||||
flex-shrink: 0;
|
|
||||||
text-align: center;
|
|
||||||
padding: 1rem;
|
|
||||||
background-color: #f8f9fa;
|
|
||||||
border-top: 1px solid #dee2e6;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.share-feedback {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 20px;
|
|
||||||
right: 20px;
|
|
||||||
background: #28a745;
|
|
||||||
color: white;
|
|
||||||
padding: 8px 16px;
|
|
||||||
border-radius: 4px;
|
|
||||||
display: none;
|
|
||||||
animation: fadeOut 2s forwards;
|
|
||||||
z-index: 1000;
|
|
||||||
}
|
|
||||||
@keyframes fadeOut {
|
|
||||||
0% { opacity: 1; }
|
|
||||||
70% { opacity: 1; }
|
|
||||||
100% { opacity: 0; }
|
|
||||||
}
|
|
||||||
.card-actions {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
margin-top: 1rem;
|
|
||||||
}
|
|
||||||
.share-button {
|
|
||||||
padding: 5px 10px;
|
|
||||||
border-radius: 15px;
|
|
||||||
font-size: 0.9em;
|
|
||||||
}
|
|
||||||
.search-fields {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
||||||
gap: 1rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
.search-field {
|
|
||||||
position: relative;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="main-content">
|
<div class="main-content">
|
||||||
<div class="container search-container">
|
<div class="container">
|
||||||
<h1 class="text-center mb-4">medisoftware Kundensuche</h1>
|
<div class="position-relative mb-4">
|
||||||
|
<div class="dropdown position-absolute start-0">
|
||||||
|
<button class="btn btn-link text-dark" type="button" id="menuButton" data-bs-toggle="dropdown" aria-expanded="false">
|
||||||
|
<i class="bi bi-list fs-4"></i>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu" aria-labelledby="menuButton">
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item" href="{{ url_for('index') }}">
|
||||||
|
<i class="bi bi-house"></i> Home
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item" href="{{ url_for('upload') }}">
|
||||||
|
<i class="bi bi-cloud-upload"></i> CSV-Dateien hochladen
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item" href="{{ url_for('readme') }}">
|
||||||
|
<i class="bi bi-book"></i> README
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="text-center">
|
||||||
|
<a href="https://medisoftware.de" target="_blank" rel="noopener noreferrer">
|
||||||
|
<img src="{{ url_for('static', filename='medisoftware_logo_rb_200.png') }}" alt="medisoftware Logo" class="img-fluid logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="search-container">
|
||||||
|
<h1 class="text-center mb-4">Kundensuche</h1>
|
||||||
|
|
||||||
|
<div class="general-search mb-4">
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" id="q" class="form-control form-control-lg" placeholder="Allgemeine Suche" oninput="searchCustomers()">
|
||||||
|
<i class="fas fa-times reset-icon" onclick="clearInput('q')"></i>
|
||||||
|
<i class="fas fa-search search-icon"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="search-fields">
|
<div class="search-fields">
|
||||||
<div class="search-field">
|
<div class="search-field">
|
||||||
<input type="text" id="nameInput" class="form-control"
|
<div class="input-group">
|
||||||
placeholder="Name...">
|
<input type="text" id="nameInput" class="form-control" placeholder="Name" oninput="searchCustomers()">
|
||||||
</div>
|
<i class="fas fa-times reset-icon" onclick="clearInput('nameInput')"></i>
|
||||||
<div class="search-field">
|
<i class="fas fa-search search-icon"></i>
|
||||||
<input type="text" id="ortInput" class="form-control"
|
|
||||||
placeholder="Ort...">
|
|
||||||
</div>
|
|
||||||
<div class="search-field">
|
|
||||||
<input type="text" id="kundennummerInput" class="form-control"
|
|
||||||
placeholder="Kundennummer...">
|
|
||||||
</div>
|
|
||||||
<div class="search-field">
|
|
||||||
<input type="text" id="fachrichtungInput" class="form-control"
|
|
||||||
placeholder="Fachrichtung...">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="input-group mb-4 position-relative">
|
<div class="search-field">
|
||||||
<input type="text" id="searchInput" class="form-control form-control-lg"
|
<div class="input-group">
|
||||||
placeholder="Allgemeine Suche...">
|
<input type="text" id="ortInput" class="form-control" placeholder="Ort" oninput="searchCustomers()">
|
||||||
<span class="search-icon">🔍</span>
|
<i class="fas fa-times reset-icon" onclick="clearInput('ortInput')"></i>
|
||||||
|
<i class="fas fa-search search-icon"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="search-field">
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" id="nummerInput" class="form-control" placeholder="Kundennummer" oninput="searchCustomers()">
|
||||||
|
<i class="fas fa-times reset-icon" onclick="clearInput('nummerInput')"></i>
|
||||||
|
<i class="fas fa-search search-icon"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="search-field">
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" id="plzInput" class="form-control" placeholder="PLZ" oninput="searchCustomers()">
|
||||||
|
<i class="fas fa-times reset-icon" onclick="clearInput('plzInput')"></i>
|
||||||
|
<i class="fas fa-search search-icon"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="search-field">
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" id="fachrichtungInput" class="form-control" placeholder="Fachrichtung" oninput="searchCustomers()">
|
||||||
|
<i class="fas fa-times reset-icon" onclick="clearInput('fachrichtungInput')"></i>
|
||||||
|
<i class="fas fa-search search-icon"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="search-field">
|
||||||
|
<div class="input-group">
|
||||||
|
<select id="tagFilter" class="form-select" onchange="searchCustomers()">
|
||||||
|
<option value="medisoft" selected>MEDISOFT</option>
|
||||||
|
<option value="mediconsult">MEDICONSULT</option>
|
||||||
|
<option value="all">Alle</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="result-counts" class="mt-2">
|
||||||
|
<span id="result-count"></span>
|
||||||
|
<button id="exportButton" class="btn btn-sm btn-outline-primary ms-2" onclick="exportToCSV()" style="display: none;">
|
||||||
|
<i class="bi bi-file-earmark-spreadsheet"></i> Als CSV exportieren
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="loading" class="loading">
|
<div id="loading" class="loading">
|
||||||
@@ -135,189 +128,23 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="results" class="mt-4">
|
<div id="results"></div>
|
||||||
<!-- Hier werden die Suchergebnisse angezeigt -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="shareFeedback" class="share-feedback">
|
<div id="shareFeedback" class="share-feedback">
|
||||||
Link kopiert!
|
Link in die Zwischenablage kopiert!
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<p class="mb-0">(c) 2025 <a href="https://medisoftware.de" target="_blank" rel="noopener noreferrer" class="text-decoration-none">medisoftware</a></p>
|
<div class="footer-content">
|
||||||
|
Proudly made with ❤️ and 🍺 by <a href="https://www.medisoftware.de" target="_blank" class="footer-link">medisoftware</a>
|
||||||
|
<div style="font-size: 0.8em;">Version: {{ version }}</div>
|
||||||
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<script>
|
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
|
||||||
let searchTimeout;
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
|
||||||
function createPhoneLink(phone) {
|
|
||||||
if (!phone) return 'N/A';
|
|
||||||
const cleaned = phone.replace(/\D/g, '');
|
|
||||||
const telLink = '0' + cleaned;
|
|
||||||
return `<a href="tel:${telLink}" class="phone-link">${phone}</a>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function createEmailLink(email) {
|
|
||||||
if (!email) return 'N/A';
|
|
||||||
return `<a href="mailto:${email}" class="email-link">${email}</a>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function createAddressLink(street, plz, city) {
|
|
||||||
if (!street || !plz || !city) return 'N/A';
|
|
||||||
const address = `${street}, ${plz} ${city}`;
|
|
||||||
const searchQuery = encodeURIComponent(address);
|
|
||||||
return `<a href="https://www.google.com/maps/search/?api=1&query=${searchQuery}"
|
|
||||||
class="address-link" target="_blank" rel="noopener noreferrer">
|
|
||||||
${address}
|
|
||||||
<span class="ms-1">🗺️</span>
|
|
||||||
</a>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function createCustomerLink(customerNumber) {
|
|
||||||
if (!customerNumber) return 'N/A';
|
|
||||||
return `<a href="medisw:openkkbefe/P${customerNumber}?NetGrp=4"
|
|
||||||
class="customer-link" target="_blank" rel="noopener noreferrer">
|
|
||||||
${customerNumber}
|
|
||||||
</a>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function showCopyFeedback() {
|
|
||||||
const feedback = document.getElementById('shareFeedback');
|
|
||||||
feedback.style.display = 'block';
|
|
||||||
feedback.style.opacity = '1';
|
|
||||||
|
|
||||||
feedback.addEventListener('animationend', () => {
|
|
||||||
feedback.style.display = 'none';
|
|
||||||
}, { once: true });
|
|
||||||
}
|
|
||||||
|
|
||||||
async function copyCustomerLink(customerNumber) {
|
|
||||||
const url = new URL(window.location.href);
|
|
||||||
url.searchParams.set('kundennummer', customerNumber);
|
|
||||||
|
|
||||||
try {
|
|
||||||
await navigator.clipboard.writeText(url.toString());
|
|
||||||
showCopyFeedback();
|
|
||||||
} catch (err) {
|
|
||||||
console.error('Fehler beim Kopieren:', err);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function searchCustomers() {
|
|
||||||
const name = document.getElementById('nameInput').value;
|
|
||||||
const ort = document.getElementById('ortInput').value;
|
|
||||||
const kundennummer = document.getElementById('kundennummerInput').value;
|
|
||||||
const fachrichtung = document.getElementById('fachrichtungInput').value;
|
|
||||||
const query = document.getElementById('searchInput').value;
|
|
||||||
|
|
||||||
// Prüfe, ob mindestens ein Suchfeld ausgefüllt ist
|
|
||||||
if (!name && !ort && !kundennummer && !fachrichtung && !query) {
|
|
||||||
document.getElementById('results').innerHTML = '';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Lade-Animation anzeigen
|
|
||||||
document.getElementById('loading').style.display = 'block';
|
|
||||||
document.getElementById('results').innerHTML = '';
|
|
||||||
|
|
||||||
// URL-Parameter erstellen
|
|
||||||
const params = new URLSearchParams();
|
|
||||||
if (name) params.append('name', name);
|
|
||||||
if (ort) params.append('ort', ort);
|
|
||||||
if (kundennummer) params.append('kundennummer', kundennummer);
|
|
||||||
if (fachrichtung) params.append('fachrichtung', fachrichtung);
|
|
||||||
if (query) params.append('q', query);
|
|
||||||
|
|
||||||
fetch(`/search?${params.toString()}`)
|
|
||||||
.then(response => {
|
|
||||||
if (!response.ok) {
|
|
||||||
return response.json().then(data => {
|
|
||||||
throw new Error(data.error || 'Ein Fehler ist aufgetreten');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return response.json();
|
|
||||||
})
|
|
||||||
.then(data => {
|
|
||||||
const resultsDiv = document.getElementById('results');
|
|
||||||
resultsDiv.innerHTML = '';
|
|
||||||
|
|
||||||
if (data.length === 0) {
|
|
||||||
resultsDiv.innerHTML = '<div class="alert alert-info">Keine Ergebnisse gefunden.</div>';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
data.forEach(customer => {
|
|
||||||
const card = document.createElement('div');
|
|
||||||
card.className = 'card result-card';
|
|
||||||
card.innerHTML = `
|
|
||||||
<div class="card-body">
|
|
||||||
<h5 class="card-title">
|
|
||||||
${customer.Vorname} ${customer.Nachname}
|
|
||||||
<span class="customer-number ms-2">(Kunde: ${createCustomerLink(customer.Nummer)})</span>
|
|
||||||
</h5>
|
|
||||||
<p class="card-text">
|
|
||||||
<strong>Fachrichtung:</strong> ${customer.Fachrichtung || 'N/A'}<br>
|
|
||||||
<strong>Adresse:</strong> ${createAddressLink(customer.Strasse, customer.PLZ, customer.Ort)}<br>
|
|
||||||
<strong>Telefon:</strong> ${createPhoneLink(customer.Tel)}<br>
|
|
||||||
<strong>E-Mail:</strong> ${createEmailLink(customer.mail)}
|
|
||||||
</p>
|
|
||||||
<div class="card-actions">
|
|
||||||
<button class="btn btn-outline-primary share-button" onclick="copyCustomerLink('${customer.Nummer}')">
|
|
||||||
🔗 Teilen
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
resultsDiv.appendChild(card);
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
console.error('Fehler:', error);
|
|
||||||
document.getElementById('results').innerHTML =
|
|
||||||
`<div class="alert alert-danger">${error.message}</div>`;
|
|
||||||
})
|
|
||||||
.finally(() => {
|
|
||||||
document.getElementById('loading').style.display = 'none';
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Event-Listener für die Live-Suche
|
|
||||||
const searchInputs = [
|
|
||||||
document.getElementById('nameInput'),
|
|
||||||
document.getElementById('ortInput'),
|
|
||||||
document.getElementById('kundennummerInput'),
|
|
||||||
document.getElementById('fachrichtungInput'),
|
|
||||||
document.getElementById('searchInput')
|
|
||||||
];
|
|
||||||
|
|
||||||
searchInputs.forEach(input => {
|
|
||||||
input.addEventListener('input', function() {
|
|
||||||
clearTimeout(searchTimeout);
|
|
||||||
searchTimeout = setTimeout(searchCustomers, 300);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// URL-Parameter beim Laden der Seite prüfen
|
|
||||||
window.addEventListener('load', function() {
|
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
|
||||||
const name = urlParams.get('name');
|
|
||||||
const ort = urlParams.get('ort');
|
|
||||||
const kundennummer = urlParams.get('kundennummer');
|
|
||||||
const fachrichtung = urlParams.get('fachrichtung');
|
|
||||||
const query = urlParams.get('q');
|
|
||||||
|
|
||||||
if (name) document.getElementById('nameInput').value = name;
|
|
||||||
if (ort) document.getElementById('ortInput').value = ort;
|
|
||||||
if (kundennummer) document.getElementById('kundennummerInput').value = kundennummer;
|
|
||||||
if (fachrichtung) document.getElementById('fachrichtungInput').value = fachrichtung;
|
|
||||||
if (query) document.getElementById('searchInput').value = query;
|
|
||||||
|
|
||||||
if (name || ort || kundennummer || fachrichtung || query) {
|
|
||||||
searchCustomers();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
60
templates/login.html
Normal file
60
templates/login.html
Normal file
@@ -0,0 +1,60 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>medisoftware Kundensuche</title>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.main-content {
|
||||||
|
flex: 1 0 auto;
|
||||||
|
padding: 2rem 0;
|
||||||
|
margin-bottom: 4rem; /* Platz für die fixierte Fußzeile */
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
flex-shrink: 0;
|
||||||
|
text-align: center;
|
||||||
|
padding: 1rem;
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
border-top: 1px solid #dee2e6;
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container mt-5">
|
||||||
|
<div class="text-center mb-4">
|
||||||
|
<img src="{{ url_for('static', filename='medisoftware_logo_rb_200.png') }}" alt="medisoftware Logo" class="img-fluid" style="max-width: 200px;">
|
||||||
|
</div>
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<h2 class="text-center">Login</h2>
|
||||||
|
<form method="POST" action="/login">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="password" class="form-label">Passwort</label>
|
||||||
|
<input type="password" class="form-control" id="password" name="password" required>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn-primary w-100">Einloggen</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="footer-content">
|
||||||
|
Proudly made with ❤️ and 🍺 by <a href="https://www.medisoftware.de" target="_blank" class="footer-link">medisoftware</a>
|
||||||
|
<div style="font-size: 0.8em;">Version: v1.2.3</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
111
templates/readme.html
Normal file
111
templates/readme.html
Normal file
@@ -0,0 +1,111 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>medisoftware Kundensuche - README</title>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
||||||
|
<link href="{{ url_for('static', filename='css/styles.css') }}" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5.5.0/github-markdown.min.css">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.main-content {
|
||||||
|
flex: 1 0 auto;
|
||||||
|
padding: 2rem 0;
|
||||||
|
margin-bottom: 4rem;
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
flex-shrink: 0;
|
||||||
|
text-align: center;
|
||||||
|
padding: 1rem;
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
border-top: 1px solid #dee2e6;
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
.markdown-body {
|
||||||
|
box-sizing: border-box;
|
||||||
|
min-width: 200px;
|
||||||
|
max-width: 980px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 45px;
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.markdown-body {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="main-content">
|
||||||
|
<div class="container">
|
||||||
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||||
|
<div class="dropdown">
|
||||||
|
<button class="btn btn-link text-dark" type="button" id="menuButton" data-bs-toggle="dropdown" aria-expanded="false">
|
||||||
|
<i class="bi bi-list fs-4"></i>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu" aria-labelledby="menuButton">
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item" href="{{ url_for('index') }}">
|
||||||
|
<i class="bi bi-house"></i> Home
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item" href="{{ url_for('upload') }}">
|
||||||
|
<i class="bi bi-cloud-upload"></i> CSV-Dateien hochladen
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item" href="{{ url_for('readme') }}">
|
||||||
|
<i class="bi bi-book"></i> README
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<a href="https://medisoftware.de" target="_blank" rel="noopener noreferrer">
|
||||||
|
<img src="{{ url_for('static', filename='medisoftware_logo_rb_200.png') }}" alt="medisoftware Logo" class="img-fluid" style="max-width: 200px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h2 class="text-center mb-0">README</h2>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
{% if error %}
|
||||||
|
<div class="alert alert-danger" role="alert">
|
||||||
|
{{ error }}
|
||||||
|
</div>
|
||||||
|
{% else %}
|
||||||
|
<div class="markdown-body">
|
||||||
|
{{ content | safe }}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="footer-content">
|
||||||
|
Proudly made with ❤️ and 🍺 by <a href="https://www.medisoftware.de" target="_blank" class="footer-link">medisoftware</a>
|
||||||
|
<div style="font-size: 0.8em;">Version: {{ version }}</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
102
templates/upload.html
Normal file
102
templates/upload.html
Normal file
@@ -0,0 +1,102 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>medisoftware Kundensuche - CSV Upload</title>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
}
|
||||||
|
.main-content {
|
||||||
|
padding: 2rem 0;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
width: 200px;
|
||||||
|
height: auto;
|
||||||
|
margin: 0 auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.upload-container {
|
||||||
|
background-color: white;
|
||||||
|
padding: 2rem;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0 0 10px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
.form-label {
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.alert {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="main-content">
|
||||||
|
<div class="container">
|
||||||
|
<div class="position-relative mb-4">
|
||||||
|
<div class="dropdown position-absolute start-0">
|
||||||
|
<button class="btn btn-link text-dark" type="button" id="menuButton" data-bs-toggle="dropdown" aria-expanded="false">
|
||||||
|
<i class="bi bi-list fs-4"></i>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu" aria-labelledby="menuButton">
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item" href="{{ url_for('index') }}">
|
||||||
|
<i class="bi bi-house"></i> Home
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item" href="{{ url_for('upload') }}">
|
||||||
|
<i class="bi bi-cloud-upload"></i> CSV-Dateien hochladen
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="dropdown-item" href="{{ url_for('readme') }}">
|
||||||
|
<i class="bi bi-book"></i> README
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="text-center">
|
||||||
|
<a href="https://medisoftware.de" target="_blank" rel="noopener noreferrer">
|
||||||
|
<img src="{{ url_for('static', filename='medisoftware_logo_rb_200.png') }}" alt="medisoftware Logo" class="img-fluid logo">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="upload-container">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<h2 class="text-center mb-4">CSV-Dateien hochladen</h2>
|
||||||
|
{% if error %}
|
||||||
|
<div class="alert alert-danger">{{ error }}</div>
|
||||||
|
{% endif %}
|
||||||
|
{% if success %}
|
||||||
|
<div class="alert alert-success">{{ success }}</div>
|
||||||
|
{% endif %}
|
||||||
|
<form method="POST" enctype="multipart/form-data">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="medisoft_file" class="form-label">MEDISOFT CSV-Datei</label>
|
||||||
|
<input type="file" class="form-control" id="medisoft_file" name="medisoft_file" accept=".csv">
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="mediconsult_file" class="form-label">MEDICONSULT CSV-Datei</label>
|
||||||
|
<input type="file" class="form-control" id="mediconsult_file" name="mediconsult_file" accept=".csv">
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="password" class="form-label">Passwort</label>
|
||||||
|
<input type="password" class="form-control" id="password" name="password" required>
|
||||||
|
</div>
|
||||||
|
<div class="d-grid">
|
||||||
|
<button type="submit" class="btn btn-primary">Dateien hochladen</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user