Reviewänderungen

Reviewed-on: #32

.idea/dataSources.local.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="dataSourceStorageLocal" created-in="IU-261.25134.95">
+  <component name="dataSourceStorageLocal" created-in="IU-253.32098.101">
     <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>

README.md

@@ -16,8 +16,6 @@
 
 ## Bekannte Fehler und Mängel
 - Bitte auf die gesetzten TODO's achten. Wenn Inhalte fehlen, sind sie i.d.R. als TODO kommentiert.
-- Die Navbar hat noch keine onHover-Effekte und erschwert etwas die Bedienung.
-- Suchleiste in der Nav ist in der mobilen Ansicht etwas schmal. Ggf. ein alternatives (kleineres) Logo implementieren.
 - Die Suchseite und Kategorieseite packen momentan alle passenden Beiträge untereinander. Später sollen zunächst 10 
   Ergebnisse auf einer Seite angezeigt werden.
 

content/createArticle.php

@@ -31,45 +31,211 @@ if (!isset($_SESSION["user"])) {
         <div class="sidebar-block">
             <label for="category">Kategorie <span class="required">*</span></label>
             <select id="category" name="category" required>
-                <option value="" disabled selected>Kategorie wählen...</option>
+                <option disabled <?php
+                if ((!isset($_SESSION['old_category']) || empty($_SESSION['old_category'])) && (!isset($category) || empty($category))) {
+                    echo 'selected';
+                }
+                ?>>Kategorie wählen...</option>
 
                 <optgroup label="Sprachen">
-                    <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="deutsch" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'deutsch') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'deutsch') { echo 'selected'; }
+                    }
+                    ?>>Deutsch</option>
+                    <option value="englisch" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'englisch') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'englisch') { echo 'selected'; }
+                    }
+                    ?>>Englisch</option>
+                    <option value="franzoesisch" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'franzoesisch') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'franzoesisch') { echo 'selected'; }
+                    }
+                    ?>>Französisch</option>
+                    <option value="latein" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'latein') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'latein') { echo 'selected'; }
+                    }
+                    ?>>Latein</option>
+                    <option value="literatur" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'literatur') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'literatur') { echo 'selected'; }
+                    }
+                    ?>>Literatur</option>
                 </optgroup>
 
                 <optgroup label="MINT">
-                    <option value="mathe">Mathematik</option>
-                    <option value="biologie">Biologie</option>
-                    <option value="chemie">Chemie</option>
-                    <option value="physik">Physik</option>
-                    <option value="informatik">Informatik</option>
-                    <option value="astronomie">Astronomie</option>
+                    <option value="mathe" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'mathe') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'mathe') { echo 'selected'; }
+                    }
+                    ?>>Mathematik</option>
+                    <option value="biologie" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'biologie') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'biologie') { echo 'selected'; }
+                    }
+                    ?>>Biologie</option>
+                    <option value="chemie" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'chemie') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'chemie') { echo 'selected'; }
+                    }
+                    ?>>Chemie</option>
+                    <option value="physik" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'physik') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'physik') { echo 'selected'; }
+                    }
+                    ?>>Physik</option>
+                    <option value="informatik" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'informatik') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'informatik') { echo 'selected'; }
+                    }
+                    ?>>Informatik</option>
+                    <option value="astronomie" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'astronomie') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'astronomie') { echo 'selected'; }
+                    }
+                    ?>>Astronomie</option>
                 </optgroup>
 
                 <optgroup label="Gesellschaft & Werte">
-                    <option value="geschichte">Geschichte</option>
-                    <option value="erdkunde">Erdkunde</option>
-                    <option value="sozialkunde">Sozialkunde</option>
-                    <option value="wirtschaft">Wirtschaftskunde</option>
-                    <option value="religion">Religion</option>
-                    <option value="ethik">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="geschichte" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'geschichte') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'geschichte') { echo 'selected'; }
+                    }
+                    ?>>Geschichte</option>
+                    <option value="erdkunde" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'erdkunde') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'erdkunde') { echo 'selected'; }
+                    }
+                    ?>>Erdkunde</option>
+                    <option value="sozialkunde" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'sozialkunde') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'sozialkunde') { echo 'selected'; }
+                    }
+                    ?>>Sozialkunde</option>
+                    <option value="wirtschaft" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'wirtschaft') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'wirtschaft') { echo 'selected'; }
+                    }
+                    ?>>Wirtschaftskunde</option>
+                    <option value="religion" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'religion') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'religion') { echo 'selected'; }
+                    }
+                    ?>>Religion</option>
+                    <option value="ethik" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'ethik') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'ethik') { echo 'selected'; }
+                    }
+                    ?>>Ethikunterricht</option>
+                    <option value="philosophie" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'philosophie') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'philosophie') { echo 'selected'; }
+                    }
+                    ?>>Philosophie</option>
+                    <option value="psychologie" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'psychologie') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'psychologie') { echo 'selected'; }
+                    }
+                    ?>>Psychologie</option>
+                    <option value="kunst" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'kunst') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'kunst') { echo 'selected'; }
+                    }
+                    ?>>Kunst</option>
+                    <option value="musik" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'musik') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'musik') { echo 'selected'; }
+                    }
+                    ?>>Musik</option>
+                    <option value="theater" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'theater') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'theater') { echo 'selected'; }
+                    }
+                    ?>>Theater</option>
                 </optgroup>
 
                 <optgroup label="Technik & Praxis">
-                    <option value="technik">Technik</option>
-                    <option value="werken">Werken</option>
-                    <option value="hauswirtschaft">Hauswirtschaft</option>
-                    <option value="sport">Sport</option>
+                    <option value="technik" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'technik') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'technik') { echo 'selected'; }
+                    }
+                    ?>>Technik</option>
+                    <option value="werken" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'werken') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'werken') { echo 'selected'; }
+                    }
+                    ?>>Werken</option>
+                    <option value="hauswirtschaft" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'hauswirtschaft') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'hauswirtschaft') { echo 'selected'; }
+                    }
+                    ?>>Hauswirtschaft</option>
+                    <option value="sport" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'sport') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'sport') { echo 'selected'; }
+                    }
+                    ?>>Sport</option>
                 </optgroup>
+
+                <?php
+                if (isset($_SESSION['old_category'])) {
+                    unset($_SESSION['old_category']);
+                }
+                ?>
             </select>
         </div>
 

content/profile.php

@@ -93,7 +93,7 @@ $isEditMode = (isset($_GET["edit"]) && $_GET["edit"] === "1") || !empty($error);
 
         <div class="container">
 
-            <?php include_once "includes/alertMessages.php"?>
+            <?php include_once "includes/alertMessages.php" ?>
 
             <h2 class="section-title">Meine Beiträge</h2>
 
@@ -157,7 +157,9 @@ $isEditMode = (isset($_GET["edit"]) && $_GET["edit"] === "1") || !empty($error);
                             </a>
 
                             <form action="php/controller/deleteArticle-controller.php" method="POST">
-                                <input type="hidden" name="id" value="<?php echo htmlspecialchars($userArticle->getID()); ?>">
+                                <input type="hidden"
+                                       name="id"
+                                       value="<?php echo htmlspecialchars($userArticle->getID()); ?>">
 
                                 <button type="submit"
                                         class="button"
@@ -165,7 +167,6 @@ $isEditMode = (isset($_GET["edit"]) && $_GET["edit"] === "1") || !empty($error);
                                     Löschen
                                 </button>
                             </form>
-
                         </div>
                     <?php endforeach; ?>
 
@@ -180,10 +181,57 @@ $isEditMode = (isset($_GET["edit"]) && $_GET["edit"] === "1") || !empty($error);
                     </button>
 
                 <?php endif; ?>
-
-                <?php unset($_SESSION["message"]); ?>
             </div>
+
+            <br>
+
+            <!-- Eigener Bereich für die Kommentare des Nutzers -->
+            <div class="comments-section">
+
+                <h2 class="section-title">Meine Kommentare</h2>
+
+                <!-- Liste aller Kommentare des Nutzers -->
+                <div class="comments-list">
+
+                    <?php if (isset($userComments) && count($userComments) > 0): ?>
+
+                        <?php foreach ($userComments as $comment): ?>
+                            <div class="article-item">
+
+                                <!-- Erstellungsdatum des Kommentars -->
+                                <div class="article-meta">
+                        <span class="article-date">
+                            <?php echo htmlspecialchars($comment->getCreated()); ?>
+                        </span>
+                                </div>
+
+                                <!-- Inhalt des Kommentars -->
+                                <p>
+                                    <?php echo nl2br(htmlspecialchars($comment->getContent())); ?>
+                                </p>
+
+                                <!-- Link zum Beitrag, unter dem der Kommentar geschrieben wurde -->
+                                <a href="index.php?pfad=showArticle&id=<?php echo htmlspecialchars($comment->getArticleId()); ?>"
+                                   class="edit-link-button">
+                                    Zum Beitrag
+                                </a>
+
+                            </div>
+                        <?php endforeach; ?>
+
+                    <?php else: ?>
+
+                        <p>Du hast noch keine Kommentare geschrieben.</p>
+
+                    <?php endif; ?>
+
+                </div>
+
+            </div>
+
+            <?php unset($_SESSION["message"]); ?>
+            </div>
+
         </div>
 
