Fix: Suchergebnisse werden wieder korrekt angezeigt

CHANGELOG.md

@@ -5,6 +5,87 @@ 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/).
 
+## [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

README.md

@@ -1,35 +1,49 @@
-# Medi-Customers
+# medisoftware Kundensuche
 
-Eine Flask-basierte Webanwendung zur Verwaltung von Kundenkontakten für medizinische Einrichtungen.
+Eine moderne Webanwendung zur Suche und Verwaltung von Kundendaten, die MEDISOFT und MEDICONSULT Daten kombiniert.
 
 ## Features
 
-- Kundensuche nach verschiedenen Kriterien (Name, Ort, Kundennummer, etc.)
-- Direkte Links zu Kundendaten in medisoftware (für autorisierte IPs)
-- Telefonnummern-Links für autorisierte IPs
-- Adress-Links mit Google Maps Integration
-- IP-basierte Zugriffssteuerung
-- Responsive Design
+- 🔍 Echtzeit-Suche über alle Kundendaten
+- 📱 Responsive Design für alle Geräte
+- 🔒 IP-basierte Zugriffskontrolle
+- 🔗 Direkte Integration mit MEDISOFT
+- 🏥 Unterscheidung zwischen MEDISOFT und MEDICONSULT Kunden
+- 🎨 Farbliche Hervorhebung der Kundentypen (blau für MEDISOFT, orange für MEDICONSULT)
+- 📍 Verbesserte Adress-Links mit Location- und Route-Icons
+
+## Version
+
+Aktuelle Version: v1.2.9
 
 ## Installation
 
-1. Repository klonen:
+1. Klonen Sie das Repository:
 ```bash
 git clone https://gitea.elpatron.me/elpatron/medi-customers.git
 cd medi-customers
 ```
 
-2. Umgebungsvariablen einrichten:
+2. Erstellen Sie die erforderlichen Verzeichnisse:
 ```bash
-cp .env.example .env
-# Bearbeiten Sie die .env-Datei mit Ihren Einstellungen
+mkdir -p data
 ```
 
-3. Docker Container starten:
+3. Starten Sie die Anwendung mit Docker Compose:
 ```bash
-docker-compose up -d
+docker-compose up --build
 ```
 
+Die Anwendung ist dann unter `http://localhost:5000` erreichbar.
+
+## Entwicklung
+
+Die Anwendung ist in Python mit Flask entwickelt und verwendet SQLite als Datenbank. Das Frontend wurde mit HTML, CSS und JavaScript implementiert.
+
+## Lizenz
+
+Alle Rechte vorbehalten. © 2024 medisoftware
+
 ## Konfiguration
 
 Die Anwendung kann über folgende Umgebungsvariablen konfiguriert werden:
@@ -49,14 +63,6 @@ Die Anwendung unterstützt CIDR-Notation für IP-Bereiche. Beispiele:
 - Subnetz: 192.168.1.0/24
 - Größeres Netzwerk: 10.0.0.0/8
 
-## Version
-
-Aktuelle Version: v1.2.6
-
-## Lizenz
-
-Alle Rechte vorbehalten. © 2025 medisoftware
-
 ## API-Beispiele
 
 ### Suche nach Name

static/css/styles.css

