rirat-0
116 lines
5.0 KiB
PHP
116 lines
5.0 KiB
PHP
<?php
|
|
session_start();
|
|
|
|
$results = $_SESSION["search_results"] ?? [];
|
|
$query = $_SESSION["search_query"] ?? "";
|
|
$resultCount = count($results);
|
|
|
|
?>
|
|
<!--
|
|
Seite: Suchergebnisse
|
|
Inhalt: Zeigt die Ergebnisse einer Suche an
|
|
-->
|
|
<div class="s-res-layout-grid">
|
|
|
|
<!-- Links: Seitenleiste für Filter und Suche -->
|
|
<aside class="s-res-sidebar">
|
|
|
|
|
|
<!-- Sortierfuntion Box -->
|
|
<form action="php/controller/search-results-controller.php" method="GET" class="s-res-sidebar-form">
|
|
|
|
<div class="s-res-sidebar-box">
|
|
<h3 class="s-res-sidebar-title">Suche anpassen</h3>
|
|
<input type="search" id="site-search" name="q" placeholder="Suchen..." class="nav__search" value="<?php echo htmlspecialchars($query); ?>" required>
|
|
<button type="submit" class="nav__search-button">Suchen</button>
|
|
</div>
|
|
|
|
<div class="s-res-sidebar-box">
|
|
<h3 class="s-res-sidebar-title">Sortierung</h3>
|
|
<?php $currentSort = $_SESSION['search_sort'] ?? 'alphabet'; ?>
|
|
<div class="s-res-filter-group">
|
|
<label class="s-res-filter-option">
|
|
<input type="radio" name="sort" value="alphabet" <?php echo $currentSort === 'alphabet' ? 'checked' : ''; ?> onchange="this.form.submit()">
|
|
<span>Alphabetisch</span>
|
|
</label>
|
|
<label class="s-res-filter-option">
|
|
<input type="radio" name="sort" value="likes" <?php echo $currentSort === 'likes' ? 'checked' : ''; ?> disabled>
|
|
<span style="color: #94a3b8;">Beliebtheit (Likes)</span>
|
|
</label>
|
|
<label class="s-res-filter-option">
|
|
<input type="radio" name="sort" value="newest" <?php echo $currentSort === 'newest' ? 'checked' : ''; ?> onchange="this.form.submit()">
|
|
<span>Neueste Beiträge</span>
|
|
</label>
|
|
<label class="s-res-filter-option">
|
|
<input type="radio" name="sort" value="oldest" <?php echo $currentSort === 'oldest' ? 'checked' : ''; ?> onchange="this.form.submit()">
|
|
<span>Älteste Beiträge</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</aside>
|
|
|
|
<main class="s-res-main-content">
|
|
|
|
<div class="s-res-header">
|
|
<h1 class="s-res-main-title">Suchergebnisse</h1>
|
|
<p class="s-res-meta"><?php echo $resultCount; ?> Treffer für Ihre Suchanfrage "<?php echo htmlspecialchars($query); ?>"</p>
|
|
</div>
|
|
|
|
<!-- Ergebnisliste -->
|
|
<div class="s-res-list">
|
|
<?php
|
|
if (!empty($results)): ?>
|
|
|
|
<?php foreach ($results as $item): ?>
|
|
<div class="s-res-item">
|
|
<div class="s-res-content">
|
|
<h2 class="s-res-item-title">
|
|
<a href="index.php?pfad=showArticle&id=<?php echo $item['id']; ?>" class="s-res-link">
|
|
<?php echo htmlspecialchars($item['title']); ?>
|
|
</a>
|
|
</h2>
|
|
<p class="s-res-author">Von: <span class="s-res-author-name"><?php echo htmlspecialchars($item['author']); ?></span></p>
|
|
</div>
|
|
<div class="s-res-arrow">→</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
|
|
<?php
|
|
elseif (isset($_SESSION["search_query"]) && $_SESSION["search_query"] !== "" && $resultCount === 0): ?>
|
|
<p>Keine Beiträge zu diesem Suchbegriff gefunden.</p>
|
|
<?php
|
|
elseif (isset($_SESSION["message"]) && $_SESSION["message"] == "missing_parameters"): ?>
|
|
<p>Bitte überprüfe deine Sucheingabe und versuche es erneut!</p>
|
|
|
|
<?php endif; ?>
|
|
<?php
|
|
unset($_SESSION["message"]);
|
|
?>
|
|
|
|
</div>
|
|
<div class="s-res-pagination-footer">
|
|
|
|
<!-- Auswahl der Ergebnisse pro Seite -->
|
|
<div class="s-res-limit-selector">
|
|
<label for="s-res-per-page" class="s-res-limit-label">Ergebnisse pro Seite:</label>
|
|
<select id="s-res-per-page" name="limit" class="s-res-limit-select">
|
|
<option value="10" selected>10</option>
|
|
<option value="20">20</option>
|
|
<option value="50">50</option>
|
|
<option value="100">100</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="s-res-page-navigation">
|
|
<button type="button" class="s-res-page-btn" disabled>«</button>
|
|
<button type="button" class="s-res-page-btn s-res-page-btn-active">1</button>
|
|
<button type="button" class="s-res-page-btn">»</button>
|
|
</div>
|
|
|
|
</div>
|
|
</main>
|
|
|
|
</div>
|