Update search-results.php

search-results.js
revert
2026-07-18 15:19:27 +02:00 · 2026-07-18 15:05:22 +02:00 · 2026-07-18 15:00:54 +02:00 · 2026-07-18 14:52:26 +02:00 · 2026-07-18 14:34:30 +02:00 · 2026-07-18 14:30:54 +02:00
18 changed files with 682 additions and 1251 deletions
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="dataSourceStorageLocal" created-in="IU-253.32098.101">
+  <component name="dataSourceStorageLocal" created-in="IU-261.25134.95">
    <data-source name="articles" uuid="315cb5c9-2b0f-435b-b602-59823b160908">
      <database-info product="SQLite" version="3.51.1" jdbc-version="4.2" driver-name="SQLite JDBC" driver-version="3.51.1.0" dbms="SQLITE" exact-version="3.51.1" exact-driver-version="3.51">
        <identifier-quote-string>&quot;</identifier-quote-string>
@@ -36,9 +36,6 @@
 - JavaScript wird verwendet, um im erweitertem Beitragseditor clientseitig einzelne Content-Boxen erstellen und löschen 
  zu können. 
 - JavaScript wird ebenfalls verwendet, um in die Suchergebnisse clientseitig zu sortieren. 
- Die Kommentarfunktion ist zusätzlich auch ohne JavaScript nutzbar. Kommentare und Antworten können auch ohne JavaScript erstellt werden. 
- Eigene Kommentare und Antworten können bearbeitet und gelöscht werden. Die Bearbeitung und das Löschen funktionieren ebenfalls ohne JavaScript über normale Formulare und serverseitige Verarbeitung.
-

 ## Sonstiges
 - Das Datenschema befindet sich unter /planung/Datenschema.pdf
@@ -4,18 +4,48 @@ if (session_status() === PHP_SESSION_NONE) {
 }

 $all_results = $_SESSION["search_results"] ?? [];
-$query = $_SESSION["search_query"] ?? "";
-$totalResultsCount = count($all_results);
+$query       = $_SESSION["search_query"] ?? "";
+
+// ---------------------------------------------------------------
+// Parameter aus der URL lesen & validieren
+// ---------------------------------------------------------------
+$allowedCategories = [
+        'all', 'Deutsch', 'Englisch', 'Franzoesisch', 'Latein', 'Literatur',
+        'Mathematik', 'Biologie', 'Informatik', 'Chemie', 'Physik', 'Astronomie',
+        'Geschichte', 'Erdkunde', 'Sozialkunde', 'Wirtschaftskunde', 'Religion',
+        'Ethikunterricht', 'Philosophie', 'Psychologie', 'Kunst', 'Musik',
+        'Theater', 'Technik', 'Werken', 'Hauswirtschaft', 'Sport',
+];
+
+$category = $_GET['category'] ?? 'all';
+if (!in_array($category, $allowedCategories, true)) {
+    $category = 'all';
+}

 $limit = isset($_GET['limit']) ? (int)$_GET['limit'] : 10;