@@ -270,4 +270,24 @@ body {
 
 .tag-mediconsult {
     background-color: #ff9800;
+}
+
+/* Adress-Links */
+.address-text {
+    margin-right: 5px;
+}
+
+.address-link, .route-link {
+    color: #666;
+    text-decoration: none;
+    margin-left: 5px;
+    transition: color 0.2s;
+}
+
+.address-link:hover, .route-link:hover {
+    color: #0d6efd;
+}
+
+.location-pin, .route-pin {
+    font-size: 1.1em;
 } 

templates/index.html

@@ -110,7 +110,7 @@
     <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.6</div>
+            <div style="font-size: 0.8em;">Version: v1.2.9</div>
         </div>
     </footer>
 
@@ -119,7 +119,7 @@
         let lastResults = [];
 
         function createPhoneLink(phone) {
-            if (!phone) return 'N/A';
+            if (!phone) return '';
             
             const clientIP = '{{ request.headers.get("X-Forwarded-For", request.remote_addr) }}';
             const allowedIPRanges = '{{ allowed_ip_ranges }}'.split(',');
@@ -143,7 +143,7 @@
         }
 
         function createEmailLink(email) {
-            if (!email) return 'N/A';
+            if (!email) return '';
             return `<a href="mailto:${email}" class="email-link">${email}</a>`;
         }
 
@@ -154,7 +154,7 @@
         }
 
         function createAddressLink(street, plz, city) {
-            if (!street || !plz || !city) return 'N/A';
+            if (!street || !plz || !city) return '';
             const address = `${street}, ${plz} ${city}`;
             const searchQuery = encodeURIComponent(address);
             const routeQuery = encodeURIComponent(address);
@@ -162,11 +162,11 @@
             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-pin location-pin"></i>
+                    <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-car route-pin"></i>
+                   <i class="fa-solid fa-route route-pin"></i>
                    </a>`;
         }
 
@@ -243,7 +243,7 @@
             const resultsDiv = document.getElementById('results');
             const resultCount = document.getElementById('resultCount');
             
-            if (results.length === 0) {
+            if (!results || results.length === 0) {
                 resultsDiv.innerHTML = '<p>Keine Ergebnisse gefunden.</p>';
                 resultCount.textContent = '0 Ergebnisse';
                 return;
@@ -251,7 +251,15 @@
             
             resultCount.textContent = `${results.length} Ergebnisse`;
             
-            const resultsList = results.map(customer => `
+            const resultsList = 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><strong>${label}:</strong> ${formattedValue}</p>`;
+                };
+
+                return `
                 <div class="card mb-3">
                     <div class="card-body">
                         <div class="d-flex justify-content-between align-items-start">
@@ -264,13 +272,18 @@
                             </div>
                         </div>
                         <div class="card-text">
-                            <p><strong>Nummer:</strong> ${customer.nummer}</p>
-                            <p><strong>Adresse:</strong> ${customer.strasse}, ${customer.plz} ${customer.ort}</p>
-                            <p><strong>Telefon:</strong> ${createPhoneLink(customer.telefon)}</p>
-                            <p><strong>Mobil:</strong> ${createPhoneLink(customer.mobil)}</p>
-                            <p><strong>E-Mail:</strong> ${createEmailLink(customer.email)}</p>
-                            <p><strong>Fachrichtung:</strong> ${customer.fachrichtung}</p>
-                            <p><strong>Tag:</strong> ${customer.tag}</p>
+                            ${createFieldIfValue('Nummer', customer.nummer)}
+                            ${createFieldIfValue('Adresse', (customer.strasse && customer.plz && customer.ort) ? true : false, 
+                                () => createAddressLink(customer.strasse, customer.plz, customer.ort))}
+                            ${createFieldIfValue('Telefon', customer.telefon, createPhoneLink)}
+                            ${createFieldIfValue('Mobil', customer.mobil, createPhoneLink)}
+                            ${createFieldIfValue('Handy', customer.handy, createPhoneLink)}
+                            ${createFieldIfValue('Telefon Firma', customer.tele_firma, createPhoneLink)}
+                            ${createFieldIfValue('E-Mail', customer.email, createEmailLink)}
+                            ${createFieldIfValue('Fachrichtung', customer.fachrichtung)}
+                            ${createFieldIfValue('Kontakt 1', customer.kontakt1, createPhoneLink)}
+                            ${createFieldIfValue('Kontakt 2', customer.kontakt2, createPhoneLink)}
+                            ${createFieldIfValue('Kontakt 3', customer.kontakt3, createPhoneLink)}
                             ${customer.tags && customer.tags.length > 0 ? `
                                 <p><strong>Tags:</strong> 
                                     ${customer.tags.map(tag => `<span class="badge bg-primary me-1">${tag}</span>`).join('')}
@@ -279,7 +292,7 @@
                         </div>
                     </div>
                 </div>
-            `).join('');
+            `}).join('');
             
             resultsDiv.innerHTML = resultsList;
         }
@@ -310,12 +323,18 @@
 
             // Führe die Suche durch
             fetch('/search?' + params.toString())
-                .then(response => response.json())
+                .then(response => {
+                    if (!response.ok) {
+                        throw new Error('Netzwerk-Antwort war nicht ok');
+                    }
+                    return response.json();
+                })
                 .then(data => {
                     // Verstecke das Lade-Icon
                     document.getElementById('loading').style.display = 'none';
                     
                     if (data.error) {
+                        console.error('Fehler bei der Suche:', data.error);
                         return;
                     }
                     
@@ -325,6 +344,8 @@
                 })
                 .catch(error => {
                     document.getElementById('loading').style.display = 'none';
+                    console.error('Fehler bei der Suche:', error);
+                    document.getElementById('results').innerHTML = '<p>Ein Fehler ist aufgetreten. Bitte versuchen Sie es später erneut.</p>';
                 });
         }