160 lines
7.7 KiB
HTML
160 lines
7.7 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 }}">
|
|
<!--
|
|
medisoftware Kundensuche
|
|
Version: {{ version }}
|
|
Entwickler: medisoftware GmbH
|
|
Letzte Änderung: 2024-03-19
|
|
-->
|
|
<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">
|
|
<style>
|
|
/*
|
|
Inline-Styles für spezifische Anpassungen
|
|
Diese Styles sind nur für diese Seite gültig
|
|
*/
|
|
.logo {
|
|
width: 200px;
|
|
height: auto;
|
|
margin: 0 auto;
|
|
display: block;
|
|
}
|
|
</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="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>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html> |