-    </div>
 </main>

content/search-results.php

@@ -2,12 +2,38 @@
 if (session_status() === PHP_SESSION_NONE) {
     session_start();
 }
- 
-$results = $_SESSION["search_results"] ?? [];
+
+$all_results = $_SESSION["search_results"] ?? [];
 $query = $_SESSION["search_query"] ?? "";
+$totalResultsCount = count($all_results);
+
+$limit = isset($_GET['limit']) ? (int)$_GET['limit'] : 10;
+if (!in_array($limit, [10, 20, 50, 100])) {
+    $limit = 10;
+}
+
+// Gesamtseitenzahl
+$totalPages = max(1, ceil($totalResultsCount / $limit));
+
+// Aktuelle Seite auslesen und validieren
+$currentPage = isset($_GET['page']) ? (int)$_GET['page'] : 1;
+if ($currentPage < 1) {
+    $currentPage = 1;
+} elseif ($currentPage > $totalPages) {
+    $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);
 $resultCount = count($results);
 
 ?>
+<noscript>
+    Bitte JavaScript aktivieren!
+</noscript>
 <!--
     Seite: Suchergebnisse
     Inhalt: Zeigt die Ergebnisse einer Suche an
@@ -19,9 +45,11 @@ $resultCount = count($results);
     <aside class="s-res-sidebar">
 
         <!-- Sortierfuntion Box und Such Box-->
-         <form action="php/controller/search-results-controller.php" method="GET" class="s-res-sidebar-form">
-    
-            <div class="s-res-sidebar-box">
+         <form id="search-form-id" action="php/controller/search-results-controller.php" method="GET" class="s-res-sidebar-form">
+             <!-- Dieses Feld hält die aktuelle Seitenzahl für den Submit bereit -->
+             <input type="hidden" name="page" id="s-res-page-input" value="<?php echo $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>
                 <button type="submit" class="nav__search-button">Suchen</button>
@@ -59,7 +87,7 @@ $resultCount = count($results);
 
         <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>
+            <p class="s-res-meta"><?php echo $totalResultsCount; ?> Treffer für Ihre Suchanfrage "<?php echo htmlspecialchars($query); ?>"</p>
         </div>
 
         <!-- Ergebnisliste -->
@@ -99,18 +127,29 @@ $resultCount = count($results);
             <!-- 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 id="s-res-per-page" name="limit" class="s-res-limit-select" form="search-form-id" onchange="this.form.submit()">
+                    <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>
+                    <option value="100" <?php echo $limit === 100 ? 'selected' : ''; ?>>100</option>
                 </select>
             </div>
 
             <div class="s-res-page-navigation">
-                <button type="button" class="s-res-page-btn" disabled>&laquo;</button>
-                <button type="button" class="s-res-page-btn s-res-page-btn-active">1</button>
-                <button type="button" class="s-res-page-btn">&raquo;</button>
+                <button type="button" class="s-res-page-btn" data-page="<?php echo $currentPage - 1; ?>" <?php echo $currentPage <= 1 ? 'disabled' : ''; ?>>
+                    «
+                </button>
+                <!-- Dynamische Seitenzahlen -->
+                <?php for ($i = 1; $i <= $totalPages; $i++): ?>
+                    <button type="button"
+                            class="s-res-page-btn <?php echo $i === $currentPage ? 's-res-page-btn-active' : ''; ?>"
+                            data-page="<?php echo $i; ?>">
+                        <?php echo $i; ?>
+                    </button>
+                <?php endfor; ?>
+                <button type="button" class="s-res-page-btn" data-page="<?php echo $currentPage + 1; ?>" <?php echo $currentPage >= $totalPages ? 'disabled' : ''; ?>>
+                    »
+                </button>
             </div>
 
         </div>

content/showArticle.php

@@ -1,22 +1,46 @@
 <?php
 include_once 'php/controller/showArticle-controller.php';
+require_once 'php/model/CommentManager.php';
+
+$comments = [];
+$mainComments = [];
+$repliesByParent = [];
+
+if (isset($_GET["id"])) {
+    try {
+        $commentManager = CommentManager::getInstance();
+        $comments = $commentManager->getCommentsByArticle($_GET["id"]);
+
+        foreach ($comments as $comment) {
+            if ($comment->isReply()) {
+                $parentId = $comment->getParentCommentId();
+                $repliesByParent[$parentId][] = $comment;
+            } else {
+                $mainComments[] = $comment;
+            }
+        }
+    } catch (Exception $e) {
+        $_SESSION["message"] = "internal_error";
+    }
+}
 ?>
 <!--
-    Seite: Anzeige für Beiträge
-    Funktion: Stellt einen übergebenen Beitrag dar.
--->
-
+     Seite: Anzeige für Beiträge
+     Funktion: Stellt einen übergebenen Beitrag dar.
+ -->
 <!-- Hauptcontainer für die Beitragsansicht (Ausschließlich der Content-Bereich) -->
+
 <main class="article-view-container">
     <?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "internal_error"): ?>
         <p class="alert-message is-error">
             Es ist ein interner Fehler aufgetreten. Bitte versuche es erneut.
         </p>
     <?php endif; ?>
+
     <?php if (isset($_SESSION["message"]) &&  $_SESSION["message"] == "missing_id"): ?>
-        <p class="alert-message is-error">
-            Es ist ein Fehler aufgetreten. Die ID konnte nicht ausgelesen werden. Bitte versuche es erneut.
-        </p>
+    <p class="alert-message is-error">
+        Es ist ein Fehler aufgetreten. Die ID konnte nicht ausgelesen werden. Bitte versuche es erneut.
+    </p>
     <?php endif; ?>
 
     <?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "missing_parameters"): ?>
@@ -33,52 +57,138 @@ include_once 'php/controller/showArticle-controller.php';
     unset($_SESSION["message"]);
     ?>
 
-    <!-- Metadaten & Titel -->
-    <div class="article-view-top-section">
+    <?php unset($_SESSION["message"]); ?>
 
+    <!-- Metadaten & Titel -->
+
+    <div class="article-view-top-section">
         <?php if (isset($category) && !empty($category)): ?>
             <span class="article-view-category"><?php echo htmlspecialchars($category); ?></span>
         <?php endif; ?>
+
         <h1 class="article-view-title">
             <?php if (isset($title)) { echo htmlspecialchars($title); } ?>
         </h1>
 
         <div class="article-view-meta">
             <?php if (isset($author) && !empty($author)): ?>
-                <span class="article-view-author">Von: <strong><?php echo htmlspecialchars($author); ?></strong></span>
+                <span class="article-view-author">
+                    Von: <strong><?php echo htmlspecialchars($author); ?></strong>
+                </span>
             <?php endif; ?>
         </div>
-
     </div>
 
     <!-- Beitrags-Inhalt -->
+
     <div class="article-view-content">
         <?php if (isset($content)): ?>
             <!-- nl2br für Zeilenumbrüche -->
-            <div class="article-view-body"><?php echo nl2br(htmlspecialchars($content)); ?></div>
+            <div class="article-view-body">
+                <?php echo nl2br(htmlspecialchars($content)); ?>
+            </div>
         <?php endif; ?>
     </div>
-
     <!-- Beitrags-Endbereich (Tags) -->
+
+
     <?php if (isset($tags) && !empty($tags)): ?>
         <div class="article-view-bottom-section">
             <div class="article-view-tags-label">Tags:</div>
+
             <div class="article-view-tags-list">
                 <?php
                 // Falls $tags ein String ist (z.B. "Web, CSS"), in ein Array umwandeln
                 $tagArray = is_array($tags) ? $tags : explode(',', $tags);
+
                 foreach ($tagArray as $tag):
                     $trimmedTag = trim($tag);
+
                     if (!empty($trimmedTag)):
                         ?>
-                        <span class="article-view-tag-item"><?php echo htmlspecialchars($trimmedTag); ?></span>
-                    <?php
-                    endif;
+                        <span class="article-view-tag-item">
+                            <?php echo htmlspecialchars($trimmedTag); ?>
+                        </span>
+                    <?php endif;
                 endforeach;
                 ?>
             </div>
         </div>
     <?php endif; ?>
 
-</main>
+    <section class="article-comments-section">
+        <h2>Kommentare</h2>
 
+        <div id="comments-list">
+            <?php if (!empty($mainComments)): ?>
+                <?php foreach ($mainComments as $comment): ?>
+                    <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>
+
+                        <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>
+
+                                        <p><?php echo nl2br(htmlspecialchars($reply->getContent())); ?></p>
+                                    </div>
+                                <?php endforeach; ?>
+                            <?php endif; ?>
+                        </div>
+                    </div>
+                <?php endforeach; ?>
+            <?php else: ?>
+                <p class="no-comments-message">
+                    Noch keine Kommentare vorhanden.
+                </p>
+            <?php endif; ?>
+        </div>
+
+        <?php if (isset($_SESSION["user_email"])): ?>
+            <form id="comment-form">
+                <input type="hidden"
+                       name="article_id"
+                       value="<?php echo htmlspecialchars($_GET["id"] ?? ""); ?>">
+
+                <input type="hidden"
+                       name="parent_comment_id"
+                       id="parent-comment-id"
+                       value="">
+
+                <p id="reply-info" class="reply-info" style="display: none;"></p>
+
+                <textarea name="content"
+                          id="comment-content"
+                          placeholder="Schreibe einen Kommentar..."
+                          required></textarea>
+
+                <button type="submit" class="button">
+                    Kommentar senden
+                </button>
+            </form>
+        <?php else: ?>
+            <div class="comment-login-hint">
+                <p>Melde dich an, um einen Kommentar zu schreiben.</p>
+                <a href="index.php?pfad=login" class="button">Jetzt anmelden</a>
+            </div>
+        <?php endif; ?>
+    </section>
+</main>