-if (!in_array($limit, [10, 20, 50, 100])) {
+if (!in_array($limit, [10, 20, 50, 100], true)) {
    $limit = 10;
 }

-// Gesamtseitenzahl
-$totalPages = max(1, ceil($totalResultsCount / $limit));
+$currentSort = $_SESSION['search_sort'] ?? 'alphabet';
+
+// ---------------------------------------------------------------
+// Diese Berechnung ist der Server-seitige Fallback für Nutzer ohne
+// JavaScript. Sobald JS aktiv ist, übernimmt js/search-results.js
+// Filterung, Sortierung und Pagination komplett im Browser (auf
+// Basis des unten eingebetteten JSON-Datensatzes) und überschreibt
+// diese Ausgabe live, ohne dass eine neue Seite geladen wird.
+// ---------------------------------------------------------------
+$filteredResults = $all_results;
+if ($category !== 'all') {
+    $filteredResults = array_values(array_filter($filteredResults, function ($item) use ($category) {
+        return ($item['category'] ?? '') === $category;
+    }));
+}
+
+$totalResultsCount = count($filteredResults);
+$totalPages = max(1, (int)ceil($totalResultsCount / $limit));

-// Aktuelle Seite auslesen und validieren
 $currentPage = isset($_GET['page']) ? (int)$_GET['page'] : 1;
 if ($currentPage < 1) {
    $currentPage = 1;
@@ -23,42 +53,68 @@ if ($currentPage < 1) {
    $currentPage = $totalPages;
 }

-// Startpunkt im Array berechnen (Offset)
-$offset = ($currentPage - 1) * $limit;
-
-// Nur die Ergebnisse für die aktuelle Seite ausschneiden
-//$results = array_slice($all_results, $offset, $limit);
-$results = $all_results;
+$offset  = ($currentPage - 1) * $limit;
+$results = array_slice($filteredResults, $offset, $limit);
 $resultCount = count($results);

+// Hilfsfunktion, um Pagination-Links zu bauen, die alle aktuellen
+// Parameter (q, sort, limit, category) beibehalten.
+function buildPageUrl(int $page, string $query, string $sort, int $limit, string $category): string
+{
+    $params = [
+            'pfad'     => 'search-results',
+            'q'        => $query,
+            'sort'     => $sort,
+            'limit'    => $limit,
+            'category' => $category,
+            'page'     => $page,
+    ];
+    return 'index.php?' . http_build_query($params);
+}
+
+// ---------------------------------------------------------------
+// JSON-Datensatz für die clientseitige Aufbereitung (Filter,
+// Sortierung, Pagination) durch js/search-results.js. Enthält ALLE
+// Treffer der Suche (unabhängig von Kategorie/Sortierung/Seite),
+// damit im Browser ohne weitere Serveranfragen gearbeitet werden kann.
+// ---------------------------------------------------------------
+$jsonItems = array_map(function ($item) {
+    $likes = isset($item['likes']) && is_array($item['likes']) ? count($item['likes']) : ($item['likes'] ?? 0);
+    return [
+            'id'          => $item['id'] ?? null,
+            'title'       => $item['title'] ?? '',
+            'author'      => $item['author'] ?? '',
+            'category'    => $item['category'] ?? '',
+            'likes'       => $likes,
+            'creationDate'=> $item['creationDate'] ?? '',
+    ];
+}, $all_results);
 ?>
 <noscript>
-    Bitte JavaScript aktivieren!
+    Bitte JavaScript aktivieren, um die volle Funktionalität (Live-Filterung ohne Neuladen) zu nutzen. Die Seite funktioniert auch ohne JavaScript – Sortierung, Filterung und Seitenwechsel erfolgen dann über die Formular- bzw. Link-Auswahl.
 </noscript>
 <!--
-    Seite: Suchergebnisse
-    Inhalt: Zeigt die Ergebnisse einer Suche an
+ Seite: Suchergebnisse
+ Inhalt: Zeigt die Ergebnisse einer Suche an
 -->
 <div class="s-res-layout-grid">
-    <?php include_once "includes/alertMessages.php"?>
-
+    <?php include_once "includes/alertMessages.php" ?>
    <!-- Links: Seitenleiste für Filter und Suche -->
    <aside class="s-res-sidebar">
+        <!-- Sortierfuntion Box und Such Box -->
+        <form action="php/controller/search-results-controller.php" method="GET" id="searchform-id" class="s-res-sidebar-form">

-    <!-- Sortierfuntion Box und Such Box-->
-        <form action="php/controller/search-results-controller.php" method="GET" id="search-form-id" class="s-res-sidebar-form">
-            
-            <input type="hidden" id="s-res-page-input" name="page" value="<?php echo $_GET['page'] ?? 1; ?>">
+            <input type="hidden" id="s-res-page-input" name="page" value="<?php echo (int)$currentPage; ?>">

            <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); ?>" maxlength="50" required>
+                <input type="search" id="site-search" name="q" placeholder="Suchen..."
+                       class="nav__search" value="<?php echo htmlspecialchars($query); ?>" maxlength="50" 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" class="sort-radio" <?php echo $currentSort === 'alphabet' ? 'checked' : ''; ?>>
@@ -81,57 +137,38 @@ $resultCount = count($results);

            <div class="s-res-sidebar-box">
                <h3 class="s-res-sidebar-title">Kategorie filtern</h3>
-                <select id="category-filter" class="s-res-limit-select" style="width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #cbd5e1;">
-                    <option value="all">Alle Kategorien</option>
-                    <option value="Deutsch">Deutsch</option>
-                    <option value="Englisch">Englisch</option>
-                    <option value="Franzoesisch">Französisch</option>
-                    <option value="Latein">Latein</option>
-                    <option value="Literatur">Literatur</option>
-                    <option value="Mathematik">Mathematik</option>
-                    <option value="Biologie">Biologie</option>
-                    <option value="Informatik">Informatik</option>
-                    <option value="Chemie">Chemie</option>
-                    <option value="Physik">Physik</option>
-                    <option value="Astronomie">Astronomie</option>
-                    <option value="Geschichte">Geschichte</option>
-                    <option value="Erdkunde">Erdkunde</option>
-                    <option value="Sozialkunde">Sozialkunde</option>
-                    <option value="Wirtschaftskunde">Wirtschaftskunde</option>
-                    <option value="Religion">Religion</option>
-                    <option value="Ethikunterricht">Ethikunterricht</option>
-                    <option value="Philosophie">Philosophie</option>
-                    <option value="Psychologie">Psychologie</option>
-                    <option value="Kunst">Kunst</option>
-                    <option value="Musik">Musik</option>
-                    <option value="Theater">Theater</option>
-                    <option value="Technik">Technik</option>
-                    <option value="Werken">Werken</option>
-                    <option value="Hauswirtschaft">Hauswirtschaft</option>
-                    <option value="Sport">Sport</option>
+                <select id="category-filter" name="category" class="s-res-limit-select" style="width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #cbd5e1;">
+                    <?php foreach ($allowedCategories as $catValue):
+                        $label = $catValue === 'all' ? 'Alle Kategorien' : ($catValue === 'Franzoesisch' ? 'Französisch' : $catValue);
+                        ?>
+                        <option value="<?php echo htmlspecialchars($catValue); ?>" <?php echo $category === $catValue ? 'selected' : ''; ?>>
+                            <?php echo htmlspecialchars($label); ?>
+                        </option>
+                    <?php endforeach; ?>
                </select>
            </div>

+            <!-- Für Nutzer ohne JavaScript: expliziter Button, um Sortierung/Kategorie anzuwenden -->
+            <noscript>
+                <button type="submit" class="nav__search-button">Filter anwenden</button>
+            </noscript>
        </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 $totalResultsCount; ?> Treffer für Ihre Suchanfrage "<?php echo htmlspecialchars($query); ?>"</p>
+            <p class="s-res-meta" data-query="<?php echo htmlspecialchars($query); ?>">
+                <?php echo $totalResultsCount; ?> Treffer für Ihre Suchanfrage "<?php echo htmlspecialchars($query); ?>"
+            </p>
        </div>

-        <!-- Ergebnisliste -->
+        <!-- Ergebnisliste: serverseitig gerendert (No-JS-Fallback). Wird bei aktivem JS durch js/search-results.js live ersetzt. -->
        <div class="s-res-list">
-            <?php 
-            if (!empty($results)): ?>
-    
-                <?php foreach ($results as $item): 
-                    // Anzahl der Likes ermitteln (falls es ein Array ist, zählen; falls Zahl, direkt nutzen)
+            <?php if (!empty($results)): ?>
+                <?php foreach ($results as $item):
                    $likesCount = isset($item['likes']) && is_array($item['likes']) ? count($item['likes']) : ($item['likes'] ?? 0);
-                ?>
+                    ?>
                    <div class="s-res-item" data-likes="<?php echo $likesCount; ?>" data-category="<?php echo strtolower($item['category'] ?? ''); ?>">
                        <div class="s-res-content">
                            <h2 class="s-res-item-title">
@@ -141,35 +178,25 @@ $resultCount = count($results);
                            </h2>
                            <div class="s-res-meta-row">
                                <p class="s-res-author">Von: <span class="s-res-author-name"><?php echo htmlspecialchars($item['author']); ?></span></p>
-
-                                <span class="s-res-likes">
-                                    ❤️ <?php echo $likesCount; ?>
-                                </span>
+                                <span class="s-res-likes"> ❤️ <?php echo $likesCount; ?></span>
                            </div>
                        </div>
                        <div class="s-res-arrow">&rarr;</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"] == "invalid_search_query"): ?>
+            <?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"] == "invalid_search_query"): ?>
                <p>Unzulässige Suchanfrage</p>
-                
            <?php endif; ?>
-            <?php
-            unset($_SESSION["message"]);
-            ?>
-
+            <?php unset($_SESSION["message"]); ?>
        </div>
-        <div class="s-res-pagination-footer">

+        <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">
+                <select id="s-res-per-page" name="limit" form="searchform-id" class="s-res-limit-select">
                    <option value="10" <?php echo $limit === 10 ? 'selected' : ''; ?>>10</option>
                    <option value="20" <?php echo $limit === 20 ? 'selected' : ''; ?>>20</option>
                    <option value="50" <?php echo $limit === 50 ? 'selected' : ''; ?>>50</option>
@@ -177,15 +204,29 @@ $resultCount = count($results);
                </select>
            </div>

+            <!-- No-JS-Fallback: echte Links, die serverseitig neu paginieren -->
            <div class="s-res-page-navigation">
-                <button type="button" class="s-res-page-btn" id="prev-page-btn" data-page="0">«</button>
-                
-                <span id="dynamic-page-numbers"></span>
-                
-                <button type="button" class="s-res-page-btn" id="next-page-btn" data-page="2">»</button>
-            </div>
+                <?php if ($currentPage > 1): ?>
+                    <a class="s-res-page-btn" href="<?php echo htmlspecialchars(buildPageUrl($currentPage - 1, $query, $currentSort, $limit, $category)); ?>">&laquo;</a>
+                <?php else: ?>
+                    <span class="s-res-page-btn" aria-disabled="true">&laquo;</span>
+                <?php endif; ?>

+                <span id="dynamic-page-numbers">Seite <?php echo $currentPage; ?> von <?php echo $totalPages; ?></span>
+
+                <?php if ($currentPage < $totalPages): ?>
+                    <a class="s-res-page-btn" href="<?php echo htmlspecialchars(buildPageUrl($currentPage + 1, $query, $currentSort, $limit, $category)); ?>">&raquo;</a>
+                <?php else: ?>
+                    <span class="s-res-page-btn" aria-disabled="true">&raquo;</span>
+                <?php endif; ?>
+            </div>
        </div>
    </main>
-
 </div>
+
+<!-- Vollständiger, ungefilterter Ergebnis-Datensatz für die clientseitige
+     Filterung/Sortierung/Pagination (siehe js/search-results.js).
+     JSON_HEX_* verhindert das Ausbrechen aus dem <script>-Tag bzw. XSS. -->
+<script type="application/json" id="s-res-data">
+<?php echo json_encode($jsonItems, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP); ?>
+</script>
@@ -5,34 +5,6 @@ $repliesByParent = [];
 $articleObj = null;

 include_once 'php/controller/showArticle-controller.php';
-/*
- * Ermittelt, ob ohne JavaScript auf einen Kommentar
- * geantwortet werden soll.
- */
-$replyTo = filter_input(
-        INPUT_GET,
-        "reply_to",
-        FILTER_VALIDATE_INT
-);
-
-$replyAuthor = null;
-
-if ($replyTo !== false && $replyTo !== null) {
-    foreach ($mainComments as $mainComment) {
-        if ($mainComment->getId() === $replyTo) {
-            $replyAuthor = $mainComment->getAuthor();
-            break;
-        }
-    }
-}
-
-/*
- * Eine Antwort darf nur auf einen existierenden
- * Hauptkommentar geschrieben werden.
- */
-if ($replyAuthor === null) {
-    $replyTo = null;
-}
 ?>
 <!--
     Seite: Anzeige für Beiträge
@@ -45,6 +17,8 @@ if ($replyAuthor === null) {
    <!-- Metadaten & Titel -->
    <div class="article-view-top-section">

+        <div class="article-view-top-section">
+
            <div class="category-and-likes-row">
                <?php if (isset($category) && !empty($category)): ?>
                    <span class="article-view-category"><?php echo htmlspecialchars($category); ?></span>
@@ -132,268 +106,39 @@ if ($replyAuthor === null) {
        </div>
    <?php endif; ?>

-    <section class="article-comments-section" id="comments">
+    <section class="article-comments-section">
        <h2>Kommentare</h2>

-        <?php if (isset($_SESSION["comment_message"])): ?>
-            <div class="alert-message <?php
-            echo ($_SESSION["comment_message_type"] ?? "") === "success"
-                    ? "is-success"
-                    : "is-error";
-            ?>">
-                <?php echo htmlspecialchars($_SESSION["comment_message"]); ?>
-            </div>
-
-            <?php
-            unset($_SESSION["comment_message"]);
-            unset($_SESSION["comment_message_type"]);
-            ?>
-        <?php endif; ?>
-
        <div id="comments-list">
            <?php if (!empty($mainComments)): ?>
                <?php foreach ($mainComments as $comment): ?>
-                    <div class="comment-item"
-                         data-comment-id="<?php echo htmlspecialchars(
-                                 (string) $comment->getId()
-                         ); ?>">
+                    <div class="comment-item" data-comment-id="<?php echo htmlspecialchars($comment->getId()); ?>">
+                        <p>
+                            <strong><?php echo htmlspecialchars($comment->getAuthor()); ?></strong>
+                            <span><?php echo htmlspecialchars($comment->getCreated()); ?></span>
+                        </p>

-                        <?php
-                        $isDeleted = $comment->getContent()
-                                === "Dieser Kommentar wurde gelöscht.";
-                        ?>
-
-                        <?php if ($isDeleted): ?>
-
-                            <p class="deleted-comment">
-                                Dieser Kommentar wurde gelöscht.
-                            </p>
-
-                        <?php else: ?>
-
-                            <p>
-                                <strong>
-                                    <?php echo htmlspecialchars($comment->getAuthor()); ?>
-                                </strong>
-
-                                <span>
-                <?php echo htmlspecialchars($comment->getCreated()); ?>
-            </span>
-                            </p>
-
-                            <p>
-                                <?php
-                                echo nl2br(
-                                        htmlspecialchars($comment->getContent())
-                                );
-                                ?>
-                            </p>
-
-                            <?php if (
-                                    isset($_SESSION["user_email"])
-                                    && $_SESSION["user_email"] === $comment->getAuthor()
-                            ): ?>
-                                <details class="edit-comment-details">
-                                    <summary class="edit-comment-button">
-                                        Kommentar bearbeiten
-                                    </summary>
-
-                                    <form method="post"
-                                          action="index.php?pfad=updateComment"
-                                          class="edit-comment-form">
-
-                                        <input type="hidden"
-                                               name="comment_id"
-                                               value="<?php echo htmlspecialchars(
-                                                       (string) $comment->getId()
-                                               ); ?>">
-
-                                        <input type="hidden"
-                                               name="article_id"
-                                               value="<?php echo htmlspecialchars(
-                                                       (string) $comment->getArticleId()
-                                               ); ?>">
-
-                                        <label for="edit-comment-<?php
-                                        echo htmlspecialchars((string) $comment->getId());
-                                        ?>">
-                                            Kommentar bearbeiten
-                                        </label>
-
-                                        <textarea
-                                                id="edit-comment-<?php
-                                                echo htmlspecialchars((string) $comment->getId());
-                                                ?>"
-                                                name="content"
-                                                required><?php echo htmlspecialchars(
-                                                    $comment->getContent()
-                                            ); ?></textarea>
-
-                                        <button type="submit" class="button">
-                                            Änderungen speichern
-                                        </button>
-                                    </form>
-                                </details>
-
-                                <form method="post"
-                                      action="index.php?pfad=deleteComment"
-                                      class="delete-comment-form">
-
-                                    <input type="hidden"
-                                           name="comment_id"
-                                           value="<?php echo htmlspecialchars(
-                                                   (string) $comment->getId()
-                                           ); ?>">
-
-                                    <input type="hidden"
-                                           name="article_id"
-                                           value="<?php echo htmlspecialchars(
-                                                   (string) $comment->getArticleId()
-                                           ); ?>">
-
-                                    <button type="submit"
-                                            class="delete-comment-button"
-                                            onclick="return confirm('Möchtest du diesen Kommentar wirklich löschen?');">
-                                        Kommentar löschen
-                                    </button>
-                                </form>
-
-                            <?php endif; ?>
-
-                            <?php if (isset($_SESSION["user_email"])): ?>
-
-                                <a href="index.php?pfad=<?php
-                                echo urlencode($_GET["pfad"] ?? "showArticle");
-                                ?>&id=<?php
-                                echo urlencode((string) $comment->getArticleId());
-                                ?>&reply_to=<?php
-                                echo urlencode((string) $comment->getId());
-                                ?>#comment-form"
-                                   class="reply-button"
-                                   data-comment-id="<?php echo htmlspecialchars(
-                                           (string) $comment->getId()
-                                   ); ?>"
-                                   data-author="<?php echo htmlspecialchars(
-                                           $comment->getAuthor()
-                                   ); ?>">
-
-                                    Antworten
-                                </a>
-
-                            <?php endif; ?>
+                        <p><?php echo nl2br(htmlspecialchars($comment->getContent())); ?></p>

