Füge Suchfunktionalität für PC-Namen in der Geräte-Tabelle hinzu

This commit is contained in:
2025-08-21 13:47:47 +02:00
parent 47f8903fa2
commit 0f317d4c9e
2 changed files with 100 additions and 8 deletions

View File

@ -64,6 +64,27 @@
</h5>
</div>
<div class="card-body">
<!-- Suchfeld -->
<div class="row mb-3">
<div class="col-md-6">
<div class="input-group">
<span class="input-group-text">
<i class="fas fa-search"></i>
</span>
<input type="text" class="form-control" id="searchInput"
placeholder="PC-Namen suchen..."
aria-label="PC-Namen suchen">
<button class="btn btn-outline-secondary" type="button" id="clearSearchBtn"
style="display: none;">
<i class="fas fa-times"></i>
</button>
</div>
</div>
<div class="col-md-6 text-end">
<span class="badge bg-primary" id="resultCount">0 PCs gefunden</span>
</div>
</div>
<div id="pcList" class="table-responsive">
<table class="table table-hover">
<thead>
@ -83,6 +104,10 @@
<i class="fas fa-info-circle fa-2x mb-2"></i>
<p>Noch keine PCs hinzugefügt.</p>
</div>
<div id="noSearchResults" class="text-center text-muted" style="display: none;">
<i class="fas fa-search fa-2x mb-2"></i>
<p>Keine PCs gefunden, die "<span id="searchTerm"></span>" enthalten.</p>
</div>
</div>
</div>
</div>