content/updateArticle.php

@@ -40,45 +40,211 @@ include_once 'php/controller/showArticle-controller.php';
         <div class="sidebar-block">
             <label for="category">Kategorie <span class="required">*</span></label>
             <select id="category" name="category" required>
-                <option disabled selected>Kategorie wählen...</option>
+                <option disabled <?php
+                if ((!isset($_SESSION['old_category']) || empty($_SESSION['old_category'])) && (!isset($category) || empty($category))) {
+                    echo 'selected';
+                }
+                ?>>Kategorie wählen...</option>
 
                 <optgroup label="Sprachen">
-                    <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="deutsch" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'deutsch') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'deutsch') { echo 'selected'; }
+                    }
+                    ?>>Deutsch</option>
+                    <option value="englisch" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'englisch') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'englisch') { echo 'selected'; }
+                    }
+                    ?>>Englisch</option>
+                    <option value="franzoesisch" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'franzoesisch') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'franzoesisch') { echo 'selected'; }
+                    }
+                    ?>>Französisch</option>
+                    <option value="latein" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'latein') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'latein') { echo 'selected'; }
+                    }
+                    ?>>Latein</option>
+                    <option value="literatur" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'literatur') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'literatur') { echo 'selected'; }
+                    }
+                    ?>>Literatur</option>
                 </optgroup>
 
                 <optgroup label="MINT">
-                    <option value="mathe">Mathematik</option>
-                    <option value="biologie">Biologie</option>
-                    <option value="chemie">Chemie</option>
-                    <option value="physik">Physik</option>
-                    <option value="informatik">Informatik</option>
-                    <option value="astronomie">Astronomie</option>
+                    <option value="mathe" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'mathe') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'mathe') { echo 'selected'; }
+                    }
+                    ?>>Mathematik</option>
+                    <option value="biologie" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'biologie') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'biologie') { echo 'selected'; }
+                    }
+                    ?>>Biologie</option>
+                    <option value="chemie" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'chemie') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'chemie') { echo 'selected'; }
+                    }
+                    ?>>Chemie</option>
+                    <option value="physik" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'physik') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'physik') { echo 'selected'; }
+                    }
+                    ?>>Physik</option>
+                    <option value="informatik" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'informatik') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'informatik') { echo 'selected'; }
+                    }
+                    ?>>Informatik</option>
+                    <option value="astronomie" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'astronomie') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'astronomie') { echo 'selected'; }
+                    }
+                    ?>>Astronomie</option>
                 </optgroup>
 
                 <optgroup label="Gesellschaft & Werte">
-                    <option value="geschichte">Geschichte</option>
-                    <option value="erdkunde">Erdkunde</option>
-                    <option value="sozialkunde">Sozialkunde</option>
-                    <option value="wirtschaft">Wirtschaftskunde</option>
-                    <option value="religion">Religion</option>
-                    <option value="ethik">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="geschichte" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'geschichte') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'geschichte') { echo 'selected'; }
+                    }
+                    ?>>Geschichte</option>
+                    <option value="erdkunde" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'erdkunde') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'erdkunde') { echo 'selected'; }
+                    }
+                    ?>>Erdkunde</option>
+                    <option value="sozialkunde" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'sozialkunde') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'sozialkunde') { echo 'selected'; }
+                    }
+                    ?>>Sozialkunde</option>
+                    <option value="wirtschaft" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'wirtschaft') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'wirtschaft') { echo 'selected'; }
+                    }
+                    ?>>Wirtschaftskunde</option>
+                    <option value="religion" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'religion') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'religion') { echo 'selected'; }
+                    }
+                    ?>>Religion</option>
+                    <option value="ethik" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'ethik') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'ethik') { echo 'selected'; }
+                    }
+                    ?>>Ethikunterricht</option>
+                    <option value="philosophie" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'philosophie') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'philosophie') { echo 'selected'; }
+                    }
+                    ?>>Philosophie</option>
+                    <option value="psychologie" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'psychologie') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'psychologie') { echo 'selected'; }
+                    }
+                    ?>>Psychologie</option>
+                    <option value="kunst" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'kunst') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'kunst') { echo 'selected'; }
+                    }
+                    ?>>Kunst</option>
+                    <option value="musik" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'musik') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'musik') { echo 'selected'; }
+                    }
+                    ?>>Musik</option>
+                    <option value="theater" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'theater') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'theater') { echo 'selected'; }
+                    }
+                    ?>>Theater</option>
                 </optgroup>
 
                 <optgroup label="Technik & Praxis">
-                    <option value="technik">Technik</option>
-                    <option value="werken">Werken</option>
-                    <option value="hauswirtschaft">Hauswirtschaft</option>
-                    <option value="sport">Sport</option>
+                    <option value="technik" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'technik') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'technik') { echo 'selected'; }
+                    }
+                    ?>>Technik</option>
+                    <option value="werken" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'werken') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'werken') { echo 'selected'; }
+                    }
+                    ?>>Werken</option>
+                    <option value="hauswirtschaft" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'hauswirtschaft') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'hauswirtschaft') { echo 'selected'; }
+                    }
+                    ?>>Hauswirtschaft</option>
+                    <option value="sport" <?php
+                    if (isset($_SESSION['old_category']) && !empty($_SESSION['old_category'])) {
+                        if ($_SESSION['old_category'] === 'sport') { echo 'selected'; }
+                    } elseif (isset($category) && !empty($category)) {
+                        if ($category === 'sport') { echo 'selected'; }
+                    }
+                    ?>>Sport</option>
                 </optgroup>
+
+                <?php
+                if (isset($_SESSION['old_category'])) {
+                    unset($_SESSION['old_category']);
+                }
+                ?>
             </select>
         </div>
 

css/navbar.css

@@ -57,6 +57,10 @@ CSS für die navbar
     font-weight: 600;
 }
 
+.nav__dropdown-menu a:hover {
+    color: #1d4ed8;
+}
+
 .nav__link {
     display: inline-block;
     font-weight: 600;
@@ -89,6 +93,12 @@ CSS für die navbar
     border-radius: 4px; /* Abgerundete Ecken */
     background: #fff;
     margin: 0 0.5rem;
+    width: 100%;
+}
+
+.nav__search input {
+    flex: 1;
+    width: 100%;
 }
 
 .nav__search-button {
@@ -115,6 +125,31 @@ CSS für die navbar
     display: block;
 }
 
+.nav__search-form {
+    display: flex;
+    width: 100%;
+    margin: 0;
+}
+
+.nav__search {
+    flex: 1;
+    width: 100%;
+}
+
+.nav__search-button {
+    display: inline-block;
+    background: #fff;
+    border: none;
+    border-radius: 4px;
+    padding: 0.4rem 0.6rem;
+    font-size: 0.8rem;
+    font-weight: 600;
+    cursor: pointer;
+    margin-left: 4px;
+    flex-shrink: 0;
+    white-space: nowrap;
+}
+
 /* Responsive Anpassung unter 1240px */
 @media (max-width: 1240px) {
     .nav {
@@ -151,8 +186,8 @@ CSS für die navbar
     display: none;
 }
 
-/* Responsive Anpassungen unter 760px (für z.B. Smartphones) */
-@media (max-width: 800px) {
+/* Responsive Anpassungen unter 900px (für z.B. Smartphones) */
+@media (max-width: 900px) {
     .nav {
         flex-direction: row;
         flex-wrap: wrap;
@@ -189,24 +224,6 @@ CSS für die navbar
         cursor: pointer;
     }
 
-    .nav__search {
-        display: flex;
-        width: 100%;
-        margin: 0;
-    }
-
-    .nav__search-button {
-        display: inline-block;
-        background: #fff;
-        border: none;
-        border-radius: 4px;
-        padding: 0.4rem 0.6rem;
-        font-size: 0.8rem;
-        font-weight: 600;
-        cursor: pointer;
-        margin-left: 4px;
-    }
-
     .nav__search-button:hover {
         background-color: #f8f9fa;
     }

css/showArticle.css

@@ -116,3 +116,96 @@
         font-size: 1.85rem;
     }
 }
+
+/* --- KOMMENTARE --- */
+
+.article-comments-section {
+    margin-top: 3rem;
+    padding-top: 2rem;
+    border-top: 1px solid #e2e8f0;
+}
+
+.article-comments-section h2 {
+    font-size: 2rem;
+    margin-bottom: 1.5rem;
+}
+
+#comments-list {
+    margin-bottom: 2rem;
+}
+
+.comment-item {
+    background-color: #f8fafc;
+    border: 1px solid #e2e8f0;
+    border-radius: 10px;
+    padding: 1rem 1.25rem;
+    margin-bottom: 1rem;
+}
+
+#comment-form {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+#comment-content {
+    width: 100%;
+    min-height: 130px;
+    padding: 1rem;
+    border: 1px solid #cbd5e1;
+    border-radius: 8px;
+    font-size: 1rem;
+    font-family: inherit;
+    resize: vertical;
+}
+
+#comment-form .button {
+    width: 100%;
+}
+
+.reply-button {
+    display: inline-block;
+    margin-top: 0.75rem;
+    background: none;
+    border: none;
+    color: #2563eb;
+    font-weight: 700;
+    cursor: pointer;
+    padding: 0;
+    font-size: 0.95rem;
+}
+
+.reply-button:hover {
+    text-decoration: underline;
+}
+
+.comment-replies {
+    margin-top: 1rem;
+    margin-left: 2rem;
+    padding-left: 1rem;
+    border-left: 3px solid #cbd5e1;
+}
+
+.comment-reply {
+    background-color: #eef6ff;
+    margin-top: 1rem;
+}
+
+.reply-info {
+    margin: 0.5rem 0;
+    color: #475569;
+    font-weight: 600;
+}
+.comment-login-hint {
+    margin-top: 2rem;
+    padding: 1.5rem;
+    background-color: #f8fafc;
+    border: 1px solid #e2e8f0;
+    border-radius: 10px;
+    text-align: center;
+}
+
+.comment-login-hint p {
+    margin-bottom: 1rem;
+}