+                        <?php if (isset($_SESSION["user_email"])): ?>
+                            <button type="button"
+                                    class="reply-button"
+                                    data-comment-id="<?php echo htmlspecialchars($comment->getId()); ?>"
+                                    data-author="<?php echo htmlspecialchars($comment->getAuthor()); ?>">
+                                Antworten
+                            </button>
                        <?php endif; ?>

                        <div class="comment-replies">
                            <?php if (isset($repliesByParent[$comment->getId()])): ?>
                                <?php foreach ($repliesByParent[$comment->getId()] as $reply): ?>
                                    <div class="comment-item comment-reply">
+                                        <p>
+                                            <strong><?php echo htmlspecialchars($reply->getAuthor()); ?></strong>
+                                            <span><?php echo htmlspecialchars($reply->getCreated()); ?></span>
+                                        </p>

-                                        <?php
-                                        $isReplyDeleted = $reply->getContent()
-                                                === "Dieser Kommentar wurde gelöscht.";
-                                        ?>
-
-                                        <?php if ($isReplyDeleted): ?>
-
-                                            <p class="deleted-comment">
-                                                Dieser Kommentar wurde gelöscht.
-                                            </p>
-
-                                        <?php else: ?>
-
-                                            <p>
-                                                <strong>
-                                                    <?php echo htmlspecialchars($reply->getAuthor()); ?>
-                                                </strong>
-
-                                                <span>
-                    <?php echo htmlspecialchars($reply->getCreated()); ?>
-                </span>
-                                            </p>
-
-                                            <p>
-                                                <?php
-                                                echo nl2br(
-                                                        htmlspecialchars($reply->getContent())
-                                                );
-                                                ?>
-                                            </p>
-
-                                            <?php if (
-                                                    isset($_SESSION["user_email"])
-                                                    && $_SESSION["user_email"] === $reply->getAuthor()
-                                            ): ?>
-
-                                                <details class="edit-comment-details">
-                                                    <summary class="edit-comment-button">
-                                                        Antwort bearbeiten
-                                                    </summary>
-
-                                                    <form method="post"
-                                                          action="index.php?pfad=updateComment"
-                                                          class="edit-comment-form">
-
-                                                        <input type="hidden"
-                                                               name="comment_id"
-                                                               value="<?php echo htmlspecialchars(
-                                                                       (string) $reply->getId()
-                                                               ); ?>">
-
-                                                        <input type="hidden"
-                                                               name="article_id"
-                                                               value="<?php echo htmlspecialchars(
-                                                                       (string) $reply->getArticleId()
-                                                               ); ?>">
-
-                                                        <label for="edit-reply-<?php
-                                                        echo htmlspecialchars((string) $reply->getId());
-                                                        ?>">
-                                                            Antwort bearbeiten
-                                                        </label>
-
-                                                        <textarea
-                                                                id="edit-reply-<?php
-                                                                echo htmlspecialchars((string) $reply->getId());
-                                                                ?>"
-                                                                name="content"
-                                                                required><?php echo htmlspecialchars(
-                                                                    $reply->getContent()
-                                                            ); ?></textarea>
-
-                                                        <button type="submit" class="button">
-                                                            Änderungen speichern
-                                                        </button>
-                                                    </form>
-                                                </details>
-
-                                                <form method="post"
-                                                      action="index.php?pfad=deleteComment"
-                                                      class="delete-comment-form">
-
-                                                    <input type="hidden"
-                                                           name="comment_id"
-                                                           value="<?php echo htmlspecialchars(
-                                                                   (string) $reply->getId()
-                                                           ); ?>">
-
-                                                    <input type="hidden"
-                                                           name="article_id"
-                                                           value="<?php echo htmlspecialchars(
-                                                                   (string) $reply->getArticleId()
-                                                           ); ?>">
-
-                                                    <button type="submit"
-                                                            class="delete-comment-button"
-                                                            onclick="return confirm('Möchtest du diesen Kommentar wirklich löschen?');">
-                                                        Kommentar löschen
-                                                    </button>
-                                                </form>
-
-                                            <?php endif; ?>
-
-                                        <?php endif; ?>
-
+                                        <p><?php echo nl2br(htmlspecialchars($reply->getContent())); ?></p>
                                    </div>
                                <?php endforeach; ?>
                            <?php endif; ?>
@@ -408,46 +153,17 @@ if ($replyAuthor === null) {
        </div>

        <?php if (isset($_SESSION["user_email"])): ?>
-            <form id="comment-form"
-                  method="post"
-                  action="php/ajax/add-comment.php">
-
+            <form id="comment-form">
                <input type="hidden"
                       name="article_id"
-                       value="<?php echo htmlspecialchars(
-                               (string) ($_GET["id"] ?? "")
-                       ); ?>">
+                       value="<?php echo htmlspecialchars($_GET["id"] ?? ""); ?>">

                <input type="hidden"
                       name="parent_comment_id"
                       id="parent-comment-id"
-                       value="<?php echo $replyTo !== null
-                               ? htmlspecialchars((string) $replyTo)
-                               : "";
-                       ?>">
+                       value="">

-                <p id="reply-info"
-                   class="reply-info"
-                        <?php if ($replyAuthor === null): ?>
-                            style="display: none;"
-                        <?php endif; ?>>
-
-                    <?php if ($replyAuthor !== null): ?>
-                        Antwort auf <?php echo htmlspecialchars($replyAuthor); ?>
-
-                        <a href="index.php?pfad=<?php
-                        echo urlencode($_GET["pfad"] ?? "showArticle");
-                        ?>&id=<?php
-                        echo urlencode((string) ($_GET["id"] ?? ""));
-                        ?>#comment-form">
-                            Abbrechen
-                        </a>
-                    <?php endif; ?>
-                </p>
-
-                <label for="comment-content">
-                    Kommentar
-                </label>
+                <p id="reply-info" class="reply-info" style="display: none;"></p>

                <textarea name="content"
                          id="comment-content"
