elpatron/medi-customers
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Logo im oberen Bereich der App zentriert hinzugefügt

Browse Source
This commit is contained in:
elpatron
2025-03-18 09:08:53 +01:00
parent 1f493e0a37
commit e6638b737d
1 changed files with 49 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
templates/index.html
View File

@@ -187,56 +187,61 @@
</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="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 class="input-group mb-4 position-relative">
<input type="text" id="searchInput" class="form-control form-control-lg"
placeholder="Allgemeine Suche...">
<i class="fa-solid fa-xmark reset-icon" id="searchReset"></i>
<span class="search-icon">🔍</span>
</div> </div>
<div class="search-container">
<h1 class="text-center mb-4">medisoftware Kundensuche</h1>
<div class="search-fields"> <div class="input-group mb-4 position-relative">
<div class="search-field"> <input type="text" id="searchInput" class="form-control form-control-lg"
<input type="text" id="nameInput" class="form-control" placeholder="Allgemeine Suche...">
placeholder="Name..."> <i class="fa-solid fa-xmark reset-icon" id="searchReset"></i>
<i class="fa-solid fa-xmark reset-icon" id="nameReset"></i> <span class="search-icon">🔍</span>
</div> </div>
<div class="search-field">
<input type="text" id="ortInput" class="form-control"
placeholder="Ort...">
<i class="fa-solid fa-xmark reset-icon" id="ortReset"></i>
</div>
<div class="search-field">
<input type="text" id="kundennummerInput" class="form-control"
placeholder="Kundennummer...">
<i class="fa-solid fa-xmark reset-icon" id="kundennummerReset"></i>
</div>
<div class="search-field">
<input type="text" id="fachrichtungInput" class="form-control"
placeholder="Fachrichtung...">
<i class="fa-solid fa-xmark reset-icon" id="fachrichtungReset"></i>
</div>
<div class="search-field">
<input type="text" id="telefonInput" class="form-control"
placeholder="Telefon...">
<i class="fa-solid fa-xmark reset-icon" id="telefonReset"></i>
</div>
</div>
<div class="result-counts"> <div class="search-fields">
<span id="generalCount" class="result-count"></span> <div class="search-field">
</div> <input type="text" id="nameInput" class="form-control"
placeholder="Name...">
<div id="loading" class="loading"> <i class="fa-solid fa-xmark reset-icon" id="nameReset"></i>
<div class="spinner-border text-primary" role="status"> </div>
<span class="visually-hidden">Laden...</span> <div class="search-field">
<input type="text" id="ortInput" class="form-control"
placeholder="Ort...">
<i class="fa-solid fa-xmark reset-icon" id="ortReset"></i>
</div>
<div class="search-field">
<input type="text" id="kundennummerInput" class="form-control"
placeholder="Kundennummer...">
<i class="fa-solid fa-xmark reset-icon" id="kundennummerReset"></i>
</div>
<div class="search-field">
<input type="text" id="fachrichtungInput" class="form-control"
placeholder="Fachrichtung...">
<i class="fa-solid fa-xmark reset-icon" id="fachrichtungReset"></i>
</div>
<div class="search-field">
<input type="text" id="telefonInput" class="form-control"
placeholder="Telefon...">
<i class="fa-solid fa-xmark reset-icon" id="telefonReset"></i>
</div>
</div> </div>
</div>
<div id="results" class="mt-4"> <div class="result-counts">
<!-- Hier werden die Suchergebnisse angezeigt --> <span id="generalCount" class="result-count"></span>
</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" class="mt-4">
<!-- Hier werden die Suchergebnisse angezeigt -->
</div>
</div> </div>
</div> </div>
</div> </div>