includes/search.php

@@ -2,7 +2,7 @@
 Suchleiste. Wird via PHP später in alle Seiten eingebunden
 -->
 <!--<label for="site-search">Suche</label>-->
-<form action="php/controller/search-results-controller.php" method="GET" class="search-form" style="display: flex; align-items: center; gap: 5px;">
+<form action="php/controller/search-results-controller.php" method="GET" class="nav__search-form">
     
     <input type="hidden" name="pfad" value="search-results">
     

index.php

@@ -42,6 +42,7 @@ if ($pfad === "deleteAccount") {
         <meta name="author" content="Niklas Ortmann">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="icon" type="image/x-icon" href="images/logos/logo_icon.ico">
+
         <link rel="stylesheet" href="css/main.css">
         <link rel="stylesheet" href="css/navbar.css">
         <link rel="stylesheet" href="css/footer.css">
@@ -50,6 +51,10 @@ if ($pfad === "deleteAccount") {
         <link rel="stylesheet" href="css/profile.css">
         <link rel="stylesheet" href="css/showArticle.css">
         <link rel="stylesheet" href="css/message.css">
+
+        <script src="js/paginator.js" async></script>
+        <script src="js/comments.js" defer></script>
+
         <title>EduForge</title>
     </head>
 

js/comments.js

@@ -0,0 +1,137 @@
+/**
+ * Initialisiert die Kommentarfunktion.
+ *
+ * Kommentare werden per AJAX gespeichert,
+ * ohne dass die Seite neu geladen werden muss.
+ */
+document.addEventListener("DOMContentLoaded", function () {
+    const form = document.getElementById("comment-form");
+    const commentsList = document.getElementById("comments-list");
+    const commentContent = document.getElementById("comment-content");
+    const parentCommentInput = document.getElementById("parent-comment-id");
+    const replyInfo = document.getElementById("reply-info");
+
+    if (!form || !commentsList || !commentContent || !parentCommentInput || !replyInfo) {
+        return;
+    }
+
+    /**
+     * Aktiviert einen einzelnen Antworten-Button.
+     *
+     * @param {HTMLButtonElement} button Antworten-Button
+     */
+    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();
+        });
+    }
+
+    /**
+     * Registriert alle bereits vorhandenen Antwort-Buttons.
+     */
+    document.querySelectorAll(".reply-button").forEach(function (button) {
+        registerReplyButton(button);
+    });
+
+    /**
+     * Sendet Kommentare per AJAX an den Server.
+     */
+    form.addEventListener("submit", function (event) {
+        event.preventDefault();
+
+        const formData = new FormData(form);
+        const parentCommentId = parentCommentInput.value;
+
+        fetch("php/ajax/add-comment.php", {
+            method: "POST",
+            body: formData
+        })
+            .then(response => response.json())
+            .then(data => {
+                if (!data.success) {
+                    alert(data.message);
+                    return;
+                }
+
+                const emptyMessage = commentsList.querySelector(".no-comments-message");
+
+                if (emptyMessage) {
+                    emptyMessage.remove();
+                }
+
+                const commentElement = document.createElement("div");
+                commentElement.classList.add("comment-item");
+
+                if (parentCommentId) {
+                    commentElement.classList.add("comment-reply");
+
+                    commentElement.innerHTML = `
+                        <p>
+                            <strong>${escapeHtml(data.author)}</strong>
+                            <span>${escapeHtml(data.created)}</span>
+                        </p>
+                        <p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
+                    `;
+
+                    const parentReplies = document.querySelector(
+                        `.comment-item[data-comment-id="${parentCommentId}"] .comment-replies`
+                    );
+
+                    if (parentReplies) {
+                        parentReplies.appendChild(commentElement);
+                    }
+
+                } else {
+                    commentElement.dataset.commentId = data.commentId;
+
+                    commentElement.innerHTML = `
+                        <p>
+                            <strong>${escapeHtml(data.author)}</strong>
+                            <span>${escapeHtml(data.created)}</span>
+                        </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>
+
+                        <div class="comment-replies"></div>
+                    `;
+
+                    commentsList.prepend(commentElement);
+
+                    const newReplyButton = commentElement.querySelector(".reply-button");
+
+                    if (newReplyButton) {
+                        registerReplyButton(newReplyButton);
+                    }
+                }
+
+                commentContent.value = "";
+                parentCommentInput.value = "";
+                replyInfo.textContent = "";
+                replyInfo.style.display = "none";
+            })
+            .catch(() => {
+                alert("Kommentar konnte nicht gesendet werden.");
+            });
+    });
+
+    /**
+     * Entfernt HTML-Sonderzeichen aus Nutzereingaben.
+     *
+     * @param {string} text Zu bereinigender Text
+     * @returns {string} Sicherer Text
+     */
+    function escapeHtml(text) {
+        const div = document.createElement("div");
+        div.textContent = text;
+        return div.innerHTML;
+    }
+});

js/paginator.js

@@ -0,0 +1,27 @@
+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');
+
+    pageButtons.forEach(button => {
+        button.addEventListener('click', function() {
+            if (this.disabled) return;
+
+            const targetPage = this.getAttribute('data-page');
+
+            if (targetPage && form && pageInput) {
+                pageInput.value = targetPage;
+                form.submit();
+            }
+        });
+    });
+}
+
+// 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();
+}

php/ajax/add-comment.php