@@ -465,4 +181,4 @@ if ($replyAuthor === null) {
            </div>
        <?php endif; ?>
    </section>
-</main>
+</main>
@@ -34,20 +34,11 @@ if ($pfad === "logout") {
    include_once "php/controller/logout-controller.php";
    exit();
 }
+
 if ($pfad === "deleteAccount") {
    include_once "php/controller/deleteAccount-controller.php";
    exit();
 }
-
-if ($pfad === "updateComment") {
-    include_once "php/controller/updateComment-controller.php";
-    exit();
-}
-
-if ($pfad === "deleteComment") {
-    include_once "php/controller/deleteComment-controller.php";
-    exit();
-}
 ?>

    <!--
@@ -74,11 +65,12 @@ if ($pfad === "deleteComment") {
        <link rel="stylesheet" href="css/message.css">
        <link rel="stylesheet" href="css/showCategory.css">

-        <script src="js/paginator.js" async></script>
-        <script src="js/sorter.js" async></script>
+        <!--<script src="js/paginator.js" async></script>
+        <script src="js/sorter.js" async></script>-->
        <script src="js/comments.js" defer></script>
        <script src="js/editor.js" async></script>
-        <script src="js/filter.js" async></script>
+        <!--<script src="js/filter.js" async></script>-->
+        <script src="js/search-results.js" async></script>

        <title>EduForge</title>
    </head>
@@ -11,31 +11,20 @@ document.addEventListener("DOMContentLoaded", function () {
    const parentCommentInput = document.getElementById("parent-comment-id");
    const replyInfo = document.getElementById("reply-info");

-    if (!form || !commentsList || !commentContent || !parentCommentInput) {
+    if (!form || !commentsList || !commentContent || !parentCommentInput || !replyInfo) {
        return;
    }

    /**
-     * Aktiviert einen einzelnen Antworten-Link.
+     * Aktiviert einen einzelnen Antworten-Button.
     *
-     * @param {HTMLAnchorElement} replyLink Antworten-Link
+     * @param {HTMLButtonElement} button Antworten-Button
     */
-    function registerReplyButton(replyLink) {
-        replyLink.addEventListener("click", function (event) {
-            /*
-             * Mit JavaScript wird die Seite nicht neu geladen.
-             * Ohne JavaScript funktioniert der normale Link.
-             */
-            event.preventDefault();
-
-            parentCommentInput.value = replyLink.dataset.commentId;
-
-            if (replyInfo) {
-                replyInfo.textContent =
-                    "Antwort auf " + replyLink.dataset.author;
-                replyInfo.style.display = "block";
-            }
-
+    function registerReplyButton(button) {
+        button.addEventListener("click", function () {
+            parentCommentInput.value = button.dataset.commentId;
+            replyInfo.textContent = "Antwort auf " + button.dataset.author;
+            replyInfo.style.display = "block";
            commentContent.focus();
        });
    }
@@ -56,29 +45,18 @@ document.addEventListener("DOMContentLoaded", function () {
        const formData = new FormData(form);
        const parentCommentId = parentCommentInput.value;

-        fetch(form.action, {
+        fetch("php/ajax/add-comment.php", {
            method: "POST",
-            body: formData,
-            headers: {
-                "X-Requested-With": "XMLHttpRequest"
-            }
+            body: formData
        })
-            .then(function (response) {
-                if (!response.ok) {
-                    throw new Error("Fehlerhafte Serverantwort.");
-                }
-
-                return response.json();
-            })
-            .then(function (data) {
+            .then(response => response.json())
+            .then(data => {
                if (!data.success) {
                    alert(data.message);
                    return;
                }

-                const emptyMessage = commentsList.querySelector(
-                    ".no-comments-message"
-                );
+                const emptyMessage = commentsList.querySelector(".no-comments-message");

                if (emptyMessage) {
                    emptyMessage.remove();
@@ -86,172 +64,49 @@ document.addEventListener("DOMContentLoaded", function () {

                const commentElement = document.createElement("div");
                commentElement.classList.add("comment-item");
-                commentElement.dataset.commentId = data.commentId;

-                if (parentCommentId !== "") {
+                if (parentCommentId) {
                    commentElement.classList.add("comment-reply");

                    commentElement.innerHTML = `
-        <p>
-            <strong>${escapeHtml(data.author)}</strong>
-            <span>${escapeHtml(data.created)}</span>
-        </p>
+                        <p>
+                            <strong>${escapeHtml(data.author)}</strong>
+                            <span>${escapeHtml(data.created)}</span>
+                        </p>
+                        <p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
+                    `;

-        <p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
-
-        <details class="edit-comment-details">
-    <summary class="edit-comment-button">
-        Antwort bearbeiten
-    </summary>
-
-    <form
-        method="post"
-        action="index.php?pfad=updateComment"
-        class="edit-comment-form"
-    >
-        <input
-            type="hidden"
-            name="comment_id"
-            value="${escapeHtml(data.commentId)}"
-        >
-
-        <input
-            type="hidden"
-            name="article_id"
-            value="${escapeHtml(formData.get("article_id"))}"
-        >
-
-        <textarea
-            name="content"
-            required
-        >${escapeHtml(data.content)}</textarea>
-
-        <button type="submit" class="button">
-            Änderungen speichern
-        </button>
-    </form>
-</details>
-        
-        <form
-            method="post"
-            action="index.php?pfad=deleteComment"
-            class="delete-comment-form"
-        >
-            <input
-                type="hidden"
-                name="comment_id"
-                value="${escapeHtml(data.commentId)}"
-            >
-
-            <input
-                type="hidden"
-                name="article_id"
-                value="${escapeHtml(formData.get("article_id"))}"
-            >
-
-            <button
-                type="submit"
-                class="delete-comment-button"
-                onclick="return confirm('Möchtest du diesen Kommentar wirklich löschen?');"
-            >
-                Kommentar löschen
-            </button>
-        </form>
-    `;
-
-                    const parentReplies = commentsList.querySelector(
+                    const parentReplies = document.querySelector(
                        `.comment-item[data-comment-id="${parentCommentId}"] .comment-replies`
                    );

                    if (parentReplies) {
                        parentReplies.appendChild(commentElement);
-                    } else {
-                        commentsList.prepend(commentElement);
                    }
+
                } else {
+                    commentElement.dataset.commentId = data.commentId;
+
                    commentElement.innerHTML = `
-        <p>
-            <strong>${escapeHtml(data.author)}</strong>
-            <span>${escapeHtml(data.created)}</span>
-        </p>
+                        <p>
+                            <strong>${escapeHtml(data.author)}</strong>
+                            <span>${escapeHtml(data.created)}</span>
+                        </p>
+                        <p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>

-        <p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
+                        <button type="button"
+                                class="reply-button"
+                                data-comment-id="${escapeHtml(data.commentId)}"
+                                data-author="${escapeHtml(data.author)}">
+                            Antworten
+                        </button>

-        <details class="edit-comment-details">
-    <summary class="edit-comment-button">
-        Kommentar bearbeiten
-    </summary>
-
-    <form
-        method="post"
-        action="index.php?pfad=updateComment"
-        class="edit-comment-form"
-    >
-        <input
-            type="hidden"
-            name="comment_id"
-            value="${escapeHtml(data.commentId)}"
-        >
-
-        <input
-            type="hidden"
-            name="article_id"
-            value="${escapeHtml(formData.get("article_id"))}"
-        >
-
-        <textarea
-            name="content"
-            required
-        >${escapeHtml(data.content)}</textarea>
-
-        <button type="submit" class="button">
-            Änderungen speichern
-        </button>
-    </form>
-</details>
-
-        <form
-            method="post"
-            action="index.php?pfad=deleteComment"
-            class="delete-comment-form"
-        >
-            <input
-                type="hidden"
-                name="comment_id"
-                value="${escapeHtml(data.commentId)}"
-            >
-
-            <input
-                type="hidden"
-                name="article_id"
-                value="${escapeHtml(formData.get("article_id"))}"
-            >
-
-            <button
-                type="submit"
-                class="delete-comment-button"
-                onclick="return confirm('Möchtest du diesen Kommentar wirklich löschen?');"
-            >
-                Kommentar löschen
-            </button>
-        </form>
-
-        <a
-            href="#comment-form"
-            class="reply-button"
-            data-comment-id="${escapeHtml(data.commentId)}"
-            data-author="${escapeHtml(data.author)}"
-        >
-            Antworten
-        </a>
-
-        <div class="comment-replies"></div>
-    `;
+                        <div class="comment-replies"></div>
+                    `;

                    commentsList.prepend(commentElement);

-                    const newReplyButton =
-                        commentElement.querySelector(".reply-button");
+                    const newReplyButton = commentElement.querySelector(".reply-button");

                    if (newReplyButton) {
                        registerReplyButton(newReplyButton);
@@ -260,14 +115,10 @@ document.addEventListener("DOMContentLoaded", function () {

                commentContent.value = "";
                parentCommentInput.value = "";
-
-                if (replyInfo) {
-                    replyInfo.textContent = "";
-                    replyInfo.style.display = "none";
-                }
+                replyInfo.textContent = "";
+                replyInfo.style.display = "none";
            })
-            .catch(function (error) {
-                console.error(error);
+            .catch(() => {
                alert("Kommentar konnte nicht gesendet werden.");
            });
    });
@@ -275,12 +126,12 @@ document.addEventListener("DOMContentLoaded", function () {
    /**
     * Entfernt HTML-Sonderzeichen aus Nutzereingaben.
     *
-     * @param {*} text Zu bereinigender Text
+     * @param {string} text Zu bereinigender Text
     * @returns {string} Sicherer Text
     */
    function escapeHtml(text) {
        const div = document.createElement("div");
-        div.textContent = String(text ?? "");
+        div.textContent = text;
        return div.innerHTML;
    }
 });
@@ -1,13 +1,13 @@
-console.log("Die JavaScript-Datei wurde erfolgreich geladen!");
+console.log("editor.js wurde erfolgreich geladen!");

 function initEditor() {
    const form = document.getElementById("editor-form");

    if (!form) {
-        console.error("Skript abgebrochen: Formular nicht gefunden!");
+        console.error("editor.js wurde abgebrochen: Formular nicht gefunden!");
        return;
    } else {
-        console.log("Formular gefunden und Editor initialisiert:", form);
+        console.log("Formular gefunden und editor.js initialisiert:", form);
    }

    const container = document.getElementById("block-container");
@@ -1,27 +1,203 @@
-function initPaginator() {
-    const form = document.getElementById('search-form-id');
-    const pageInput = document.getElementById('s-res-page-input');
-    const pageButtons = document.querySelectorAll('.s-res-page-navigation .s-res-page-btn');
+/**
+ * Übernimmt Filterung (Kategorie), Sortierung und Pagination der
+ * Suchergebnisse vollständig clientseitig, ohne Neuladen der Seite.
+ *
+ * Voraussetzung: Im HTML liegt ein <script type="application/json" id="s-res-data">
+ * mit allen Treffern der aktuellen Suche (siehe content/search-results.php).
+ *
+ * Ist kein JavaScript aktiv, bleibt die serverseitig gerenderte Ausgabe
+ * (inkl. echter Pagination-Links und Formular-Submit) unverändert nutzbar.
+ */
+(function () {
+    const DEFAULT_PER_PAGE = 10;

-    pageButtons.forEach(button => {
-        button.addEventListener('click', function() {
-            if (this.disabled) return;
+    const state = {
+        all: [],
+        filtered: [],
+        category: 'all',
+        sort: 'alphabet',
+        perPage: DEFAULT_PER_PAGE,
+        page: 1,
+    };

-            const targetPage = this.getAttribute('data-page');
+    const els = {};

-            if (targetPage && form && pageInput) {
-                pageInput.value = targetPage;
-                form.submit();
-            }
+    function init() {
+        const dataScript = document.getElementById('s-res-data');
+        const listContainer = document.querySelector('.s-res-list');
+        if (!dataScript || !listContainer) {
+            return; // keine Ergebnisliste auf dieser Seite vorhanden
+        }
+
+        try {
+            state.all = JSON.parse(dataScript.textContent);
+        } catch (e) {
+            console.error('Suchergebnis-Daten konnten nicht gelesen werden.', e);
+            return;
+        }
+
+        els.list = listContainer;
+        els.categorySelect = document.getElementById('category-filter');
+        els.perPageSelect = document.getElementById('s-res-per-page');
+        els.sortRadios = document.querySelectorAll('.sort-radio');
+        els.pagerContainer = document.querySelector('.s-res-page-navigation');
+        els.metaCount = document.querySelector('.s-res-meta');
+
+        // Ausgangszustand aus dem serverseitig gerenderten Markup übernehmen,
+        // damit Browser-zurück / geteilte Links konsistent bleiben.
+        if (els.categorySelect) state.category = els.categorySelect.value || 'all';
+        if (els.perPageSelect) state.perPage = parseInt(els.perPageSelect.value, 10) || DEFAULT_PER_PAGE;
+        const checkedSort = document.querySelector('.sort-radio:checked');
+        if (checkedSort) state.sort = checkedSort.value;
+
+        // Ab hier übernimmt JS: Formular-Steuerelemente lösen keinen
+        // Seiten-Reload mehr aus, sondern rendern direkt neu.
+        if (els.categorySelect) {
+            els.categorySelect.addEventListener('change', function () {
+                state.category = this.value;
+                state.page = 1;
+                render();
+            });
+        }
+        if (els.perPageSelect) {
+            els.perPageSelect.addEventListener('change', function () {
+                state.perPage = parseInt(this.value, 10) || DEFAULT_PER_PAGE;
+                state.page = 1;
+                render();
+            });
+        }
+        els.sortRadios.forEach(function (radio) {
+            radio.addEventListener('change', function () {
+                state.sort = this.value;
+                state.page = 1;
+                render();
+            });
        });
-    });
-}

-// ist das DOM bereits vollständig aufgebaut?
-if (document.readyState === 'loading') {
-    // Falls noch geladen wird, auf das Event warten
-    document.addEventListener('DOMContentLoaded', initPaginator);
-} else {
-    // Falls das HTML bereits komplett da ist, sofort ausführen
-    initPaginator();
-}
+        render();
+    }
+
+    function sortItems(items, sortValue) {
+        const copy = items.slice();
+        switch (sortValue) {
+            case 'likes':
+                copy.sort(function (a, b) { return (b.likes || 0) - (a.likes || 0); });
+                break;
+            case 'newest':
+                copy.sort(function (a, b) { return (b.creationDate || '').localeCompare(a.creationDate || ''); });
+                break;
+            case 'oldest':
+                copy.sort(function (a, b) { return (a.creationDate || '').localeCompare(b.creationDate || ''); });
+                break;
+            case 'alphabet':
+            default:
+                copy.sort(function (a, b) { return a.title.localeCompare(b.title, 'de', { sensitivity: 'base' }); });
+                break;
+        }
+        return copy;
+    }
+
+    function render() {
+        let items = state.all;
+        if (state.category && state.category !== 'all') {
+            items = items.filter(function (it) {
+                return (it.category || '').toLowerCase() === state.category.toLowerCase();
+            });
+        }
+        state.filtered = sortItems(items, state.sort);
+
+        const totalResults = state.filtered.length;
+        const totalPages = Math.max(1, Math.ceil(totalResults / state.perPage));
+        if (state.page > totalPages) state.page = totalPages;
+        if (state.page < 1) state.page = 1;
+
+        const start = (state.page - 1) * state.perPage;
+        const pageItems = state.filtered.slice(start, start + state.perPage);
+
+        renderList(pageItems);
+        renderPager(totalPages);
+        renderMeta(totalResults);
+    }
+
+    function renderList(items) {
+        els.list.innerHTML = '';
+
+        if (items.length === 0) {
+            const p = document.createElement('p');
+            p.textContent = 'Keine Beiträge zu diesem Suchbegriff gefunden.';
+            els.list.appendChild(p);
+            return;
+        }
+
+        items.forEach(function (item) {
+            const div = document.createElement('div');
+            div.className = 's-res-item';
+            div.setAttribute('data-likes', item.likes || 0);
+            div.setAttribute('data-category', (item.category || '').toLowerCase());
+
+            div.innerHTML =
+                '<div class="s-res-content">' +
+                '<h2 class="s-res-item-title">' +
+                '<a class="s-res-link"></a>' +
+                '</h2>' +
+                '<div class="s-res-meta-row">' +
+                '<p class="s-res-author">Von: <span class="s-res-author-name"></span></p>' +
+                '<span class="s-res-likes"></span>' +
+                '</div>' +
+                '</div>' +
+                '<div class="s-res-arrow">&rarr;</div>';
+
+            const link = div.querySelector('.s-res-link');
+            link.href = 'index.php?pfad=showArticle&id=' + encodeURIComponent(item.id);
+            link.textContent = item.title;
+            div.querySelector('.s-res-author-name').textContent = item.author;
+            div.querySelector('.s-res-likes').textContent = item.likes || 0;
+
+            els.list.appendChild(div);
+        });
+    }
+
+    function renderPager(totalPages) {
+        if (!els.pagerContainer) return;
+        els.pagerContainer.innerHTML = '';
+
+        const prevBtn = document.createElement('button');
+        prevBtn.type = 'button';
+        prevBtn.className = 's-res-page-btn';
+        prevBtn.textContent = '\u00AB';
+        prevBtn.disabled = state.page <= 1;
+        prevBtn.addEventListener('click', function () { goToPage(state.page - 1); });
+        els.pagerContainer.appendChild(prevBtn);
+
+        const span = document.createElement('span');
+        span.id = 'dynamic-page-numbers';
+        span.textContent = 'Seite ' + state.page + ' von ' + totalPages;
+        els.pagerContainer.appendChild(span);
+
+        const nextBtn = document.createElement('button');
+        nextBtn.type = 'button';
+        nextBtn.className = 's-res-page-btn';
+        nextBtn.textContent = '\u00BB';
+        nextBtn.disabled = state.page >= totalPages;
+        nextBtn.addEventListener('click', function () { goToPage(state.page + 1); });
+        els.pagerContainer.appendChild(nextBtn);
+    }
+
+    function renderMeta(totalResults) {
+        if (!els.metaCount) return;
+        const query = els.metaCount.getAttribute('data-query') || '';
+        els.metaCount.textContent = totalResults + ' Treffer für Ihre Suchanfrage "' + query + '"';
+    }
+
+    function goToPage(page) {
+        state.page = page;
+        render();
+        els.list.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    }
+
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', init);
+    } else {
+        init();
+    }
+})();
@@ -0,0 +1,203 @@
+/**
+ * Übernimmt Filterung (Kategorie), Sortierung und Pagination der
+ * Suchergebnisse vollständig clientseitig, ohne Neuladen der Seite.
+ *
+ * Voraussetzung: Im HTML liegt ein <script type="application/json" id="s-res-data">
+ * mit allen Treffern der aktuellen Suche (siehe content/search-results.php).
+ *
+ * Ist kein JavaScript aktiv, bleibt die serverseitig gerenderte Ausgabe
+ * (inkl. echter Pagination-Links und Formular-Submit) unverändert nutzbar.
+ */
+(function () {
+    const DEFAULT_PER_PAGE = 10;
+
+    const state = {
+        all: [],
+        filtered: [],
+        category: 'all',
+        sort: 'alphabet',
+        perPage: DEFAULT_PER_PAGE,
+        page: 1,
+    };
+
+    const els = {};
+
+    function init() {
+        const dataScript = document.getElementById('s-res-data');
+        const listContainer = document.querySelector('.s-res-list');
+        if (!dataScript || !listContainer) {
+            return; // keine Ergebnisliste auf dieser Seite vorhanden
+        }
+
+        try {
+            state.all = JSON.parse(dataScript.textContent);
+        } catch (e) {
+            console.error('Suchergebnis-Daten konnten nicht gelesen werden.', e);
+            return;
+        }
+
+        els.list = listContainer;
+        els.categorySelect = document.getElementById('category-filter');
+        els.perPageSelect = document.getElementById('s-res-per-page');
+        els.sortRadios = document.querySelectorAll('.sort-radio');
+        els.pagerContainer = document.querySelector('.s-res-page-navigation');
+        els.metaCount = document.querySelector('.s-res-meta');
+
+        // Ausgangszustand aus dem serverseitig gerenderten Markup übernehmen,
+        // damit Browser-zurück / geteilte Links konsistent bleiben.
+        if (els.categorySelect) state.category = els.categorySelect.value || 'all';
+        if (els.perPageSelect) state.perPage = parseInt(els.perPageSelect.value, 10) || DEFAULT_PER_PAGE;
+        const checkedSort = document.querySelector('.sort-radio:checked');
+        if (checkedSort) state.sort = checkedSort.value;
+
+        // Ab hier übernimmt JS: Formular-Steuerelemente lösen keinen
+        // Seiten-Reload mehr aus, sondern rendern direkt neu.
+        if (els.categorySelect) {
+            els.categorySelect.addEventListener('change', function () {
+                state.category = this.value;
+                state.page = 1;
+                render();
+            });
+        }
+        if (els.perPageSelect) {
+            els.perPageSelect.addEventListener('change', function () {
+                state.perPage = parseInt(this.value, 10) || DEFAULT_PER_PAGE;
+                state.page = 1;
+                render();
+            });
+        }
+        els.sortRadios.forEach(function (radio) {
+            radio.addEventListener('change', function () {
+                state.sort = this.value;
+                state.page = 1;
+                render();
+            });
+        });
+
+        render();
+    }
+
+    function sortItems(items, sortValue) {
+        const copy = items.slice();
+        switch (sortValue) {
+            case 'likes':
+                copy.sort(function (a, b) { return (b.likes || 0) - (a.likes || 0); });
+                break;
+            case 'newest':
+                copy.sort(function (a, b) { return (b.creationDate || '').localeCompare(a.creationDate || ''); });
+                break;
+            case 'oldest':
+                copy.sort(function (a, b) { return (a.creationDate || '').localeCompare(b.creationDate || ''); });
+                break;
+            case 'alphabet':
+            default:
+                copy.sort(function (a, b) { return a.title.localeCompare(b.title, 'de', { sensitivity: 'base' }); });
+                break;
+        }
+        return copy;
+    }
+
+    function render() {
+        let items = state.all;
+        if (state.category && state.category !== 'all') {
+            items = items.filter(function (it) {
+                return (it.category || '').toLowerCase() === state.category.toLowerCase();
+            });
+        }
+        state.filtered = sortItems(items, state.sort);
+
+        const totalResults = state.filtered.length;
+        const totalPages = Math.max(1, Math.ceil(totalResults / state.perPage));
+        if (state.page > totalPages) state.page = totalPages;
+        if (state.page < 1) state.page = 1;
+
+        const start = (state.page - 1) * state.perPage;
+        const pageItems = state.filtered.slice(start, start + state.perPage);
+
+        renderList(pageItems);
+        renderPager(totalPages);
+        renderMeta(totalResults);
+    }
+
+    function renderList(items) {
+        els.list.innerHTML = '';
+
+        if (items.length === 0) {
+            const p = document.createElement('p');
+            p.textContent = 'Keine Beiträge zu diesem Suchbegriff gefunden.';
+            els.list.appendChild(p);
+            return;
+        }
+
+        items.forEach(function (item) {
+            const div = document.createElement('div');
+            div.className = 's-res-item';
+            div.setAttribute('data-likes', item.likes || 0);
+            div.setAttribute('data-category', (item.category || '').toLowerCase());
+
+            div.innerHTML =
+                '<div class="s-res-content">' +
+                '<h2 class="s-res-item-title">' +
+                '<a class="s-res-link"></a>' +
+                '</h2>' +
+                '<div class="s-res-meta-row">' +
+                '<p class="s-res-author">Von: <span class="s-res-author-name"></span></p>' +
+                '<span class="s-res-likes"></span>' +
+                '</div>' +
+                '</div>' +
+                '<div class="s-res-arrow">&rarr;</div>';
+
+            const link = div.querySelector('.s-res-link');
+            link.href = 'index.php?pfad=showArticle&id=' + encodeURIComponent(item.id);
+            link.textContent = item.title;
+            div.querySelector('.s-res-author-name').textContent = item.author;
+            div.querySelector('.s-res-likes').textContent = item.likes || 0;
+
+            els.list.appendChild(div);
+        });
+    }
+
+    function renderPager(totalPages) {
+        if (!els.pagerContainer) return;
+        els.pagerContainer.innerHTML = '';
+
+        const prevBtn = document.createElement('button');
+        prevBtn.type = 'button';
+        prevBtn.className = 's-res-page-btn';
+        prevBtn.textContent = '\u00AB';
+        prevBtn.disabled = state.page <= 1;
+        prevBtn.addEventListener('click', function () { goToPage(state.page - 1); });
+        els.pagerContainer.appendChild(prevBtn);
+
+        const span = document.createElement('span');
+        span.id = 'dynamic-page-numbers';
+        span.textContent = 'Seite ' + state.page + ' von ' + totalPages;
+        els.pagerContainer.appendChild(span);
+
+        const nextBtn = document.createElement('button');
+        nextBtn.type = 'button';
+        nextBtn.className = 's-res-page-btn';
+        nextBtn.textContent = '\u00BB';
+        nextBtn.disabled = state.page >= totalPages;
+        nextBtn.addEventListener('click', function () { goToPage(state.page + 1); });
+        els.pagerContainer.appendChild(nextBtn);
+    }
+
+    function renderMeta(totalResults) {
+        if (!els.metaCount) return;
+        const query = els.metaCount.getAttribute('data-query') || '';
+        els.metaCount.textContent = totalResults + ' Treffer für Ihre Suchanfrage "' + query + '"';
+    }
+
+    function goToPage(page) {
+        state.page = page;
+        render();
+        els.list.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    }
+
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', init);
+    } else {
+        init();
+    }
+})();
@@ -3,153 +3,32 @@ if (session_status() === PHP_SESSION_NONE) {
    session_start();
 }

+header("Content-Type: application/json");
+
 require_once "../model/CommentManager.php";

-/**
- * Prüft, ob die Anfrage durch JavaScript per AJAX gesendet wurde.
- */
-$isAjaxRequest = isset($_SERVER["HTTP_X_REQUESTED_WITH"])
-    && strtolower($_SERVER["HTTP_X_REQUESTED_WITH"]) === "xmlhttprequest";
-
-/**
- * Gibt das Ergebnis entweder als JSON zurück oder leitet
- * bei einem normalen Formularaufruf wieder zum Beitrag zurück.
- *
- * @param bool $success War das Speichern erfolgreich?
- * @param string $message Rückmeldung für den Benutzer
- * @param int|null $articleId ID des Beitrags
- * @param array $additionalData Zusätzliche Daten für AJAX
- */
-function sendCommentResponse(
-    $success,
-    $message,
-    $articleId,
-    $additionalData = []
-) {
-    global $isAjaxRequest;
-
-    if ($isAjaxRequest) {
-        header("Content-Type: application/json; charset=utf-8");
-
-        echo json_encode(
-            array_merge(
-                [
-                    "success" => $success,
-                    "message" => $message
-                ],
-                $additionalData
-            )
-        );
-
-        exit();
-    }
-
-    /*
-     * Bei deaktiviertem JavaScript wird die Rückmeldung
-     * in der Session gespeichert und die Beitragsseite neu geladen.
-     */
-    $_SESSION["comment_message"] = $message;
-    $_SESSION["comment_message_type"] = $success ? "success" : "error";
-
-    if ($articleId !== null) {
-        header(
-            "Location: ../../index.php?pfad=showArticle&id="
-            . urlencode((string) $articleId)
-            . "#comments"
-        );
-    } else {
-        header("Location: ../../index.php");
-    }
-
+if (!isset($_SESSION["user_email"])) {
+    echo json_encode([
+        "success" => false,
+        "message" => "Du musst angemeldet sein, um zu kommentieren."
+    ]);
    exit();
 }

-/*
- * Nur POST-Anfragen dürfen Kommentare erstellen.
- */
-if ($_SERVER["REQUEST_METHOD"] !== "POST") {
-    sendCommentResponse(
-        false,
-        "Ungültige Anfrage.",
-        null
-    );
-}
-
-/*
- * Die Beitrags-ID wird zuerst eingelesen,
- * damit bei Fehlern wieder zum Beitrag zurückgeleitet werden kann.
- */
-$articleId = filter_input(
-    INPUT_POST,
-    "article_id",
-    FILTER_VALIDATE_INT
-);
-
-/*
- * Ein Benutzer muss angemeldet sein.
- */
-if (!isset($_SESSION["user_email"])) {
-    sendCommentResponse(
-        false,
-        "Du musst angemeldet sein, um zu kommentieren.",
-        $articleId !== false ? $articleId : null
-    );
-}
-
-/*
- * Weitere Formulardaten einlesen.
- */
-
+$articleId = $_POST["article_id"] ?? null;
 $content = trim($_POST["content"] ?? "");
+$parentCommentId = $_POST["parent_comment_id"] ?? null;

-$parentCommentId = filter_input(
-    INPUT_POST,
-    "parent_comment_id",
-    FILTER_VALIDATE_INT
-);
-
-/*
- * Ein leerer Wert bedeutet, dass es sich um einen
- * normalen Hauptkommentar handelt.
- */
-if (
-    !isset($_POST["parent_comment_id"])
-    || $_POST["parent_comment_id"] === ""
-    || $_POST["parent_comment_id"] === "0"
-) {
+if ($parentCommentId === "" || $parentCommentId === "0") {
    $parentCommentId = null;
 }

-if ($articleId === false || $articleId === null) {
-    sendCommentResponse(
-        false,
-        "Der zugehörige Beitrag ist ungültig.",
-        null
-    );
-}
-
-if ($content === "") {
-    sendCommentResponse(
-        false,
-        "Der Kommentar darf nicht leer sein.",
-        $articleId
-    );
-}
-
-/*
- * Eine ungültige Eltern-ID darf nicht gespeichert werden.
- */
-if (
-    isset($_POST["parent_comment_id"])
-    && $_POST["parent_comment_id"] !== ""
-    && $_POST["parent_comment_id"] !== "0"
-    && $parentCommentId === false
-) {
-    sendCommentResponse(
-        false,
-        "Der ausgewählte Kommentar ist ungültig.",
-        $articleId
-    );
+if (empty($articleId) || empty($content)) {
+    echo json_encode([
+        "success" => false,
+        "message" => "Kommentar darf nicht leer sein."
+    ]);
+    exit();
 }

 try {
@@ -162,23 +41,18 @@ try {
        $parentCommentId
    );

-    sendCommentResponse(
-        true,
-        "Der Kommentar wurde erfolgreich gespeichert.",
-        $articleId,
-        [
-            "commentId" => $commentId,
-            "author" => $_SESSION["user_email"],
-            "content" => $content,
-            "created" => date("Y-m-d H:i:s"),
-            "parentCommentId" => $parentCommentId
-        ]
-    );
+    echo json_encode([
+        "success" => true,
+        "commentId" => $commentId,
+        "author" => $_SESSION["user_email"],
+        "content" => $content,
+        "created" => date("Y-m-d H:i:s"),
+        "parentCommentId" => $parentCommentId
+    ]);

-} catch (Throwable $e) {
-    sendCommentResponse(
-        false,
-        "Der Kommentar konnte nicht gespeichert werden.",
-        $articleId
-    );
+} catch (Exception $e) {
+    echo json_encode([
+        "success" => false,
+        "message" => "Kommentar konnte nicht gespeichert werden."
+    ]);
 }
@@ -1,105 +0,0 @@
-<?php
-
-if (session_status() === PHP_SESSION_NONE) {
-    session_start();
-}
-
-require_once __DIR__ . "/../model/CommentManager.php";
-
-/*
- * Kommentare dürfen nur über ein POST-Formular gelöscht werden.
- */
-if ($_SERVER["REQUEST_METHOD"] !== "POST") {
-    header("Location: index.php");
-    exit();
-}
-$commentId = filter_input(
-    INPUT_POST,
-    "comment_id",
-    FILTER_VALIDATE_INT
-);
-
-$articleId = filter_input(
-    INPUT_POST,
-    "article_id",
-    FILTER_VALIDATE_INT
-);
-
-/*
- * Nur angemeldete Nutzer dürfen Kommentare löschen.
- */
-if (!isset($_SESSION["user_email"])) {
-    $_SESSION["comment_message"] = "Du musst angemeldet sein.";
-    $_SESSION["comment_message_type"] = "error";
-
-    if ($articleId !== false && $articleId !== null) {
-        header(
-            "Location: index.php?pfad=showArticle&id="
-            . urlencode((string) $articleId)
-            . "#comments"
-        );
-    } else {
-        header("Location: index.php");
-    }
-    exit();
-}
-
-/*
- * Kommentar-ID und Beitrags-ID müssen gültige Zahlen sein.
- */
-if (
-    $commentId === false
-    || $commentId === null
-    || $articleId === false
-    || $articleId === null
-) {
-    $_SESSION["comment_message"] =
-        "Der Kommentar konnte nicht gelöscht werden.";
-
-    $_SESSION["comment_message_type"] = "error";
-
-    header("Location: index.php");
-    exit();
-}
-
-try {
-    $commentManager = CommentManager::getInstance();
-
-    /*
-     * Die E-Mail-Adresse aus der Session wird mitgegeben.
-     * Dadurch kann der Nutzer nur eigene Kommentare löschen.
-     */
-    $deleted = $commentManager->deleteComment(
-        $commentId,
-        $_SESSION["user_email"]
-    );
-
-    if ($deleted) {
-        $_SESSION["comment_message"] =
-            "Der Kommentar wurde gelöscht.";
-
-        $_SESSION["comment_message_type"] = "success";
-    } else {
-        $_SESSION["comment_message"] =
-            "Der Kommentar wurde nicht gefunden oder gehört nicht dir.";
-
-        $_SESSION["comment_message_type"] = "error";
-    }
-
-} catch (Throwable $e) {
-    $_SESSION["comment_message"] =
-        "Der Kommentar konnte nicht gelöscht werden.";
-
-    $_SESSION["comment_message_type"] = "error";
-}
-
-/*
- * Anschließend wird wieder zum Beitrag und zu den Kommentaren geleitet.
- */
-header(
-    "Location: index.php?pfad=showArticle&id="
-    . urlencode((string) $articleId)
-    . "#comments"
-);
-
-exit();
@@ -8,64 +8,61 @@ require_once '../model/Article.php';
 require_once '../validator/search-validator.php';

 if ($_SERVER["REQUEST_METHOD"] === "GET" && isset($_GET["q"])) {
-
    $search = trim($_GET["q"]);
+
    if (!searchQueryValidator($search)) {
        $_SESSION["search_results"] = [];
        $_SESSION["search_query"] = "";
        $_SESSION["message"] = "invalid_search_query";
    } else {
        try {
-            
            $articleManager = ArticleManager::getInstance();
-            $userManager = UserManager::getInstance();
-            
-            $results = $articleManager->search($search);
+            $userManager    = UserManager::getInstance();
+            $results        = $articleManager->search($search);

            $sortStyle = $_GET['sort'] ?? 'alphabet';
            $_SESSION['search_sort'] = $sortStyle;

            if ($sortStyle === 'alphabet') {
-                // Titel aufsteigend alphabetiisch sortiert
+                // Titel aufsteigend alphabetisch sortiert
                usort($results, function ($a, $b) {
                    return strcasecmp($a->getTitle(), $b->getTitle());
                });
            } elseif ($sortStyle === 'likes') {
-                usort($results, function($a, $b) {
+                usort($results, function ($a, $b) {
                    return $b->getLikeCount() <=> $a->getLikeCount();
                });
            } elseif ($sortStyle === 'newest') {
                // Datum neu zu alt sortiert
-                usort($results, function($a, $b) {
+                usort($results, function ($a, $b) {
                    return strcmp($b->getCreationDate(), $a->getCreationDate());
                });
            } elseif ($sortStyle === 'oldest') {
                // Datum alt zu neu sortiert
-                usort($results, function($a, $b) {
+                usort($results, function ($a, $b) {
                    return strcmp($a->getCreationDate(), $b->getCreationDate());
                });
            }

-            // Ergebnisse werden in ein flaches array umgewandelt, da sont incomplete-PHP error im Ergebnis
+            // Ergebnisse werden in ein flaches Array umgewandelt, da sonst incomplete-PHP-Fehler im Ergebnis
            $safeArrayResults = [];
            foreach ($results as $obj) {
                $safeArrayResults[] = [
-                    "id" => $obj->getId(),
-                    "title" => $obj->getTitle(),
-                    "content" => $obj->getContent(),
-                    "author" => $userManager->findUser($obj->getAuthor())["vorname"] . " " . $userManager->findUser($obj->getAuthor())["nachname"],
-                    "category" => $obj->getCategory(),
-                    "tags" => $obj->getTags(),
+                    "id"           => $obj->getId(),
+                    "title"        => $obj->getTitle(),
+                    "content"      => $obj->getContent(),
+                    "author"       => $userManager->findUser($obj->getAuthor())["vorname"] . " " . $userManager->findUser($obj->getAuthor())["nachname"],
+                    "category"     => $obj->getCategory(),
+                    "tags"         => $obj->getTags(),
                    "creationDate" => $obj->getCreationDate(),
-                    "likes" => $obj->getLikes(),
+                    "likes"        => $obj->getLikes(),
                ];
            }
-            
+
            $_SESSION["search_results"] = $safeArrayResults;
            $_SESSION["search_query"] = $search;
            $_SESSION["message"] = "new_search_results";
-
-        } catch (Exception $e){
+        } catch (Exception $e) {
            $_SESSION["message"] = "internal_error";
        }
    }
@@ -75,10 +72,18 @@ if ($_SERVER["REQUEST_METHOD"] === "GET" && isset($_GET["q"])) {
    if (!searchLimitValidator($limit)) {
        $limit = 10;
    }
-    $page  = isset($_GET['page']) ? (int)$_GET['page'] : 1;
-    header("Location: ../../index.php?pfad=search-results&q=" . urlencode($search) . "&sort=" . urlencode($sort) . "&limit=" . $limit . "&page=" . $page);
-    exit();
-    
-}
+    $page = isset($_GET['page']) ? (int)$_GET['page'] : 1;

+    // Kategorie-Filter durchreichen (Whitelist-Prüfung erfolgt in der View)
+    $category = isset($_GET['category']) ? $_GET['category'] : 'all';
+
+    header(
+        "Location: ../../index.php?pfad=search-results&q=" . urlencode($search) .
+        "&sort=" . urlencode($sort) .
+        "&limit=" . $limit .
+        "&category=" . urlencode($category) .
+        "&page=" . $page
+    );
+    exit();
+}
 ?>
@@ -49,9 +49,8 @@ if (isset($_GET["id"]) && !empty($_GET["id"])){
            }
        }

-    } catch (Throwable $e) {
+    } catch (Exception $e){
        $_SESSION["message"] = "internal_error";
-        header("Location: index.php");
        exit();
    }
 }else{
@@ -1,92 +0,0 @@
-<?php
-
-if (session_status() === PHP_SESSION_NONE) {
-    session_start();
-}
-
-require_once "php/model/CommentManager.php";
-
-if ($_SERVER["REQUEST_METHOD"] !== "POST") {
-    header("Location: index.php");
-    exit();
-}
-
-if (!isset($_SESSION["user_email"])) {
-    header("Location: index.php?pfad=login");
-    exit();
-}
-
-$commentId = filter_input(
-    INPUT_POST,
-    "comment_id",
-    FILTER_VALIDATE_INT
-);
-
-$articleId = filter_input(
-    INPUT_POST,
-    "article_id",
-    FILTER_VALIDATE_INT
-);
-
-$content = trim($_POST["content"] ?? "");
-
-/*
- * Ohne gültige Beitrags-ID kann nicht sicher
- * zum ursprünglichen Beitrag zurückgeleitet werden.
- */
-if (!$articleId) {
-    header("Location: index.php");
-    exit();
-}
-
-/*
- * Kommentar-ID und Inhalt werden geprüft.
- */
-if (!$commentId || $content === "") {
-    $_SESSION["comment_message"] =
-        "Der Kommentar darf nicht leer sein.";
-
-    $_SESSION["comment_message_type"] = "error";
-
-    header(
-        "Location: index.php?pfad=showArticle&id="
-        . urlencode((string) $articleId)
-        . "#comments"
-    );
-    exit();
-}
-
-try {
-    $commentManager = CommentManager::getInstance();
-
-    $updated = $commentManager->updateComment(
-        $commentId,
-        $_SESSION["user_email"],
-        $content
-    );
-
-    if ($updated) {
-        $_SESSION["comment_message"] =
-            "Der Kommentar wurde erfolgreich bearbeitet.";
-
-        $_SESSION["comment_message_type"] = "success";
-    } else {
-        $_SESSION["comment_message"] =
-            "Der Kommentar konnte nicht bearbeitet werden.";
-
-        $_SESSION["comment_message_type"] = "error";
-    }
-
-} catch (Throwable $e) {
-    $_SESSION["comment_message"] =
-        "Beim Bearbeiten des Kommentars ist ein Fehler aufgetreten.";
-
-    $_SESSION["comment_message_type"] = "error";
-}
-
-header(
-    "Location: index.php?pfad=showArticle&id="
-    . urlencode((string) $articleId)
-    . "#comments"
-);
-exit();
@@ -13,7 +13,7 @@ class Comment
    private int $id;
    private int $articleId;
    private ?int $parentCommentId;
-    private ?string $author;
+    private string $author;
    private string $content;
    private string $created;

@@ -23,7 +23,7 @@ class Comment
     * @param int $id Eindeutige ID des Kommentars
     * @param int $articleId ID des zugehörigen Beitrags
     * @param int|null $parentCommentId ID des Eltern-Kommentars oder null
-     * @param string|null $author Autor des Kommentars oder null bei gelöschten Kommentaren
+     * @param string $author Autor des Kommentars
     * @param string $content Inhalt des Kommentars
     * @param string $created Erstellungsdatum des Kommentars
     */
@@ -31,7 +31,7 @@ class Comment
        int $id,
        int $articleId,
        ?int $parentCommentId,
-        ?string $author,
+        string $author,
        string $content,
        string $created
    ) {
@@ -86,9 +86,9 @@ class Comment
    /**
     * Gibt den Autor des Kommentars zurück.
     *
-     * @return string|null Autor oder null bei gelöschten Kommentaren
+     * @return string Autor
     */
-    public function getAuthor(): ?string
+    public function getAuthor(): string
    {
        return $this->author;
    }
@@ -51,40 +51,4 @@ interface CommentManagerDAO
     * @return Comment[] Liste der Kommentare
     */
    public function getCommentsByAuthor($author);
-    /**
-     * Löscht einen einzelnen Kommentar des angemeldeten Nutzers.
-     *
-     * Kommentare ohne Antworten werden vollständig entfernt.
-     * Kommentare mit Antworten bleiben als anonymer Platzhalter erhalten.
-     *
-     * @param int $commentId ID des Kommentars
-     * @param string $author E-Mail-Adresse des Autors
-     * @return bool true, wenn der Kommentar gefunden und gelöscht wurde
-     */
-    public function deleteComment(int $commentId, string $author): bool;
-
-    /**
-     * Löscht beziehungsweise anonymisiert alle Kommentare eines Nutzers.
-     *
-     * Diese Methode wird bei der Löschung eines Benutzerkontos verwendet.
-     *
-     * @param string $author E-Mail-Adresse des Nutzers
-     * @return void
-     */
-    public function deleteCommentsByAuthor(string $author): void;
-    /**
-     * Bearbeitet einen Kommentar des angemeldeten Nutzers.
-     *
-     * Nur der Autor des Kommentars darf den Inhalt ändern.
-     *
-     * @param int $commentId ID des Kommentars
-     * @param string $author E-Mail-Adresse des Autors
-     * @param string $content Neuer Kommentarinhalt
-     * @return bool true, wenn der Kommentar bearbeitet wurde
-     */
-    public function updateComment(
-        int $commentId,
-        string $author,
-        string $content
-    ): bool;
 }
@@ -17,7 +17,7 @@ class DatabaseCommentManager implements CommentManagerDAO
    /**
     * Erstellt die Kommentartabelle, falls diese noch nicht existiert.
     */
-    private function __construct()
+    public function __construct()
    {
        $this->dbPath = __DIR__ . '/../../db/eduforgeDB.db';
        DatabaseInitializer::initialize($this->dbPath);
@@ -223,194 +223,4 @@ class DatabaseCommentManager implements CommentManagerDAO

        return $comments;
    }
-    /**
-     * Bearbeitet einen eigenen Kommentar.
-     *
-     * Der Kommentar wird nur geändert, wenn er dem
-     * angemeldeten Nutzer gehört.
-     *
-     * @param int $commentId ID des Kommentars
-     * @param string $author E-Mail-Adresse des Autors
-     * @param string $content Neuer Kommentarinhalt
-     * @return bool true, wenn der Kommentar bearbeitet wurde
-     */
-    public function updateComment(
-        int $commentId,
-        string $author,
-        string $content
-    ): bool {
-        try {
-            $db = $this->getConnection();
-
-            $command = $db->prepare("
-            UPDATE comments
-            SET content = :content
-            WHERE id = :commentId
-              AND author = :author
-        ");
-
-            $command->execute([
-                ":content" => $content,
-                ":commentId" => $commentId,
-                ":author" => $author
-            ]);
-
-            return $command->rowCount() > 0;
-
-        } catch (PDOException $e) {
-            throw new RuntimeException("internal_error");
-        }
-    }
-    /**
-     * Löscht einen eigenen Kommentar.
-     *
-     * Hat der Kommentar Antworten, wird er anonymisiert.
-     * Hat er keine Antworten, wird er vollständig gelöscht.
-     *
-     * @param int $commentId ID des Kommentars
-     * @param string $author E-Mail-Adresse des Autors
-     * @return bool true, wenn der Kommentar gelöscht wurde
-     */
-    public function deleteComment(int $commentId, string $author): bool
-    {
-        try {
-            $db = $this->getConnection();
-
-            /*
-             * Zuerst wird geprüft, ob der Kommentar existiert
-             * und wirklich dem angemeldeten Nutzer gehört.
-             */
-            $checkCommand = $db->prepare("
-            SELECT id
-            FROM comments
-            WHERE id = :commentId
-              AND author = :author
-        ");
-
-            $checkCommand->execute([
-                ":commentId" => $commentId,
-                ":author" => $author
-            ]);
-
-            if ($checkCommand->fetch() === false) {
-                return false;
-            }
-
-            /*
-             * Danach wird geprüft, ob Antworten auf den Kommentar existieren.
-             */
-            $replyCommand = $db->prepare("
-            SELECT COUNT(*)
-            FROM comments
-            WHERE parent_comment_id = :commentId
-        ");
-
-            $replyCommand->execute([
-                ":commentId" => $commentId
-            ]);
-
-            $hasReplies = (int) $replyCommand->fetchColumn() > 0;
-
-            if ($hasReplies) {
-                /*
-                 * Der Kommentar wird für den Kommentarbaum benötigt.
-                 * Deshalb bleibt er als anonymer Platzhalter erhalten.
-                 */
-                $deleteCommand = $db->prepare("
-                UPDATE comments
-                SET author = NULL,
-                    content = 'Dieser Kommentar wurde gelöscht.'
-                WHERE id = :commentId
-                  AND author = :author
-            ");
-            } else {
-                /*
-                 * Ohne Antworten kann der Kommentar vollständig
-                 * aus der Datenbank entfernt werden.
-                 */
-                $deleteCommand = $db->prepare("
-                DELETE FROM comments
-                WHERE id = :commentId
-                  AND author = :author
-            ");
-            }
-
-            $deleteCommand->execute([
-                ":commentId" => $commentId,
-                ":author" => $author
-            ]);
-
-            return $deleteCommand->rowCount() > 0;
-
-        } catch (PDOException $e) {
-            throw new RuntimeException("internal_error");
-        }
-    }
-    /**
-     * Löscht beziehungsweise anonymisiert alle Kommentare eines Nutzers.
-     *
-     * Kommentare ohne Antworten werden vollständig gelöscht.
-     * Kommentare mit Antworten bleiben als anonyme Platzhalter erhalten.
-     *
-     * @param string $author E-Mail-Adresse des Nutzers
-     * @return void
-     */
-    public function deleteCommentsByAuthor(string $author): void
-    {
-        $db = $this->getConnection();
-
-        try {
-            $db->beginTransaction();
-
-            /*
-             * Zuerst werden alle Kommentare ohne Antworten gelöscht.
-             *
-             * Die Schleife ist wichtig, weil durch das Löschen einer Antwort
-             * eventuell auch der darüberliegende Kommentar keine Antworten
-             * mehr besitzt und anschließend ebenfalls gelöscht werden kann.
-             */
-            do {
-                $deleteCommand = $db->prepare("
-                DELETE FROM comments
-                WHERE author = :author
-                  AND NOT EXISTS (
-                      SELECT 1
-                      FROM comments AS replies
-                      WHERE replies.parent_comment_id = comments.id
-                  )
-            ");
-
-                $deleteCommand->execute([
-                    ":author" => $author
-                ]);
-
-                $deletedRows = $deleteCommand->rowCount();
-
-            } while ($deletedRows > 0);
-
-            /*
-             * Kommentare, auf die noch Antworten anderer Nutzer folgen,
-             * müssen für den Kommentarbaum erhalten bleiben.
-             */
-            $placeholderCommand = $db->prepare("
-            UPDATE comments
-            SET author = NULL,
-                content = 'Dieser Kommentar wurde gelöscht.'
-            WHERE author = :author
-        ");
-
-            $placeholderCommand->execute([
-                ":author" => $author
-            ]);
-
-            $db->commit();
-
-        } catch (PDOException $e) {
-            if ($db->inTransaction()) {
-                $db->rollBack();
-            }
-
-            throw new RuntimeException("internal_error");
-        }
-    }
 }
@@ -46,17 +46,17 @@ class DatabaseInitializer {

                $db->exec("
                    CREATE TABLE IF NOT EXISTS comments (
-                     id INTEGER PRIMARY KEY AUTOINCREMENT,
-                    article_id INTEGER NOT NULL,
-                    parent_comment_id INTEGER NULL,
-                    author TEXT NULL,
-                    content TEXT NOT NULL,
-                    created TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
-                    FOREIGN KEY (article_id) REFERENCES articles(id) ON DELETE CASCADE,
-                    FOREIGN KEY (author) REFERENCES users(email) ON DELETE SET NULL,
-                    FOREIGN KEY (parent_comment_id) REFERENCES comments(id) ON DELETE CASCADE
-                        );
-                    ");
+                        id INTEGER PRIMARY KEY AUTOINCREMENT,
+                        article_id INTEGER NOT NULL,
+                        parent_comment_id INTEGER NULL,
+                        author TEXT NOT NULL,
+                        content TEXT NOT NULL,
+                        created TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+                        FOREIGN KEY (article_id) REFERENCES articles(id) ON DELETE CASCADE,
+                        FOREIGN KEY (author) REFERENCES users(email) ON DELETE CASCADE,
+                        FOREIGN KEY (parent_comment_id) REFERENCES comments(id) ON DELETE CASCADE
+                    );
+                ");

                $initializer = new self();
                $availableEmails = $initializer->seedDummyUsers($db);
Author	SHA1	Message	Date
niklas.ortmann	e1529da4b0	Update search-results.php	2026-07-18 15:19:27 +02:00
niklas.ortmann	986b85bed9	search-results.js	2026-07-18 15:05:22 +02:00
niklas.ortmann	39d90c9fe0	revert	2026-07-18 15:00:54 +02:00
niklas.ortmann	db62cee09b	revert	2026-07-18 14:52:26 +02:00
niklas.ortmann	b8d32de25f	debugging	2026-07-18 14:34:30 +02:00
niklas.ortmann	470d98940a	debugging	2026-07-18 14:30:54 +02:00
niklas.ortmann	cab41ade7a	debugging	2026-07-18 14:26:48 +02:00
niklas.ortmann	cf76f86f09	debugging	2026-07-18 14:25:27 +02:00
niklas.ortmann	bf33afb15b	debugging	2026-07-18 14:22:05 +02:00
niklas.ortmann	193c523de6	Update paginator.js	2026-07-18 14:19:35 +02:00
niklas.ortmann	36c47bb7a6	Update paginator.js	2026-07-18 14:19:12 +02:00
niklas.ortmann	6031fc0185	Update editor.js	2026-07-18 14:19:09 +02:00
niklas.ortmann	e77c60d8c8	js übernimmt Sortierung + Fallback	2026-07-18 14:04:13 +02:00
niklas.ortmann	7f5cea8c1e	revert	2026-07-18 13:33:15 +02:00
niklas.ortmann	71c213ef1e	js sortiert die Ergebnisse	2026-07-18 13:18:04 +02:00