115 lines
5.9 KiB
HTML
115 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<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>
|
|
<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://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">
|
|
</head>
|
|
<body>
|
|
<div class="main-content">
|
|
<div class="container">
|
|
<div class="text-center mb-4">
|
|
<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="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-field">
|
|
<div class="input-group">
|
|
<input type="text" id="nameInput" class="form-control" placeholder="Name" oninput="searchCustomers()">
|
|
<i class="fas fa-times reset-icon" onclick="clearInput('nameInput')"></i>
|
|
<i class="fas fa-search search-icon"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="search-field">
|
|
<div class="input-group">
|
|
<input type="text" id="ortInput" class="form-control" placeholder="Ort" oninput="searchCustomers()">
|
|
<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 id="loading" class="loading">
|
|
<div class="spinner-border text-primary" role="status">
|
|
<span class="visually-hidden">Laden...</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="results"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="shareFeedback" class="share-feedback">
|
|
Link in die Zwischenablage kopiert!
|
|
</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>
|
|
</body>
|
|
</html> |