@@ -0,0 +1,58 @@
+<?php
+if (session_status() === PHP_SESSION_NONE) {
+    session_start();
+}
+
+header("Content-Type: application/json");
+
+require_once "../model/CommentManager.php";
+
+if (!isset($_SESSION["user_email"])) {
+    echo json_encode([
+        "success" => false,
+        "message" => "Du musst angemeldet sein, um zu kommentieren."
+    ]);
+    exit();
+}
+
+$articleId = $_POST["article_id"] ?? null;
+$content = trim($_POST["content"] ?? "");
+$parentCommentId = $_POST["parent_comment_id"] ?? null;
+
+if ($parentCommentId === "" || $parentCommentId === "0") {
+    $parentCommentId = null;
+}
+
+if (empty($articleId) || empty($content)) {
+    echo json_encode([
+        "success" => false,
+        "message" => "Kommentar darf nicht leer sein."
+    ]);
+    exit();
+}
+
+try {
+    $commentManager = CommentManager::getInstance();
+
+    $commentId = $commentManager->addComment(
+        $articleId,
+        $_SESSION["user_email"],
+        $content,
+        $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 (Exception $e) {
+    echo json_encode([
+        "success" => false,
+        "message" => "Kommentar konnte nicht gespeichert werden."
+    ]);
+}

php/controller/profile-controller.php

@@ -3,6 +3,7 @@
 require_once "php/model/UserManager.php";
 require_once "php/model/Article.php";
 require_once "php/model/ArticleManager.php";
+require_once "php/model/CommentManager.php";
 require_once "php/validator/user-validator.php";
 
 $error = null;
@@ -76,6 +77,9 @@ try {
     $articleManager = ArticleManager::getInstance();
     $userArticles = $articleManager->getArticlesByAuthor($_SESSION["user_email"]);
 
+    $commentManager = CommentManager::getInstance();
+    $userComments = $commentManager->getCommentsByAuthor($_SESSION["user_email"]);
+
     if (!isset($userArticles)) {
         $_SESSION["message"] = "user_has_no_articles";
     }

php/controller/search-results-controller.php

@@ -62,7 +62,11 @@ if ($_SERVER["REQUEST_METHOD"] === "GET" && isset($_GET["q"])) {
             $_SESSION["message"] = "internal_error";
         }
     }
-    header("Location: ../../index.php?pfad=search-results");
+
+    $sort  = $_GET['sort'] ?? 'alphabet';
+    $limit = isset($_GET['limit']) ? (int)$_GET['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();
     
 }

php/model/ArticleManager.php

@@ -4,43 +4,155 @@ require_once 'DatabaseArticleManager.php';
 require_once 'Article.php';
 
 /**
- * Die Klasse beinhaltet alle Methoden für die Operation mit den Artikel-Daten.
+ * Die Klasse beinhaltet alle Methoden für die Operation mit den Beitrags-Daten.
  *
  * @author Niklas Ortmann
  */
 class ArticleManager
 {
+    /**
+     * Diese Methode erstellt, falls noch keine existiert, eine Instanz einer ArticleManager-Implementierung und
+     * erstellt Dummy-Beiträge.
+     *
+     * @throws InternalServerErrorException
+     */
     public static function getInstance()
     {
         $articleManager = DatabaseArticleManager::getInstance(); // Hier kann zwischen dem lokalen und datenbankbasiertem ArticleManager gewechselt werden.
 
-        // Erstellen von Dummy-Beiträgen:
-        if($articleManager->getArticle(1) == null ){
-            $articleManager->addArticle(
-                "Satz des Pythagoras",
-                "Der Satz des Pythagoras wurde von dem griechischen Philosophen Pythagoras von Samos formuliert und im dritten Jahrhundert vor Christus veröffentlicht. In der beigefügten Abbildung sehen wir ein rechtwinkliges Dreieck...",
-                "mustermann@web.de",
-                "mathe",
-                "Dreiecke, Dreiecksseiten berechnen"
-            );
-        }
-        if($articleManager->getArticle(2) == null ){
-            $articleManager->addArticle(
-                "Tunneleffekt",
-                "Der Tunneleffekt ist ein quantenmechanisches Phänomen, bei dem Teilchen...",
-                "mustermann@web.de",
-                "physik",
-                "Quantenphysik, Energie"
-            );
-        }
-        if($articleManager->getArticle(3) == null ){
-            $articleManager->addArticle(
-                "Datenschutz vs Datensicherheit",
-                "Datenschutz ist in unserer digital vernetzten Welt allgegenwärtig...",
-                "mustermann@web.de",
-                "informatik",
-                "Daten, DSGVO"
-            );
+        // 100 fiktionale Fachbeiträge:
+        $dummyArticles = [
+            // --- INFORMATIK & MATHE (1-20) ---
+            1 => ["Satz des Pythagoras", "Der Satz des Pythagoras beschreibt das Verhältnis der Seitenlängen in einem rechtwinkligen Dreieck.", "mathe", "Dreiecke, Geometrie"],
+            2 => ["Tunneleffekt", "Der Tunneleffekt beschreibt das quantenmechanische Phänomen, dass Teilchen Barrieren überwinden können.", "physik", "Quantenphysik, Energie"],
+            3 => ["Datenschutz vs Datensicherheit", "Datenschutz schützt Personen, während Datensicherheit Systeme vor unbefugten Zugriffen schützt.", "informatik", "Daten, DSGVO"],
+            4 => ["Einführung in Algorithmen", "Ein Algorithmus ist eine präzise Handlungsanweisung zur Lösung eines vordefinierten Problems.", "informatik", "Code, Logik"],
+            5 => ["Primzahlen im Detail", "Primzahlen sind natürliche Zahlen, die nur durch eins und sich selbst ohne Rest teilbar sind.", "mathe", "Zahlentheorie"],
+            6 => ["Lineare Algebra", "Vektoren und Matrizen bilden das Fundament für moderne Computergrafik und 3D-Engines.", "mathe", "Matrizen, Vektoren"],
+            7 => ["Objektorientierte Programmierung", "Die OOP nutzt Klassen und Objekte, um reale Strukturen im Quellcode abzubilden.", "informatik", "OOP, Klassen"],
+            8 => ["Grundlagen von HTML und CSS", "HTML strukturiert den Inhalt einer Webseite, während CSS für das optische Design zuständig ist.", "informatik", "Web, Frontend"],
+            9 => ["Die Relativitätstheorie", "Einsteins Theorie revolutionierte unser Verständnis von Raum, Zeit und Gravitation massiv.", "physik", "Einstein, Gravitation"],
+            10 => ["Datenbanken und SQL", "Strukturierte Abfragesprachen erlauben das effiziente Speichern und Abrufen großer Datenmengen.", "informatik", "SQL, Datenbank"],
+            11 => ["Wahrscheinlichkeitsrechnung", "Die Stochastik befasst sich mit der mathematischen Analyse von Zufallsexperimenten.", "mathe", "Zufall, Stochastik"],
+            12 => ["Quantencomputing", "Künftige Quantencomputer nutzen Qubits, um komplexe Berechnungen in Rekordzeit zu lösen.", "informatik", "Hardware, Zukunft"],
+            13 => ["Die Fibonacci-Folge", "Diese Zahlenreihe beschreibt mathematische Wachstumsmuster, die oft in der Natur vorkommen.", "mathe", "Zahlen, Natur"],
+            14 => ["Thermodynamik", "Die Hauptsätze der Thermodynamik regeln den Energieaustausch und die Entropie in Systemen.", "physik", "Energie, Wärme"],
+            15 => ["Cybersecurity Grundlagen", "Die Absicherung von Netzwerken erfordert Firewalls, Verschlüsselung und regelmäßige Audits.", "informatik", "Sicherheit, Hacker"],
+            16 => ["Kryptographie", "Asymmetrische Verschlüsselungsverfahren sichern heutzutage den gesamten Datenverkehr im Web.", "informatik", "Krypto, Security"],
+            17 => ["Analysis und Ableitungen", "Die Differentialrechnung untersucht die lokalen Änderungsraten von mathematischen Funktionen.", "mathe", "Analysis, Funktionen"],
+            18 => ["Schwarze Löcher", "Diese Regionen im Raum besitzen eine so starke Gravitation, dass selbst Licht nicht entkommt.", "physik", "Astronomie, Kosmos"],
+            19 => ["Git Versionsverwaltung", "Git erlaubt Entwicklern das parallele Arbeiten an Code-Projekten ohne Datenverlust.", "informatik", "Git, DevOps"],
+            20 => ["Künstliche Intelligenz", "Neuronale Netze versuchen das menschliche Gehirn für maschinelles Lernen nachzubilden.", "informatik", "KI, Software"],
+
+            // --- CHEMIE & BIOLOGIE (21-40) ---
+            21 => ["Das Periodensystem", "Die Elemente sind nach ihrer Ordnungszahl und chemischen Eigenschaften geordnet.", "chemie", "Elemente, Moleküle"],
+            22 => ["Photosynthese", "Pflanzen wandeln mithilfe von Sonnenlicht Kohlendioxid und Wasser in Glukose und Sauerstoff um.", "biologie", "Pflanzen, Energie"],
+            23 => ["Aufbau einer Zelle", "Die Zelle ist die kleinste lebende Einheit aller Organismen mit spezialisierten Organellen.", "biologie", "Zellen, Biologie"],
+            24 => ["Säuren und Basen", "Der pH-Wert misst die Konzentration von Wasserstoff-Ionen in einer wässrigen Lösung.", "chemie", "Labor, pH-Wert"],
+            25 => ["Die DNA-Struktur", "Die Doppelhelix enthält den genetischen Bauplan für die Entwicklung aller Lebewesen.", "biologie", "Genetik, Erbgut"],
+            26 => ["Chemische Bindungen", "Kovalente Bindungen entstehen durch das Teilen von Elektronenpaaren zwischen Atomen.", "chemie", "Atome, Bindung"],
+            27 => ["Das Immunsystem", "Weiße Blutkörperchen und Antikörper schützen den menschlichen Körper vor Krankheitserregern.", "biologie", "Gesundheit, Abwehr"],
+            28 => ["Katalysatoren", "Katalysatoren beschleunigen chemische Reaktionen, ohne dabei selbst verbraucht zu werden.", "chemie", "Reaktion, Chemie"],
+            29 => ["Ökosystem Wald", "Das Zusammenspiel von Flora, Fauna und Klima bildet ein hochsensibles ökologisches System.", "biologie", "Natur, Wald"],
+            30 => ["Die Mendelschen Regeln", "Diese Grundgesetze der Vererbung beschreiben, wie Merkmale an Nachkommen weitergegeben werden.", "biologie", "Genetik, Erbung"],
+            31 => ["Zustandsformen der Materie", "Fest, flüssig und gasförmig sind die klassischen Aggregatzustände von Stoffen.", "chemie", "Physik, Materie"],
+            32 => ["Evolutionstheorie", "Charles Darwin begründete die Theorie der natürlichen Auslese und Anpassung von Arten.", "biologie", "Darwin, Evolution"],
+            33 => ["Organische Chemie", "Die Chemie der Kohlenstoffverbindungen bildet die Basis für alles bekannte Leben.", "chemie", "Kohlenstoff, Chemie"],
+            34 => ["Das menschliche Gehirn", "Milliarden von Neuronen kommunizieren über Synapsen, um Reize und Gedanken zu verarbeiten.", "biologie", "Neurologie, Nerven"],
+            35 => ["Der Wasserkreislauf", "Verdunstung, Kondensation und Niederschlag halten das Wasser auf der Erde in Bewegung.", "geographie", "Wasser, Klima"],
+            36 => ["Aggregatzustände von Wasser", "Wasser zeigt ungewöhnliche Eigenschaften wie die Dichteanomalie beim Gefrieren.", "chemie", "Wasser, Eis"],
+            37 => ["Blutkreislauf des Menschen", "Das Herz pumpt sauerstoffreiches Blut durch Arterien in alle Organe des Körpers.", "biologie", "Herz, Medizin"],
+            38 => ["Das Ohmsche Gesetz", "Es beschreibt den direkten Zusammenhang zwischen Spannung, Stromstärke und Widerstand.", "physik", "Strom, Elektronik"],
+            39 => ["Plattentektonik", "Die Bewegung der Kontinentalplatten führt zu Erdbeben, Vulkanismus und Gebirgsbildung.", "geographie", "Erde, Geologie"],
+            40 => ["Proteine und Enzyme", "Enzyme wirken als Biokatalysatoren und steuern fast alle Stoffwechselprozesse.", "biologie", "Biochemie, Enzyme"],
+
+            // --- GESCHICHTE & WIRTSCHAFT (41-60) ---
+            41 => ["Das Römische Reich", "Vom Stadtstaat zum Weltreich prägte Rom die Rechts- und Kulturgeschichte Europas.", "geschichte", "Antike, Rom"],
+            42 => ["Die Französische Revolution", "Freiheit, Gleichheit, Brüderlichkeit beendeten 1789 die absolute Monarchie in Frankreich.", "geschichte", "Europa, Politik"],
+            43 => ["Inflation erklärt", "Inflation bezeichnet die kontinuierliche Geldentwertung und den Kaufkraftverlust.", "wirtschaft", "Geld, Finanzen"],
+            44 => ["Die Industrielle Revolution", "Die Erfindung der Dampfmaschine veränderte die Produktion und die Gesellschaft tiefgreifend.", "geschichte", "Industrie, Arbeit"],
+            45 => ["Angebot und Nachfrage", "Dieses fundamentale Marktgesetz bestimmt den Preis von Gütern in einer freien Wirtschaft.", "wirtschaft", "Markt, Preise"],
+            46 => ["Der Buchdruck", "Johannes Gutenbergs Erfindung revolutionierte die Verbreitung von Wissen im Mittelalter.", "geschichte", "Medien, Wissen"],
+            47 => ["Die Entdeckung Amerikas", "Kolumbus' Seereise im Jahr 1492 leitete das Zeitalter der Kolonialisierung ein.", "geschichte", "Entdeckung, Seefahrt"],
+            48 => ["Kryptowährungen", "Bitcoin nutzt Blockchain-Technologie, um dezentralen digitalen Werttransfer zu erlauben.", "wirtschaft", "Blockchain, Finanzen"],
+            49 => ["Das antike Griechenland", "Die Wiege der Demokratie und Philosophie brachte Denker wie Sokrates und Platon hervor.", "geschichte", "Antike, Philosophie"],
+            50 => ["Globalisierung", "Die weltweite Verflechtung in Wirtschaft, Kultur und Politik bringt Chancen und Risiken.", "wirtschaft", "Weltwirtschaft, Handel"],
+            51 => ["Der Dreißigjährige Krieg", "Ein religiöser und politischer Konflikt verwüstete zwischen 1618 und 1648 Mitteleuropa.", "geschichte", "Krieg, Europa"],
+            52 => ["Die Weimarer Republik", "Die erste deutsche Demokratie scheiterte an wirtschaftlichen und politischen Krisen.", "geschichte", "Deutschland, Weimar"],
+            53 => ["Aktien und Börse", "Unternehmen beschaffen sich Kapital durch die Ausgabe von Anteilen an Investoren.", "wirtschaft", "Aktien, Investieren"],
+            54 => ["Das alte Ägypten", "Pharaonen, Pyramiden und Hieroglyphen zeugen von einer hochentwickelten Hochkultur am Nil.", "geschichte", "Ägypten, Antike"],
+            55 => ["Der Kalte Krieg", "Das Wettrüsten zwischen USA und UdSSR prägte die globale Politik der Nachkriegszeit.", "geschichte", "Ost-West, Politik"],
+            56 => ["Zentralbanken und Leitzins", "Durch Zinsänderungen steuern Notenbanken die Geldmenge und bekämpfen Inflation.", "wirtschaft", "Zinsen, Geldpolitik"],
+            57 => ["Die Seidenstraße", "Das historische Netzwerk von Handelsrouten verband über Jahrhunderte Asien und Europa.", "geschichte", "Handel, Asien"],
+            58 => ["Das Mittelalter", "Ritter, Burgen und das Feudalsystem prägten diese tausendjährige Epoche Europas.", "geschichte", "Mittelalter, Feudalismus"],
+            59 => ["Planwirtschaft vs Marktwirtschaft", "Zentrale staatliche Steuerung steht dem freien Spiel der Marktkräfte gegenüber.", "wirtschaft", "Systeme, Wirtschaft"],
+            60 => ["Die Berliner Mauer", "Ihr Bau 1961 zementierte die Teilung Deutschlands, ihr Fall 1989 beendete sie.", "geschichte", "DDR, Wiedervereinigung"],
+
+            // --- ANWENDUNGEN & WEITERE THEMEN (61-100) ---
+            61 => ["Cloud Computing", "Das Auslagern von Rechenleistung in das Internet spart lokale IT-Infrastruktur ein.", "informatik", "Cloud, Web"],
+            62 => ["Responsive Webdesign", "Moderne Webseiten passen ihr Layout dynamisch an Smartphones und Desktops an.", "informatik", "Design, CSS"],
+            63 => ["Der Treibhauseffekt", "Gase in der Atmosphäre verhindern das Entweichen von Wärme ins Weltall.", "physik", "Klima, Umwelt"],
+            64 => ["Mechanik und Kräfte", "Die Newtonschen Axiome beschreiben, wie Kräfte auf Körper wirken und sie bewegen.", "physik", "Newton, Kraft"],
+            65 => ["Die Mendelschen Gesetze", "Die Vererbung von Genen folgt klaren statistischen Wahrscheinlichkeiten.", "biologie", "Genetik, Erbsen"],
+            66 => ["Lichtgeschwindigkeit", "Im Vakuum bewegt sich Licht mit knapp 300.000 Kilometern pro Sekunde.", "physik", "Licht, Relativität"],
+            67 => ["Die Funktion von APIs", "Programmierschnittstellen erlauben den Datenaustausch zwischen verschiedenen Systemen.", "informatik", "API, Schnittstelle"],
+            68 => ["Der Goldstandard", "Ein historischen Währungssystem, bei dem Geld durch echtes Gold gedeckt war.", "wirtschaft", "Gold, Währung"],
+            69 => ["Der Wiener Kongress", "1815 ordneten die europäischen Mächte die Landkarte nach den Napoleonischen Kriegen neu.", "geschichte", "Europa, Diplomatie"],
+            70 => ["Integrierte Schaltkreise", "Mikrochips enthalten Millionen Transistoren auf kleinstem Raum für Logikschaltungen.", "informatik", "Hardware, Chips"],
+            71 => ["Die Magellan-Expedition", "Die erste erfolgreiche Weltumsegelung bewies praktisch die Kugelgestalt der Erde.", "geschichte", "Seefahrt, Erde"],
+            72 => ["Das Internet der Dinge", "Alltagsgegenstände werden vernetzt, um smarte Automatisierungen zu ermöglichen.", "informatik", "IoT, SmartHome"],
+            73 => ["Halbwertszeit", "Die Zeitspanne, in der sich die Hälfte der instabilen Atome radioaktiv abbaut.", "physik", "Atomphysik, Strahlung"],
+            74 => ["Elektromagnetismus", "Die Verknüpfung von elektrischen Strömen und magnetischen Feldern treibt Motoren an.", "physik", "Strom, Magnet"],
+            75 => ["Das Ökosystem Meer", "Ozeane regulieren das Weltklima und bieten Lebensraum für unzählige Arten.", "biologie", "Meer, Ökologie"],
+            76 => ["Einführung in Docker", "Containerisierung isoliert Anwendungen samt Abhängigkeiten für stabilen Betrieb.", "informatik", "Docker, DevOps"],
+            77 => ["Das Römische Recht", "Viele moderne europäische Gesetzbücher basieren auf antiken römischen Rechtsprinzipien.", "geschichte", "Recht, Gesetz"],
+            78 => ["Verhaltensbiologie", "Untersuchung von angeborenen und erlernten Verhaltensweisen bei Mensch und Tier.", "biologie", "Verhalten, Tiere"],
+            79 => ["Verschlüsselung im Alltag", "HTTPS schützt Passwörter und Zahlungsdaten beim Surfen vor dem Mitlesen.", "informatik", "Web, HTTPS"],
+            80 => ["Die Magna Carta", "1215 schränkte dieses Dokument die absolute Macht des englischen Königs ein.", "geschichte", "England, Verfassung"],
+            81 => ["Marktversagen", "Wenn der freie Markt Ressourcen unvollständig verteilt, muss der Staat eingreifen.", "wirtschaft", "Markt, Staat"],
+            82 => ["Optische Linsen", "Konvexe und konkave Linsen brechen Licht für Brillen, Mikroskope und Kameras.", "physik", "Optik, Licht"],
+            83 => ["Die Entstehung der Erde", "Vor rund 4,5 Milliarden Jahren ballte sich kosmischer Staub zu unserem Planeten.", "geographie", "Erde, Kosmos"],
+            84 => ["Grundlagen von JavaScript", "Diese Skriptsprache macht statische Webseiten interaktiv und dynamisch nutzbar.", "informatik", "JS, Webentwicklung"],
+            85 => ["Die industrielle Landwirtschaft", "Moderne Techniken sichern Welternährung, belasten jedoch oft die Umwelt.", "biologie", "Landwirtschaft, Umwelt"],
+            86 => ["Das Schwarze Jahr 1929", "Der New Yorker Börsencrash löste die verheerende Weltwirtschaftskrise aus.", "geschichte", "Krise, Finanzen"],
+            87 => ["Die Evolution des Menschen", "Der Stammbaum des Homo Sapiens entwickelte sich über Millionen Jahre in Afrika.", "biologie", "Mensch, Evolution"],
+            88 => ["Einführung in Linux", "Das Open-Source-Betriebssystem bildet das Rückgrat moderner Server-Infrastrukturen.", "informatik", "Linux, OS"],
+            89 => ["Der Urknall", "Die Urknalltheorie beschreibt den Beginn des Universums aus einer Singularität.", "physik", "Astronomie, Urknall"],
+            90 => ["Das Periodensystem der Elemente", "Dmitri Mendelejew ordnete Elemente logisch nach ihren Atommassen.", "chemie", "Periodensystem, Chemie"],
+            91 => ["Die Hanse", "Ein mächtiger mittelalterlicher Bund von Kaufleuten dominierte den Nordseehandel.", "geschichte", "Handel, Mittelalter"],
+            92 => ["Wirtschaftswachstum", "Die Steigerung des Bruttoinlandsprodukts gilt oft als Indikator für Wohlstand.", "wirtschaft", "BIP, Finanzen"],
+            93 => ["Neuronale Netze", "Diese Strukturen lernen durch mathematische Gewichtung aus riesigen Datenmengen.", "informatik", "KI, Mathematik"],
+            94 => ["Der Erste Weltkrieg", "Der globale Konflikt von 1914 bis 1918 zerstörte das alte europäische Machtgefüge.", "geschichte", "Europa, Krieg"],
+            95 => ["Das Gehirn und Hormone", "Botenstoffe steuern Gefühle, Schlafzyklen und Reaktionen des Körpers.", "biologie", "Medizin, Hormone"],
+            96 => ["SQL Joins erklärt", "Joins verknüpfen Daten aus mehreren Tabellen über gemeinsame Schlüssel.", "informatik", "SQL, Datenbanken"],
+            97 => ["Wellen-Teilchen-Dualismus", "Quantenobjekte zeigen je nach Messaufbau Eigenschaften von Wellen oder Teilchen.", "physik", "Quanten, Licht"],
+            98 => ["Der Absolutismus", "Der Sonnenkönig Ludwig XIV. verkörperte die unbeschränkte Herrschaft des Monarchen.", "geschichte", "Frankreich, Monarchie"],
+            99 => ["Die Funktion von Routern", "Netzwerkgeräte leiten Datenpakete über IP-Adressen an den richtigen Empfänger.", "informatik", "Netzwerk, Internet"],
+            100 => ["Die Entstehung des Geldes", "Vom Tauschhandel über Naturalgeld bis hin zu modernen digitalen Fiat-Währungen.", "wirtschaft", "Geld, Geschichte"]
+        ];
+
+        // 10 Dummy-User:
+        $authors = [
+            'max.mustermann@web.de', 'erika.mustermann@web.de', 'john.doe@gmail.com',
+            'jane.doe@gmail.com', 'anna.schmidt@gmx.de', 'thomas.mueller@gmx.de',
+            'sabine.fischer@outlook.com', 'michael.weber@outlook.com', 'julia.wagner@t-online.de',
+            'stefan.becker@t-online.de'
+        ];
+
+        foreach ($dummyArticles as $id => $data) {
+            // Falls der Artikel mit der ID noch nicht existiert, lege ihn an
+            if ($articleManager->getArticle($id) == null) {
+                // Verteilt die 10 Autoren gleichmäßig (ID 1 -> Autor 1, ID 10 -> Autor 10, ID 11 -> Autor 1)
+                $authorEmail = $authors[($id - 1) % 10];
+
+                $articleManager->addArticle(
+                    $data[0], // Titel
+                    $data[1], // Inhalt
+                    $authorEmail, // Rotierende Autoren-E-Mail
+                    $data[2], // Kategorie
+                    $data[3]  // Tags
+                );
+            }
         }
 
         return $articleManager;

php/model/Comment.php

@@ -0,0 +1,115 @@
+<?php
+
+/**
+ * Repräsentiert einen Kommentar unter einem Beitrag.
+ *
+ * Ein Kommentar kann entweder ein Hauptkommentar sein
+ * oder eine Antwort auf einen anderen Kommentar.
+ *
+ * @author Caroline Schulte
+ */
+class Comment
+{
+    private int $id;
+    private int $articleId;
+    private ?int $parentCommentId;
+    private string $author;
+    private string $content;
+    private string $created;
+
+    /**
+     * Erstellt einen neuen Kommentar.
+     *
+     * @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 $author Autor des Kommentars
+     * @param string $content Inhalt des Kommentars
+     * @param string $created Erstellungsdatum des Kommentars
+     */
+    public function __construct(
+        int $id,
+        int $articleId,
+        ?int $parentCommentId,
+        string $author,
+        string $content,
+        string $created
+    ) {
+        $this->id = $id;
+        $this->articleId = $articleId;
+        $this->parentCommentId = $parentCommentId;
+        $this->author = $author;
+        $this->content = $content;
+        $this->created = $created;
+    }
+
+    /**
+     * Gibt die ID des Kommentars zurück.
+     *
+     * @return int Kommentar-ID
+     */
+    public function getId(): int
+    {
+        return $this->id;
+    }
+
+    /**
+     * Gibt die ID des zugehörigen Beitrags zurück.
+     *
+     * @return int Beitrags-ID
+     */
+    public function getArticleId(): int
+    {
+        return $this->articleId;
+    }
+
+    /**
+     * Gibt die ID des Eltern-Kommentars zurück.
+     *
+     * @return int|null ID des Eltern-Kommentars oder null
+     */
+    public function getParentCommentId(): ?int
+    {
+        return $this->parentCommentId;
+    }
+
+    /**
+     * Gibt zurück, ob der Kommentar eine Antwort ist.
+     *
+     * @return bool true wenn der Kommentar eine Antwort ist, sonst false
+     */
+    public function isReply(): bool
+    {
+        return $this->parentCommentId !== null && $this->parentCommentId !== 0;
+    }
+
+    /**
+     * Gibt den Autor des Kommentars zurück.
+     *
+     * @return string Autor
+     */
+    public function getAuthor(): string
+    {
+        return $this->author;
+    }
+
+    /**
+     * Gibt den Inhalt des Kommentars zurück.
+     *
+     * @return string Kommentarinhalt
+     */
+    public function getContent(): string
+    {
+        return $this->content;
+    }
+
+    /**
+     * Gibt das Erstellungsdatum des Kommentars zurück.
+     *
+     * @return string Erstellungsdatum
+     */
+    public function getCreated(): string
+    {
+        return $this->created;
+    }
+}

php/model/CommentManager.php

@@ -0,0 +1,25 @@
+<?php
+
+require_once "DatabaseCommentManager.php";
+
+/**
+ * Zentrale Zugriffsschicht für Kommentare.
+ *
+ * Die Anwendung arbeitet ausschließlich
+ * mit dem CommentManager und kennt die
+ * konkrete Speicherimplementierung nicht.
+ *
+ * @author Caroline Schulte
+ */
+class CommentManager
+{
+    /**
+     * Gibt die aktive Kommentarverwaltung zurück.
+     *
+     * @return CommentManagerDAO
+     */
+    public static function getInstance()
+    {
+        return DatabaseCommentManager::getInstance();
+    }
+}

php/model/CommentManagerDAO.php

@@ -0,0 +1,54 @@
+<?php
+
+require_once "Comment.php";
+
+/**
+ * Schnittstelle für die Verwaltung von Kommentaren.
+ *
+ * Definiert die grundlegenden Methoden zum
+ * Speichern und Laden von Kommentaren.
+ *
+ * @author Caroline Schulte
+ */
+interface CommentManagerDAO
+{
+    /**
+     * Speichert einen neuen Kommentar zu einem Beitrag.
+     *
+     * Optional kann eine parentCommentId übergeben werden,
+     * wenn der Kommentar eine Antwort auf einen anderen Kommentar ist.
+     *
+     * @param int $articleId ID des Beitrags
+     * @param string $author Autor des Kommentars
+     * @param string $content Inhalt des Kommentars
+     * @param int|null $parentCommentId ID des Eltern-Kommentars oder null
+     *
+     * @return int ID des neu gespeicherten Kommentars
+     */
+    public function addComment(
+        $articleId,
+        $author,
+        $content,
+        $parentCommentId = null
+    );
+
+    /**
+     * Gibt alle Kommentare eines Beitrags zurück.
+     *
+     * @param int $articleId ID des Beitrags
+     *
+     * @return Comment[] Liste der Kommentare
+     */
+    public function getCommentsByArticle(
+        $articleId
+    );
+
+    /**
+     * Gibt alle Kommentare eines Autors zurück.
+     *
+     * @param string $author E-Mail-Adresse des Autors
+     *
+     * @return Comment[] Liste der Kommentare
+     */
+    public function getCommentsByAuthor($author);
+}

php/model/DatabaseCommentManager.php

@@ -0,0 +1,257 @@
+<?php
+
+require_once "CommentManagerDAO.php";
+require_once "Comment.php";
+
+/**
+ * Verwaltet die Speicherung und das Laden von Kommentaren
+ * über eine SQLite-Datenbank.
+ *
+ * @author Caroline Schulte
+ */
+class DatabaseCommentManager implements CommentManagerDAO
+{
+    private static $instance = null;
+
+    /**
+     * Erstellt die Kommentartabelle, falls diese noch nicht existiert.
+     */
+    public function __construct()
+    {
+        try {
+            $db = $this->getConnection();
+
+            $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 NOT NULL,
+                    content TEXT NOT NULL,
+                    created TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+                );
+            ");
+
+            $columns = $db->query("PRAGMA table_info(comments);")->fetchAll(PDO::FETCH_ASSOC);
+            $hasParentColumn = false;
+
+            foreach ($columns as $column) {
+                if ($column["name"] === "parent_comment_id") {
+                    $hasParentColumn = true;
+                    break;
+                }
+            }
+
+            if (!$hasParentColumn) {
+                $db->exec("ALTER TABLE comments ADD COLUMN parent_comment_id INTEGER NULL;");
+            }
+
+        } catch (PDOException $e) {
+            throw new RuntimeException("internal_error");
+        }
+    }
+
+    /**
+     * Baut die Verbindung zur SQLite-Datenbank auf.
+     *
+     * @return PDO Datenbankverbindung
+     */
+    private function getConnection()
+    {
+        try {
+            $dsn = 'sqlite:' . __DIR__ . '/../../db/comments.db';
+
+            $db = new PDO($dsn, null, null);
+            $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+
+            return $db;
+
+        } catch (PDOException $e) {
+            throw new RuntimeException("internal_error");
+        }
+    }
+
+    /**
+     * Gibt die Singleton-Instanz zurück.
+     *
+     * @return DatabaseCommentManager
+     */
+    public static function getInstance()
+    {
+        if (self::$instance === null) {
+            self::$instance = new DatabaseCommentManager();
+        }
+
+        return self::$instance;
+    }
+
+    /**
+     * Speichert einen neuen Kommentar oder eine Antwort.
+     *
+     * @param int $articleId ID des Beitrags
+     * @param string $author Autor des Kommentars
+     * @param string $content Inhalt des Kommentars
+     * @param int|null $parentCommentId ID des Eltern-Kommentars oder null
+     *
+     * @return int ID des neu gespeicherten Kommentars
+     */
+    public function addComment(
+        $articleId,
+        $author,
+        $content,
+        $parentCommentId = null
+    ) {
+        try {
+            $db = $this->getConnection();
+
+            if ($parentCommentId === "" || $parentCommentId === 0 || $parentCommentId === "0") {
+                $parentCommentId = null;
+            }
+
+            $sql = "
+                INSERT INTO comments (
+                    article_id,
+                    parent_comment_id,
+                    author,
+                    content
+                )
+                VALUES (
+                    :articleId,
+                    :parentCommentId,
+                    :author,
+                    :content
+                )
+            ";
+
+            $command = $db->prepare($sql);
+
+            $command->execute([
+                ":articleId" => $articleId,
+                ":parentCommentId" => $parentCommentId,
+                ":author" => $author,
+                ":content" => $content
+            ]);
+
+            return intval($db->lastInsertId());
+
+        } catch (PDOException $e) {
+            throw new RuntimeException("internal_error");
+        }
+    }
+
+    /**
+     * Lädt alle Kommentare eines Beitrags.
+     *
+     * @param int $articleId ID des Beitrags
+     *
+     * @return Comment[]
+     */
+    public function getCommentsByArticle($articleId)
+    {
+        try {
+            $db = $this->getConnection();
+
+            $sql = "
+                SELECT
+                    id,
+                    article_id,
+                    CASE
+                        WHEN parent_comment_id IS NULL THEN NULL
+                        WHEN parent_comment_id = '' THEN NULL
+                        WHEN parent_comment_id = 0 THEN NULL
+                        ELSE parent_comment_id
+                    END AS parent_comment_id,
+                    author,
+                    content,
+                    created
+                FROM comments
+                WHERE article_id = :articleId
+                ORDER BY created ASC
+            ";
+
+            $command = $db->prepare($sql);
+            $command->execute([":articleId" => $articleId]);
+
+            return $this->mapRowsToComments($command);
+
+        } catch (PDOException $e) {
+            throw new RuntimeException("internal_error");
+        }
+    }
+
+    /**
+     * Lädt alle Kommentare eines Autors.
+     *
+     * @param string $author E-Mail-Adresse des Autors
+     *
+     * @return Comment[]
+     */
+    public function getCommentsByAuthor($author)
+    {
+        try {
+            $db = $this->getConnection();
+
+            $sql = "
+                SELECT
+                    id,
+                    article_id,
+                    CASE
+                        WHEN parent_comment_id IS NULL THEN NULL
+                        WHEN parent_comment_id = '' THEN NULL
+                        WHEN parent_comment_id = 0 THEN NULL
+                        ELSE parent_comment_id
+                    END AS parent_comment_id,
+                    author,
+                    content,
+                    created
+                FROM comments
+                WHERE author = :author
+                ORDER BY created DESC
+            ";
+
+            $command = $db->prepare($sql);
+            $command->execute([":author" => $author]);
+
+            return $this->mapRowsToComments($command);
+
+        } catch (PDOException $e) {
+            throw new RuntimeException("internal_error");
+        }
+    }
+
+    /**
+     * Wandelt Datenbankzeilen in Comment-Objekte um.
+     *
+     * @param PDOStatement $command Ausgeführtes Statement
+     *
+     * @return Comment[]
+     */
+    private function mapRowsToComments($command)
+    {
+        $comments = [];
+
+        while ($row = $command->fetch(PDO::FETCH_ASSOC)) {
+            $parentCommentId = null;
+
+            if (
+                isset($row["parent_comment_id"])
+                && $row["parent_comment_id"] !== null
+                && $row["parent_comment_id"] !== ""
+                && intval($row["parent_comment_id"]) !== 0
+            ) {
+                $parentCommentId = intval($row["parent_comment_id"]);
+            }
+
+            $comments[] = new Comment(
+                intval($row["id"]),
+                intval($row["article_id"]),
+                $parentCommentId,
+                $row["author"],
+                $row["content"],
+                $row["created"]
+            );
+        }
+
+        return $comments;
+    }
+}

php/model/UserManager.php

@@ -15,16 +15,33 @@ class UserManager {
         $userManager = DatabaseUserManager::getInstance();
 
         /*
-         * Dummy-User anlegen, falls er noch nicht existiert.
-         * Passwort: test123
+         * Dummy-User anlegen, falls sie noch nicht existieren.
+         * Passwort für alle User: test12345
          */
-        if ($userManager->findUser("mustermann@web.de") == null) {
-            $userManager->addUser(
-                "mustermann@web.de",
-                "Max",
-                "Mustermann",
-                password_hash("test12345", PASSWORD_DEFAULT)
-            );
+        $dummyUsers = [
+            ['email' => 'max.mustermann@web.de', 'vorname' => 'Max', 'nachname' => 'Mustermann'],
+            ['email' => 'erika.mustermann@web.de', 'vorname' => 'Erika', 'nachname' => 'Mustermann'],
+            ['email' => 'john.doe@gmail.com', 'vorname' => 'John', 'nachname' => 'Doe'],
+            ['email' => 'jane.doe@gmail.com', 'vorname' => 'Jane', 'nachname' => 'Doe'],
+            ['email' => 'anna.schmidt@gmx.de', 'vorname' => 'Anna', 'nachname' => 'Schmidt'],
+            ['email' => 'thomas.mueller@gmx.de', 'vorname' => 'Thomas', 'nachname' => 'Müller'],
+            ['email' => 'sabine.fischer@outlook.com', 'vorname' => 'Sabine', 'nachname' => 'Fischer'],
+            ['email' => 'michael.weber@outlook.com', 'vorname' => 'Michael', 'nachname' => 'Weber'],
+            ['email' => 'julia.wagner@t-online.de', 'vorname' => 'Julia', 'nachname' => 'Wagner'],
+            ['email' => 'stefan.becker@t-online.de', 'vorname' => 'Stefan', 'nachname' => 'Becker']
+        ];
+
+        $passwordHash = password_hash("test12345", PASSWORD_DEFAULT);
+
+        foreach ($dummyUsers as $user) {
+            if ($userManager->findUser($user['email']) == null) {
+                $userManager->addUser(
+                    $user['email'],
+                    $user['vorname'],
+                    $user['nachname'],
+                    $passwordHash
+                );
+            }
         }
 
         return $userManager;