Reviewänderungen

Reviewed-on: #59

.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

@@ -36,6 +36,9 @@
 - JavaScript wird verwendet, um im erweitertem Beitragseditor clientseitig einzelne Content-Boxen erstellen und löschen 
   zu können. 
 - JavaScript wird ebenfalls verwendet, um in die Suchergebnisse clientseitig zu sortieren. 
+- Die Kommentarfunktion ist zusätzlich auch ohne JavaScript nutzbar. Kommentare und Antworten können auch ohne JavaScript erstellt werden. 
+- Eigene Kommentare und Antworten können bearbeitet und gelöscht werden. Die Bearbeitung und das Löschen funktionieren ebenfalls ohne JavaScript über normale Formulare und serverseitige Verarbeitung.
+
 
 ## Sonstiges
 - Das Datenschema befindet sich unter /planung/Datenschema.pdf

content/404.php

@@ -4,17 +4,12 @@
 -->
 <main>
 
-    <?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "internal_error"): ?>
-        <p class="alert-message is-error">
-            Es ist ein interner Fehler beim Speichern aufgetreten. Bitte versuche es erneut.
-        </p>
-    <?php endif; ?>
+    <?php include_once "includes/alertMessages.php"?>
     <?php
     unset($_SESSION["message"]);
     ?>
     <h1>404 - Seite nicht vorhanden</h1>
     <p>
-        Später im Projekt sollen über index.php?pfad= ... der Inhalt der index.php dynamisch gesetzt werden.
-        Alle Content-Links der Navbar führen zunächst hier her. Exemplarisch wurden für die Fächer Informatik, Physik, Mathematik der Content als Seite erstellt und kann über die Navbar ausgekundschaftet werden.
+        Die Seite, nach der du suchst, existiert hier leider nicht. Entweder haben wir sie verlegt, ein hungriger Bug hat sie gefressen, oder du hast dich beim Tippen vertippt. (Wir schieben die Schuld einfach mal ganz unauffällig auf dich.)
     </p>
 </main>

content/createArticle.php

@@ -4,12 +4,28 @@ if (!isset($_SESSION["user"])) {
     header("Location: index.php?pfad=login");
     exit();
 }
+
+// -------------------------------------------------------------------------
+// Aktuelle Blockliste ermitteln: Session-Fallback (nach Validierungsfehler
+// oder Zwischen-Submit "add_block"/"delete_block") oder leeres Array (Start).
+// -------------------------------------------------------------------------
+$rawContent = '[]';
+if (isset($_SESSION['old_content']) && !empty($_SESSION['old_content'])) {
+    $rawContent = $_SESSION['old_content'];
+    unset($_SESSION['old_content']);
+}
+
+$blocks = json_decode($rawContent, true);
+if (!is_array($blocks)) {
+    $blocks = [];
+}
+$blocks = array_values($blocks); // sequentielle Indizes 0..n-1 sicherstellen
 ?>
 <!--
     Seite: Beitrag erstellen
     Inhalt: Formular für die Erstellung eines neuen Beitrags
 -->
-<form method="post" action="php/controller/createArticle-controller.php" id="editor-form" class="article-editor-scope.editor-container article-editor-scope editor-container">
+<form method="post" action="php/controller/createArticle-controller.php" id="editor-form" enctype="multipart/form-data" class="article-editor-scope.editor-container article-editor-scope editor-container">
 
     <main class="editor-main">
         <?php include_once "includes/alertMessages.php"?>
@@ -18,27 +34,49 @@ if (!isset($_SESSION["user"])) {
                value="<?php echo htmlspecialchars($_SESSION['old_title'] ?? ''); unset($_SESSION['old_title']); ?>"
                placeholder="Titel hier eingeben" required>
 
-        <!-- Hier werden die dynamischen divs via JavaScript eingefügt -->
-        <div id="block-container"></div>
+        <!--
+            Content-Blöcke: werden serverseitig als echte, benannte Formularfelder gerendert
+            (blocks[i][type], blocks[i][text] bzw. blocks[i][image]). Dadurch funktioniert das
+            Hinzufügen/Entfernen von Blöcken und der Bild-Upload auch ganz ohne JavaScript über
+            einen normalen Formular-Submit. Ist JavaScript aktiv, fängt js/editor.js diese
+            Submits ab und erledigt dieselbe Änderung lokal im DOM, ohne den Server zu belasten.
+        -->
+        <div id="block-container">
+            <?php foreach ($blocks as $i => $block): ?>
+                <?php
+                $blockType = $block['type'] ?? '';
+                if ($blockType !== 'text' && $blockType !== 'image') {
+                    continue; // unbekannter/kaputter Block wird übersprungen
+                }
+                ?>
+                <div class="editor-block article-editor-scope" data-index="<?php echo (int)$i; ?>">
+                    <input type="hidden" name="blocks[<?php echo (int)$i; ?>][type]" value="<?php echo htmlspecialchars($blockType); ?>">
+
+                    <?php if ($blockType === 'text'): ?>
+                        <textarea name="blocks[<?php echo (int)$i; ?>][text]"
+                                  placeholder="Schreibe deinen Textblock..."><?php echo htmlspecialchars($block['value'] ?? ''); ?></textarea>
+                    <?php else: /* image */ ?>
+                        <?php if (!empty($block['value'])): ?>
+                            <img src="<?php echo htmlspecialchars($block['value']); ?>"
+                                 class="block-image-preview"
+                                 style="max-width:200px;display:block;margin-top:10px;">
+                            <input type="hidden" name="blocks[<?php echo (int)$i; ?>][existing_image]" value="<?php echo htmlspecialchars($block['value']); ?>">
+                        <?php endif; ?>
+                        <input type="file" name="blocks[<?php echo (int)$i; ?>][image]" accept="image/*">
+                    <?php endif; ?>
+
+                    <button type="submit" name="editor_action" value="delete_block:<?php echo (int)$i; ?>" class="delete-block-btn">✕</button>
+                </div>
+            <?php endforeach; ?>
+        </div>
 
-        <!-- Plus-Button und das Pop-up-Menü -->
         <div id="add-block-control" class="article-editor-scope add-block-control">
             <button type="button" id="plus-button" class="article-editor-scope plus-button">+</button>
-            <div id="block-popup" class="article-editor-scope block-popup hidden">
-                <button type="button" data-type="text">Textblock</button>
-                <button type="button" data-type="image">Bild einfügen</button>
+            <div id="block-popup" class="article-editor-scope block-popup">
+                <button type="submit" name="editor_action" value="add_text" data-type="text">Textblock</button>
+                <button type="submit" name="editor_action" value="add_image" data-type="image">Bild einfügen</button>
             </div>
         </div>
-
-        <!-- Unsichtbares Textfeld, das die JSON-Daten hält und an den Controller postet -->
-        <textarea id="content" name="content" style="display:none;"><?php
-            if (isset($_SESSION['old_content']) && !empty($_SESSION['old_content'])){
-                echo htmlspecialchars($_SESSION['old_content']);
-                unset($_SESSION['old_content']);
-            } else {
-                echo '[]'; // Standardmäßig ein leeres JSON-Array
-            }
-            ?></textarea>
     </main>
 
     <!-- Seitenleiste -->

content/home.php

@@ -11,12 +11,9 @@ include_once 'php/controller/home-controller.php';
 
     <h1>Home</h1>
     <p>
-        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
-        dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-        clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
-        consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
-        sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
-        sea takimata sanctus est Lorem ipsum dolor sit amet.
+        Schön, dass du da bist. EduForge ist deine digitale Werkstatt für Lernerfolg. Wir unterstützen Schüler und
+        Studierende dabei, die passenden Lernmaterialien zu finden, Wissenslücken zu schließen und Gelerntes gezielt
+        zu vertiefen.
     </p>
 
     <!-- Flexbox für aktive Kategorien -->

content/profile.php

@@ -81,10 +81,12 @@ $isEditMode = (isset($_GET["edit"]) && $_GET["edit"] === "1") || !empty($error);
 
             <br>
 
-            <form action="php/controller/deleteAccount-controller.php" method="POST">
+            <form action="php/controller/deleteAccount-controller.php"
+                  method="POST"
+                  class="confirm-delete-account">
+
                 <button type="submit"
-                        class="button"
-                        onclick="return confirm('Möchtest du deinen Account wirklich unwiderruflich löschen?');">
+                        class="button">
                     Account löschen
                 </button>
             </form>
@@ -154,14 +156,16 @@ $isEditMode = (isset($_GET["edit"]) && $_GET["edit"] === "1") || !empty($error);
                                 Bearbeiten
                             </a>
 
-                            <form action="php/controller/deleteArticle-controller.php" method="POST">
+                            <form action="php/controller/deleteArticle-controller.php"
+                                  method="POST"
+                                  class="confirm-delete-article">
+
                                 <input type="hidden"
                                        name="id"
                                        value="<?php echo htmlspecialchars($userArticle->getID()); ?>">
 
                                 <button type="submit"
-                                        class="button"
-                                        onclick="return confirm('Möchtest du diesen Artikel wirklich löschen?');">
+                                        class="button">
                                     Löschen
                                 </button>
                             </form>
@@ -172,11 +176,9 @@ $isEditMode = (isset($_GET["edit"]) && $_GET["edit"] === "1") || !empty($error);
 
                     <p>Du hast noch keine Beiträge erstellt.</p>
 
-                    <button type="button"
-                            class="button"
-                            onclick="window.location.href='index.php?pfad=createArticle';">
+                    <a href="index.php?pfad=createArticle" class="button">
                         Beitrag erstellen!
-                    </button>
+                    </a>
 
                 <?php endif; ?>
             </div>

content/search-results.php

@@ -2,20 +2,37 @@
 if (session_status() === PHP_SESSION_NONE) {
     session_start();
 }
+require_once __DIR__ . '/../includes/resultsHelper.php';
 
-$all_results = $_SESSION["search_results"] ?? [];
+$rawResults = $_SESSION["search_results"] ?? [];
 $query = $_SESSION["search_query"] ?? "";
-$totalResultsCount = count($all_results);
 
-$limit = isset($_GET['limit']) ? (int)$_GET['limit'] : 10;
+// Sortierung / Kategorie / Limit: GET-Parameter haben Vorrang, sonst
+// Rückfall auf die zuletzt in der Session gemerkten Werte. So bleibt
+// z.B. ein reiner Pagination-Link (?page=2) bei der aktuellen
+// Sortierung/Filterung.
+$currentSort = $_GET['sort'] ?? ($_SESSION['search_sort'] ?? 'alphabet');
+if (!in_array($currentSort, ['alphabet', 'likes', 'newest', 'oldest'])) {
+    $currentSort = 'alphabet';
+}
+$_SESSION['search_sort'] = $currentSort;
+
+$currentCategory = strtolower($_GET['category'] ?? ($_SESSION['search_category'] ?? 'all'));
+$_SESSION['search_category'] = $currentCategory;
+
+$limit = isset($_GET['limit']) ? (int)$_GET['limit'] : ($_SESSION['search_limit'] ?? 10);
 if (!in_array($limit, [10, 20, 50, 100])) {
     $limit = 10;
 }
+$_SESSION['search_limit'] = $limit;
 
-// Gesamtseitenzahl
-$totalPages = max(1, ceil($totalResultsCount / $limit));
+// Serverseitig sortieren + filtern
+$filteredResults = sortSearchResults($rawResults, $currentSort);
+$filteredResults = filterSearchResultsByCategory($filteredResults, $currentCategory);
+
+$totalResultsCount = count($filteredResults);
+$totalPages = max(1, (int)ceil($totalResultsCount / $limit));
 
-// Aktuelle Seite auslesen und validieren
 $currentPage = isset($_GET['page']) ? (int)$_GET['page'] : 1;
 if ($currentPage < 1) {
     $currentPage = 1;
@@ -23,42 +40,59 @@ if ($currentPage < 1) {
     $currentPage = $totalPages;
 }
 
-// Startpunkt im Array berechnen (Offset)
 $offset = ($currentPage - 1) * $limit;
 
-// Nur die Ergebnisse für die aktuelle Seite ausschneiden
-//$results = array_slice($all_results, $offset, $limit);
-$results = $all_results;
+// Dies ist die No-JS-Basisversion: nur die aktuelle Seite wird gerendert.
+// Bei aktiviertem JS lädt js/results-app.js zusätzlich den kompletten
+// Datensatz nach (ein einziger Request) und übernimmt Sortierung, Filter
+// und Pagination danach komplett im Browser, ohne weitere Serveranfragen.
+$results = array_slice($filteredResults, $offset, $limit);
 $resultCount = count($results);
 
+// Kategorien für das Auswahlfeld (Wert => Label)
+$categories = [
+        'Deutsch' => 'Deutsch', 'Englisch' => 'Englisch', 'Franzoesisch' => 'Französisch',
+        'Latein' => 'Latein', 'Literatur' => 'Literatur', 'Mathematik' => 'Mathematik',
+        'Biologie' => 'Biologie', 'Informatik' => 'Informatik', 'Chemie' => 'Chemie',
+        'Physik' => 'Physik', 'Astronomie' => 'Astronomie', 'Geschichte' => 'Geschichte',
+        'Erdkunde' => 'Erdkunde', 'Sozialkunde' => 'Sozialkunde', 'Wirtschaftskunde' => 'Wirtschaftskunde',
+        'Religion' => 'Religion', 'Ethikunterricht' => 'Ethikunterricht', 'Philosophie' => 'Philosophie',
+        'Psychologie' => 'Psychologie', 'Kunst' => 'Kunst', 'Musik' => 'Musik', 'Theater' => 'Theater',
+        'Technik' => 'Technik', 'Werken' => 'Werken', 'Hauswirtschaft' => 'Hauswirtschaft', 'Sport' => 'Sport',
+];
 ?>
-<noscript>
-    Bitte JavaScript aktivieren!
-</noscript>
 <!--
     Seite: Suchergebnisse
-    Inhalt: Zeigt die Ergebnisse einer Suche an
+    Inhalt: Zeigt die Ergebnisse einer Suche an.
+    Funktioniert ohne JavaScript (serverseitige Sortierung/Filter/Pagination
+    über echte Links + Formulare) und wird bei aktiviertem JS von
+    js/search-results.js vollständig client-seitig übernommen.
 -->
 <div class="s-res-layout-grid">
-    <?php include_once "includes/alertMessages.php"?>
+    <?php include_once "includes/alertMessages.php" ?>
 
     <!-- Links: Seitenleiste für Filter und Suche -->
     <aside class="s-res-sidebar">
 
-    <!-- Sortierfuntion Box und Such Box-->
+        <!-- Formular 1: startet eine NEUE Suche (löst immer einen Server-Request aus) -->
         <form action="php/controller/search-results-controller.php" method="GET" id="search-form-id" class="s-res-sidebar-form">
-            
-            <input type="hidden" id="s-res-page-input" name="page" value="<?php echo $_GET['page'] ?? 1; ?>">
-
             <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>
             </div>
+        </form>
+
+        <!-- Formular 2: sortiert/filtert die BEREITS gefundenen Ergebnisse.
+             Ohne JS: echter Reload dieser Seite, aber ohne erneute Datenbank-Suche.
+             Mit JS: search-results.js übernimmt das live im Browser, der Submit-Button
+             wird dafür nicht benötigt und über <noscript> versteckt. -->
+        <form action="index.php" method="GET" id="s-res-filter-form" class="s-res-sidebar-form">
+            <input type="hidden" name="pfad" value="search-results">
+            <input type="hidden" name="q" value="<?php echo htmlspecialchars($query); ?>">
 
             <div class="s-res-sidebar-box">
                 <h3 class="s-res-sidebar-title">Sortierung</h3>
-                <?php $currentSort = $_SESSION['search_sort'] ?? 'alphabet'; ?>
                 <div class="s-res-filter-group">
                     <label class="s-res-filter-option">
                         <input type="radio" name="sort" value="alphabet" class="sort-radio" <?php echo $currentSort === 'alphabet' ? 'checked' : ''; ?>>
@@ -81,37 +115,19 @@ $resultCount = count($results);
 
             <div class="s-res-sidebar-box">
                 <h3 class="s-res-sidebar-title">Kategorie filtern</h3>
-                <select id="category-filter" class="s-res-limit-select" style="width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #cbd5e1;">
-                    <option value="all">Alle Kategorien</option>
-                    <option value="Deutsch">Deutsch</option>
-                    <option value="Englisch">Englisch</option>
-                    <option value="Franzoesisch">Französisch</option>
-                    <option value="Latein">Latein</option>
-                    <option value="Literatur">Literatur</option>
-                    <option value="Mathematik">Mathematik</option>
-                    <option value="Biologie">Biologie</option>
-                    <option value="Informatik">Informatik</option>
-                    <option value="Chemie">Chemie</option>
-                    <option value="Physik">Physik</option>
-                    <option value="Astronomie">Astronomie</option>
-                    <option value="Geschichte">Geschichte</option>
-                    <option value="Erdkunde">Erdkunde</option>
-                    <option value="Sozialkunde">Sozialkunde</option>
-                    <option value="Wirtschaftskunde">Wirtschaftskunde</option>
-                    <option value="Religion">Religion</option>
-                    <option value="Ethikunterricht">Ethikunterricht</option>
-                    <option value="Philosophie">Philosophie</option>
-                    <option value="Psychologie">Psychologie</option>
-                    <option value="Kunst">Kunst</option>
-                    <option value="Musik">Musik</option>
-                    <option value="Theater">Theater</option>
-                    <option value="Technik">Technik</option>
-                    <option value="Werken">Werken</option>
-                    <option value="Hauswirtschaft">Hauswirtschaft</option>
-                    <option value="Sport">Sport</option>
+                <select id="category-filter" name="category" class="s-res-limit-select" style="width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #cbd5e1;">
+                    <option value="all" <?php echo $currentCategory === 'all' ? 'selected' : ''; ?>>Alle Kategorien</option>
+                    <?php foreach ($categories as $value => $label): ?>
+                        <option value="<?php echo htmlspecialchars($value); ?>" <?php echo $currentCategory === strtolower($value) ? 'selected' : ''; ?>><?php echo htmlspecialchars($label); ?></option>
+                    <?php endforeach; ?>
                 </select>
             </div>
 
+            <noscript>
+                <button type="submit" class="nav__search-button">
+                    Filter anwenden
+                </button>
+            </noscript>
         </form>
 
     </aside>
@@ -120,17 +136,15 @@ $resultCount = count($results);
 
         <div class="s-res-header">
             <h1 class="s-res-main-title">Suchergebnisse</h1>
-            <p class="s-res-meta"><?php echo $totalResultsCount; ?> Treffer für Ihre Suchanfrage "<?php echo htmlspecialchars($query); ?>"</p>
+            <p class="s-res-meta"><span id="s-res-result-count"><?php echo $totalResultsCount; ?></span> Treffer für Ihre Suchanfrage "<?php echo htmlspecialchars($query); ?>"</p>
         </div>
 
         <!-- Ergebnisliste -->
         <div class="s-res-list">
-            <?php 
-            if (!empty($results)): ?>
+            <?php if (!empty($results)): ?>
 
                 <?php foreach ($results as $item):
-                    // Anzahl der Likes ermitteln (falls es ein Array ist, zählen; falls Zahl, direkt nutzen)
-                    $likesCount = isset($item['likes']) && is_array($item['likes']) ? count($item['likes']) : ($item['likes'] ?? 0);
+                    $likesCount = getLikeCount($item);
                     ?>
                     <div class="s-res-item" data-likes="<?php echo $likesCount; ?>" data-category="<?php echo strtolower($item['category'] ?? ''); ?>">
                         <div class="s-res-content">
@@ -151,40 +165,66 @@ $resultCount = count($results);
                     </div>
                 <?php endforeach; ?>
 
-            <?php 
-            elseif (isset($_SESSION["search_query"]) && $_SESSION["search_query"] !== "" && $resultCount === 0): ?>
-                <p>Keine Beiträge zu diesem Suchbegriff gefunden.</p>  
-            <?php 
-            elseif (isset($_SESSION["message"]) && $_SESSION["message"] == "invalid_search_query"): ?>
+            <?php elseif (isset($_SESSION["message"]) && $_SESSION["message"] === "invalid_search_query"): ?>
                 <p>Unzulässige Suchanfrage</p>
 
+            <?php elseif ($query !== "" && $totalResultsCount === 0 && count($rawResults) > 0): ?>
+                <p>Keine Beiträge in dieser Kategorie gefunden.</p>
+
+            <?php elseif ($query !== "" && $totalResultsCount === 0): ?>
+                <p>Keine Beiträge zu diesem Suchbegriff gefunden.</p>
+
             <?php endif; ?>
-            <?php
-            unset($_SESSION["message"]);
-            ?>
+            <?php unset($_SESSION["message"]); ?>
 
         </div>
+
         <div class="s-res-pagination-footer">
 
-            <!-- Auswahl der Ergebnisse pro Seite -->
+            <!-- Auswahl der Ergebnisse pro Seite. Gehört per form="..." logisch
+                 zum Filterformular oben -->
             <div class="s-res-limit-selector">
                 <label for="s-res-per-page" class="s-res-limit-label">Ergebnisse pro Seite:</label>
-                <select id="s-res-per-page" name="limit" class="s-res-limit-select">
+                <select id="s-res-per-page" name="limit" form="s-res-filter-form" class="s-res-limit-select">
                     <option value="10" <?php echo $limit === 10 ? 'selected' : ''; ?>>10</option>
                     <option value="20" <?php echo $limit === 20 ? 'selected' : ''; ?>>20</option>
                     <option value="50" <?php echo $limit === 50 ? 'selected' : ''; ?>>50</option>
                     <option value="100" <?php echo $limit === 100 ? 'selected' : ''; ?>>100</option>
                 </select>
+                <noscript><button type="submit" form="s-res-filter-form" class="nav__search-button">Übernehmen</button></noscript>
             </div>
 
-            <div class="s-res-page-navigation">
-                <button type="button" class="s-res-page-btn" id="prev-page-btn" data-page="0">«</button>
+            <nav class="s-res-page-navigation" aria-label="Seitennavigation">
+
+                <noscript>
+                    <?php echo renderNoJsPagination(
+                            $currentPage,
+                            $totalPages,
+                            $query,
+                            $currentSort,
+                            $currentCategory,
+                            $limit
+                    ); ?>
+                </noscript>
+
+                <div id="js-page-navigation" style="display: none;">
+                    <button type="button"
+                            class="s-res-page-btn"
+                            id="prev-page-btn">
+                        «
+                    </button>
 
                     <span id="dynamic-page-numbers"></span>
 
-                <button type="button" class="s-res-page-btn" id="next-page-btn" data-page="2">»</button>
+                    <button type="button"
+                            class="s-res-page-btn"
+                            id="next-page-btn">
+                        »
+                    </button>
                 </div>
 
+            </nav>
+
         </div>
     </main>
 

content/showArticle.php

@@ -5,6 +5,34 @@ $repliesByParent = [];
 $articleObj = null;
 
 include_once 'php/controller/showArticle-controller.php';
+/*
+ * Ermittelt, ob ohne JavaScript auf einen Kommentar
+ * geantwortet werden soll.
+ */
+$replyTo = filter_input(
+        INPUT_GET,
+        "reply_to",
+        FILTER_VALIDATE_INT
+);
+
+$replyAuthor = null;
+
+if ($replyTo !== false && $replyTo !== null) {
+    foreach ($mainComments as $mainComment) {
+        if ($mainComment->getId() === $replyTo) {
+            $replyAuthor = $mainComment->getAuthor();
+            break;
+        }
+    }
+}
+
+/*
+ * Eine Antwort darf nur auf einen existierenden
+ * Hauptkommentar geschrieben werden.
+ */
+if ($replyAuthor === null) {
+    $replyTo = null;
+}
 ?>
 <!--
      Seite: Anzeige für Beiträge
@@ -15,8 +43,6 @@ include_once 'php/controller/showArticle-controller.php';
     <?php include_once "includes/alertMessages.php"?>
 
     <!-- Metadaten & Titel -->
-    <div class="article-view-top-section">
-
     <div class="article-view-top-section">
 
             <div class="category-and-likes-row">
@@ -45,8 +71,8 @@ include_once 'php/controller/showArticle-controller.php';
         </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>
+            <?php if (isset($name) && !empty($name)): ?>
+                <span class="article-view-author">Von: <strong><?php echo htmlspecialchars($name); ?></strong></span>
             <?php endif; ?>
         </div>
 
@@ -106,39 +132,266 @@ include_once 'php/controller/showArticle-controller.php';
         </div>
     <?php endif; ?>
 
-    <section class="article-comments-section">
+    <section class="article-comments-section" id="comments">
         <h2>Kommentare</h2>
 
+        <?php if (isset($_SESSION["comment_message"])): ?>
+            <div class="alert-message <?php
+            echo ($_SESSION["comment_message_type"] ?? "") === "success"
+                    ? "is-success"
+                    : "is-error";
+            ?>">
+                <?php echo htmlspecialchars($_SESSION["comment_message"]); ?>
+            </div>
+
+            <?php
+            unset($_SESSION["comment_message"]);
+            unset($_SESSION["comment_message_type"]);
+            ?>
+        <?php endif; ?>
+
         <div id="comments-list">
             <?php if (!empty($mainComments)): ?>
                 <?php foreach ($mainComments as $comment): ?>
-                    <div class="comment-item" data-comment-id="<?php echo htmlspecialchars($comment->getId()); ?>">
-                        <p>
-                            <strong><?php echo htmlspecialchars($comment->getAuthor()); ?></strong>
-                            <span><?php echo htmlspecialchars($comment->getCreated()); ?></span>
+                    <div class="comment-item"
+                         data-comment-id="<?php echo htmlspecialchars(
+                                 (string) $comment->getId()
+                         ); ?>">
+
+                        <?php
+                        $isDeleted = $comment->getContent()
+                                === "Dieser Kommentar wurde gelöscht.";
+                        ?>
+
+                        <?php if ($isDeleted): ?>
+
+                            <p class="deleted-comment">
+                                Dieser Kommentar wurde gelöscht.
                             </p>
 
-                        <p><?php echo nl2br(htmlspecialchars($comment->getContent())); ?></p>
+                        <?php else: ?>
+
+                            <p>
+                                <strong>
+                                    <?php echo htmlspecialchars($comment->getAuthor()); ?>
+                                </strong>
+
+                                <span>
+                <?php echo htmlspecialchars($comment->getCreated()); ?>
+            </span>
+                            </p>
+
+                            <p>
+                                <?php
+                                echo nl2br(
+                                        htmlspecialchars($comment->getContent())
+                                );
+                                ?>
+                            </p>
+
+                            <?php if (
+                                    isset($_SESSION["user_email"])
+                                    && $_SESSION["user_email"] === $comment->getAuthor()
+                            ): ?>
+                                <details class="edit-comment-details">
+                                    <summary class="edit-comment-button">
+                                        Kommentar bearbeiten
+                                    </summary>
+
+                                    <form method="post"
+                                          action="index.php?pfad=updateComment"
+                                          class="edit-comment-form">
+
+                                        <input type="hidden"
+                                               name="comment_id"
+                                               value="<?php echo htmlspecialchars(
+                                                       (string) $comment->getId()
+                                               ); ?>">
+
+                                        <input type="hidden"
+                                               name="article_id"
+                                               value="<?php echo htmlspecialchars(
+                                                       (string) $comment->getArticleId()
+                                               ); ?>">
+
+                                        <label for="edit-comment-<?php
+                                        echo htmlspecialchars((string) $comment->getId());
+                                        ?>">
+                                            Kommentar bearbeiten
+                                        </label>
+
+                                        <textarea
+                                                id="edit-comment-<?php
+                                                echo htmlspecialchars((string) $comment->getId());
+                                                ?>"
+                                                name="content"
+                                                required><?php echo htmlspecialchars(
+                                                    $comment->getContent()
+                                            ); ?></textarea>
+
+                                        <button type="submit" class="button">
+                                            Änderungen speichern
+                                        </button>
+                                    </form>
+                                </details>
+
+                                <form method="post"
+                                      action="index.php?pfad=deleteComment"
+                                      class="delete-comment-form confirm-delete-comment">
+
+                                    <input type="hidden"
+                                           name="comment_id"
+                                           value="<?php echo htmlspecialchars(
+                                                   (string) $comment->getId()
+                                           ); ?>">
+
+                                    <input type="hidden"
+                                           name="article_id"
+                                           value="<?php echo htmlspecialchars(
+                                                   (string) $comment->getArticleId()
+                                           ); ?>">
+
+                                    <button type="submit"
+                                            class="delete-comment-button">
+                                        Kommentar löschen
+                                    </button>
+                                </form>
+
+                            <?php endif; ?>
 
                             <?php if (isset($_SESSION["user_email"])): ?>
-                            <button type="button"
+
+                                <a href="index.php?pfad=<?php
+                                echo urlencode($_GET["pfad"] ?? "showArticle");
+                                ?>&id=<?php
+                                echo urlencode((string) $comment->getArticleId());
+                                ?>&reply_to=<?php
+                                echo urlencode((string) $comment->getId());
+                                ?>#comment-form"
                                    class="reply-button"
-                                    data-comment-id="<?php echo htmlspecialchars($comment->getId()); ?>"
-                                    data-author="<?php echo htmlspecialchars($comment->getAuthor()); ?>">
+                                   data-comment-id="<?php echo htmlspecialchars(
+                                           (string) $comment->getId()
+                                   ); ?>"
+                                   data-author="<?php echo htmlspecialchars(
+                                           $comment->getAuthor()
+                                   ); ?>">
+
                                     Antworten
-                            </button>
+                                </a>
+
+                            <?php endif; ?>
+
                         <?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>
+
+                                        <?php
+                                        $isReplyDeleted = $reply->getContent()
+                                                === "Dieser Kommentar wurde gelöscht.";
+                                        ?>
+
+                                        <?php if ($isReplyDeleted): ?>
+
+                                            <p class="deleted-comment">
+                                                Dieser Kommentar wurde gelöscht.
                                             </p>
 
-                                        <p><?php echo nl2br(htmlspecialchars($reply->getContent())); ?></p>
+                                        <?php else: ?>
+
+                                            <p>
+                                                <strong>
+                                                    <?php echo htmlspecialchars($reply->getAuthor()); ?>
+                                                </strong>
+
+                                                <span>
+                    <?php echo htmlspecialchars($reply->getCreated()); ?>
+                </span>
+                                            </p>
+
+                                            <p>
+                                                <?php
+                                                echo nl2br(
+                                                        htmlspecialchars($reply->getContent())
+                                                );
+                                                ?>
+                                            </p>
+
+                                            <?php if (
+                                                    isset($_SESSION["user_email"])
+                                                    && $_SESSION["user_email"] === $reply->getAuthor()
+                                            ): ?>
+
+                                                <details class="edit-comment-details">
+                                                    <summary class="edit-comment-button">
+                                                        Antwort bearbeiten
+                                                    </summary>
+
+                                                    <form method="post"
+                                                          action="index.php?pfad=updateComment"
+                                                          class="edit-comment-form">
+
+                                                        <input type="hidden"
+                                                               name="comment_id"
+                                                               value="<?php echo htmlspecialchars(
+                                                                       (string) $reply->getId()
+                                                               ); ?>">
+
+                                                        <input type="hidden"
+                                                               name="article_id"
+                                                               value="<?php echo htmlspecialchars(
+                                                                       (string) $reply->getArticleId()
+                                                               ); ?>">
+
+                                                        <label for="edit-reply-<?php
+                                                        echo htmlspecialchars((string) $reply->getId());
+                                                        ?>">
+                                                            Antwort bearbeiten
+                                                        </label>
+
+                                                        <textarea
+                                                                id="edit-reply-<?php
+                                                                echo htmlspecialchars((string) $reply->getId());
+                                                                ?>"
+                                                                name="content"
+                                                                required><?php echo htmlspecialchars(
+                                                                    $reply->getContent()
+                                                            ); ?></textarea>
+
+                                                        <button type="submit" class="button">
+                                                            Änderungen speichern
+                                                        </button>
+                                                    </form>
+                                                </details>
+
+                                                <form method="post"
+                                                      action="index.php?pfad=deleteComment"
+                                                      class="delete-comment-form confirm-delete-comment">
+
+                                                    <input type="hidden"
+                                                           name="comment_id"
+                                                           value="<?php echo htmlspecialchars(
+                                                                   (string) $reply->getId()
+                                                           ); ?>">
+
+                                                    <input type="hidden"
+                                                           name="article_id"
+                                                           value="<?php echo htmlspecialchars(
+                                                                   (string) $reply->getArticleId()
+                                                           ); ?>">
+
+                                                    <button type="submit"
+                                                            class="delete-comment-button">
+                                                        Antwort löschen
+                                                    </button>
+                                                </form>
+
+                                            <?php endif; ?>
+
+                                        <?php endif; ?>
+
                                     </div>
                                 <?php endforeach; ?>
                             <?php endif; ?>
@@ -153,17 +406,46 @@ include_once 'php/controller/showArticle-controller.php';
         </div>
 
         <?php if (isset($_SESSION["user_email"])): ?>
-            <form id="comment-form">
+            <form id="comment-form"
+                  method="post"
+                  action="php/ajax/add-comment.php">
+
                 <input type="hidden"
                        name="article_id"
-                       value="<?php echo htmlspecialchars($_GET["id"] ?? ""); ?>">
+                       value="<?php echo htmlspecialchars(
+                               (string) ($_GET["id"] ?? "")
+                       ); ?>">
 
                 <input type="hidden"
                        name="parent_comment_id"
                        id="parent-comment-id"
-                       value="">
+                       value="<?php echo $replyTo !== null
+                               ? htmlspecialchars((string) $replyTo)
+                               : "";
+                       ?>">
 
-                <p id="reply-info" class="reply-info" style="display: none;"></p>
+                <p id="reply-info"
+                   class="reply-info"
+                        <?php if ($replyAuthor === null): ?>
+                            style="display: none;"
+                        <?php endif; ?>>
+
+                    <?php if ($replyAuthor !== null): ?>
+                        Antwort auf <?php echo htmlspecialchars($replyAuthor); ?>
+
+                        <a href="index.php?pfad=<?php
+                        echo urlencode($_GET["pfad"] ?? "showArticle");
+                        ?>&id=<?php
+                        echo urlencode((string) ($_GET["id"] ?? ""));
+                        ?>#comment-form">
+                            Abbrechen
+                        </a>
+                    <?php endif; ?>
+                </p>
+
+                <label for="comment-content">
+                    Kommentar
+                </label>
 
                 <textarea name="content"
                           id="comment-content"

content/showCategory.php

@@ -1,32 +1,184 @@
 <?php
+if (session_status() === PHP_SESSION_NONE) {
+    session_start();
+}
 include_once "php/controller/showCategory-controller.php";
+require_once __DIR__ . '/../includes/resultsHelper.php';
+
+$rawResults = $_SESSION['category_results'] ?? [];
+$category = $_SESSION['category_name'] ?? ($_GET['category'] ?? '');
+
+// Sortierung / Suche / Limit: GET-Parameter haben Vorrang, sonst Rückfall auf
+// die zuletzt in der Session gemerkten Werte (analog zu search-results.php).
+$currentSort = $_GET['sort'] ?? ($_SESSION['cat_sort'] ?? 'alphabet');
+if (!in_array($currentSort, ['alphabet', 'likes', 'newest', 'oldest'])) {
+    $currentSort = 'alphabet';
+}
+$_SESSION['cat_sort'] = $currentSort;
+
+$query = trim($_GET['q'] ?? ($_SESSION['cat_query'] ?? ''));
+$_SESSION['cat_query'] = $query;
+
+$limit = isset($_GET['limit']) ? (int)$_GET['limit'] : ($_SESSION['cat_limit'] ?? 10);
+if (!in_array($limit, [10, 20, 50, 100])) {
+    $limit = 10;
+}
+$_SESSION['cat_limit'] = $limit;
+
+// Serverseitig sortieren + nach Suchbegriff filtern (Kategorie steht bereits fest)
+$filteredResults = sortSearchResults($rawResults, $currentSort);
+$filteredResults = filterResultsByQuery($filteredResults, $query);
+
+$totalResultsCount = count($filteredResults);
+$totalPages = max(1, (int)ceil($totalResultsCount / $limit));
+
+$currentPage = isset($_GET['page']) ? (int)$_GET['page'] : 1;
+if ($currentPage < 1) {
+    $currentPage = 1;
+} elseif ($currentPage > $totalPages) {
+    $currentPage = $totalPages;
+}
+
+$offset = ($currentPage - 1) * $limit;
+
+// Dies ist die No-JS-Basisversion: nur die aktuelle Seite wird gerendert.
+// Bei aktiviertem JS lädt js/showCategory.js zusätzlich den kompletten
+// Kategorie-Datensatz nach (ein einziger Request) und übernimmt Sortierung,
+// Suche und Pagination danach komplett im Browser, ohne weitere Serveranfragen.
+$results = array_slice($filteredResults, $offset, $limit);
+$resultCount = count($results);
 ?>
+<!--
+    Seite: Kategorie-Ansicht
+    Inhalt: Zeigt alle Beiträge einer Kategorie an, sortierbar und innerhalb
+    der Kategorie durchsuchbar.
+    Funktioniert ohne JavaScript (serverseitige Sortierung/Suche/Pagination
+    über echte Links + Formulare) und wird bei aktiviertem JS von
+    js/showCategory.js vollständig client-seitig übernommen.
+-->
+<div class="s-res-layout-grid">
+    <?php include_once "includes/alertMessages.php" ?>
 
-<main>
-    <?php include_once "includes/alertMessages.php"?>
+    <!-- Links: Seitenleiste für Suche (innerhalb der Kategorie) und Sortierung -->
+    <aside class="s-res-sidebar">
 
-    <h1><?php if (isset($category) && !empty($category)){ echo htmlspecialchars($category); } ?></h1>
+        <!-- Sortiert/durchsucht die BEREITS geladenen Kategorie-Beiträge.
+             Ohne JS: echter Reload dieser Seite, aber ohne erneute Datenbank-Abfrage.
+             Mit JS: js/showCategory.js übernimmt das live im Browser, der Submit-Button
+             wird dafür nicht benötigt und über <noscript> versteckt. -->
+        <form action="index.php" method="GET" id="cat-filter-form" class="s-res-sidebar-form">
+            <input type="hidden" name="pfad" value="showCategory">
+            <input type="hidden" name="category" value="<?php echo htmlspecialchars($category); ?>">
 
+            <div class="s-res-sidebar-box">
+                <h3 class="s-res-sidebar-title">In dieser Kategorie suchen</h3>
+                <input type="search" id="cat-search-input" name="q" placeholder="Suchen..." class="nav__search" value="<?php echo htmlspecialchars($query); ?>" maxlength="50">
+            </div>
+
+            <div class="s-res-sidebar-box">
+                <h3 class="s-res-sidebar-title">Sortierung</h3>
+                <div class="s-res-filter-group">
+                    <label class="s-res-filter-option">
+                        <input type="radio" name="sort" value="alphabet" class="sort-radio" <?php echo $currentSort === 'alphabet' ? 'checked' : ''; ?>>
+                        <span>Alphabetisch</span>
+                    </label>
+                    <label class="s-res-filter-option">
+                        <input type="radio" name="sort" value="likes" class="sort-radio" <?php echo $currentSort === 'likes' ? 'checked' : ''; ?>>
+                        <span>Beliebtheit (Likes)</span>
+                    </label>
+                    <label class="s-res-filter-option">
+                        <input type="radio" name="sort" value="newest" class="sort-radio" <?php echo $currentSort === 'newest' ? 'checked' : ''; ?>>
+                        <span>Neueste Beiträge</span>
+                    </label>
+                    <label class="s-res-filter-option">
+                        <input type="radio" name="sort" value="oldest" class="sort-radio" <?php echo $currentSort === 'oldest' ? 'checked' : ''; ?>>
+                        <span>Älteste Beiträge</span>
+                    </label>
+                </div>
+            </div>
+
+            <noscript>
+                <button type="submit" class="nav__search-button">Anwenden</button>
+            </noscript>
+        </form>
+
+    </aside>
+
+    <main class="s-res-main-content">
+
+        <div class="s-res-header">
+            <h1 class="s-res-main-title">Kategorie: <?php echo htmlspecialchars($category); ?></h1>
+            <p class="s-res-meta">
+                <span id="s-res-result-count"><?php echo $totalResultsCount; ?></span> Treffer in dieser Kategorie<?php echo $query !== '' ? ' für "' . htmlspecialchars($query) . '"' : ''; ?>
+            </p>
+        </div>
+
+        <!-- Ergebnisliste -->
         <div class="s-res-list">
-        <?php
-        if (!empty($articles)): ?>
-            <?php foreach ($articles as $article): ?>
-                <div class="s-res-item">
+            <?php if (!empty($results)): ?>
+
+                <?php foreach ($results as $item):
+                    $likesCount = getLikeCount($item);
+                    ?>
+                    <div class="s-res-item" data-likes="<?php echo $likesCount; ?>" data-category="<?php echo strtolower($item['category'] ?? ''); ?>">
                         <div class="s-res-content">
                             <h2 class="s-res-item-title">
-                            <a href="index.php?pfad=showArticle&id=<?php echo $article->getId(); ?>" class="s-res-link">
-                                <?php echo htmlspecialchars($article->getTitle()); ?>
+                                <a href="index.php?pfad=showArticle&id=<?php echo $item['id']; ?>" class="s-res-link">
+                                    <?php echo htmlspecialchars($item['title']); ?>
                                 </a>
                             </h2>
-                        <p class="s-res-author">Von: <span class="s-res-author-name"><?php echo htmlspecialchars($article->getAuthor()); ?></span></p>
+                            <div class="s-res-meta-row">
+                                <p class="s-res-author">Von: <span class="s-res-author-name"><?php echo htmlspecialchars($item['author']); ?></span></p>
+
+                                <span class="s-res-likes">
+                                    ❤️ <?php echo $likesCount; ?>
+                                </span>
+                            </div>
                         </div>
                         <div class="s-res-arrow">&rarr;</div>
                     </div>
                 <?php endforeach; ?>
-        <?php
-        else: ?>
-        <p> Es sind noch keine Beiträge in dieser Kategorie enthalten.</p>
+
+            <?php elseif ($query !== ''): ?>
+                <p>Keine Beiträge in dieser Kategorie zu diesem Suchbegriff gefunden.</p>
+
+            <?php else: ?>
+                <p>Keine Beiträge in dieser Kategorie gefunden.</p>
+
             <?php endif; ?>
+            <?php unset($_SESSION["message"]); ?>
+
         </div>
 
-</main>
+        <div class="s-res-pagination-footer">
+
+            <!-- Auswahl der Ergebnisse pro Seite -->
+            <div class="s-res-limit-selector">
+                <label for="s-res-per-page" class="s-res-limit-label">Ergebnisse pro Seite:</label>
+                <select id="s-res-per-page" name="limit" form="cat-filter-form" class="s-res-limit-select">
+                    <option value="10" <?php echo $limit === 10 ? 'selected' : ''; ?>>10</option>
+                    <option value="20" <?php echo $limit === 20 ? 'selected' : ''; ?>>20</option>
+                    <option value="50" <?php echo $limit === 50 ? 'selected' : ''; ?>>50</option>
+                    <option value="100" <?php echo $limit === 100 ? 'selected' : ''; ?>>100</option>
+                </select>
+                <noscript><button type="submit" form="cat-filter-form" class="nav__search-button">Übernehmen</button></noscript>
+            </div>
+
+            <nav class="s-res-page-navigation" aria-label="Seitennavigation">
+                <!-- No-JS-Fallback: -->
+                <noscript>
+                    <?php echo renderNoJsPaginationCategory($currentPage, $totalPages, $category, $currentSort, $query, $limit); ?>
+                </noscript>
+
+                <!-- JS-Version: wird per js/showCategory.js befüllt/eingeblendet: -->
+                <div id="js-page-navigation" style="display:none;">
+                    <button type="button" class="s-res-page-btn" id="prev-page-btn">«</button>
+                    <span id="dynamic-page-numbers"></span>
+                    <button type="button" class="s-res-page-btn" id="next-page-btn">»</button>
+                </div>
+            </nav>
+
+        </div>
+    </main>
+
+</div>

content/updateArticle.php

@@ -5,10 +5,25 @@ if (!isset($_SESSION["user"])) {
     exit();
 }
 include_once 'php/controller/showArticle-controller.php';
+
+// Aktuelle Blockliste ermitteln:
+$rawContent = '[]';
+if (isset($_SESSION['old_content']) && !empty($_SESSION['old_content'])) {
+    $rawContent = $_SESSION['old_content'];
+    unset($_SESSION['old_content']);
+} elseif (isset($content) && !empty($content)) {
+    $rawContent = $content;
+}
+
+$blocks = json_decode($rawContent, true);
+if (!is_array($blocks)) {
+    $blocks = [];
+}
+$blocks = array_values($blocks);
 ?>
 <!--
-    Seite: Beitrag erstellen
-    Inhalt: Formular für die Erstellung eines neuen Beitrags
+    Seite: Beitrag bearbeiten
+    Inhalt: Formular für die Bearbeitung eines Beitrags
 -->
 <form method="post" action="php/controller/updateArticle-controller.php?id=<?php if(isset($id) && !empty($id)){echo htmlspecialchars($id);}else{$_SESSION["message"] = "missing_id";} ?>" id="editor-form" enctype="multipart/form-data" class="article-editor-scope.editor-container article-editor-scope editor-container">
 
@@ -27,32 +42,49 @@ include_once 'php/controller/showArticle-controller.php';
                ?>"
                placeholder="Titel hier eingeben" required>
 
-        <!-- Hier werden die dynamischen divs via JavaScript eingefügt -->
-        <div id="block-container"></div>
+        <!--
+            Content-Blöcke: werden serverseitig als echte, benannte Formularfelder gerendert
+            (blocks[i][type]...). Dadurch funktioniert das Hinzufügen/Entfernen von Blöcken und
+            der Bild-Upload auch ganz ohne JavaScript über einen normalen Formular-Submit.
+            Ist JavaScript aktiv, fängt js/editor.js diese Submits ab und erledigt dieselbe
+            Änderung lokal im DOM, ohne den Server zu belasten.
+        -->
+        <div id="block-container">
+            <?php foreach ($blocks as $i => $block): ?>
+                <?php
+                $blockType = $block['type'] ?? '';
+                if ($blockType !== 'text' && $blockType !== 'image') {
+                    continue; // unbekannter/kaputter Block wird übersprungen
+                }
+                ?>
+                <div class="editor-block article-editor-scope" data-index="<?php echo (int)$i; ?>">
+                    <input type="hidden" name="blocks[<?php echo (int)$i; ?>][type]" value="<?php echo htmlspecialchars($blockType); ?>">
+
+                    <?php if ($blockType === 'text'): ?>
+                        <textarea name="blocks[<?php echo (int)$i; ?>][text]"
+                                  placeholder="Schreibe deinen Textblock..."><?php echo htmlspecialchars($block['value'] ?? ''); ?></textarea>
+                    <?php else: /* image */ ?>
+                        <?php if (!empty($block['value'])): ?>
+                            <img src="<?php echo htmlspecialchars($block['value']); ?>"
+                                 class="block-image-preview"
+                                 style="max-width:200px;display:block;margin-top:10px;">
+                            <input type="hidden" name="blocks[<?php echo (int)$i; ?>][existing_image]" value="<?php echo htmlspecialchars($block['value']); ?>">
+                        <?php endif; ?>
+                        <input type="file" name="blocks[<?php echo (int)$i; ?>][image]" accept="image/*">
+                    <?php endif; ?>
+
+                    <button type="submit" name="editor_action" value="delete_block:<?php echo (int)$i; ?>" class="delete-block-btn">✕</button>
+                </div>
+            <?php endforeach; ?>
+        </div>
 
-        <!-- Plus-Button und das Pop-up-Menü -->
         <div id="add-block-control" class="article-editor-scope add-block-control">
             <button type="button" id="plus-button" class="article-editor-scope plus-button">+</button>
-            <div id="block-popup" class="article-editor-scope block-popup hidden">
-                <button type="button" data-type="text">Textblock</button>
-                <button type="button" data-type="image">Bild einfügen</button>
+            <div id="block-popup" class="article-editor-scope block-popup">
+                <button type="submit" name="editor_action" value="add_text" data-type="text">Textblock</button>
+                <button type="submit" name="editor_action" value="add_image" data-type="image">Bild einfügen</button>
             </div>
         </div>
-
-        <!-- Unsichtbares Textfeld, das die JSON-Daten hält und an den Controller postet -->
-        <textarea id="content" name="content" style="display:none;"><?php
-            if (isset($_SESSION['old_content']) && !empty($_SESSION['old_content'])){
-                echo htmlspecialchars($_SESSION['old_content']);
-                unset($_SESSION['old_content']);
-            }elseif (isset($content) && !empty($content)){
-                echo htmlspecialchars($content);
-            } else {
-                echo '[]';
-            }
-            ?></textarea>
-
-        <!-- unsichtbares Input, um die zu löschenden Bilder zu übergeben-->
-        <input type="hidden" id="deleted-images" name="deleted_images" value="[]">
     </main>
 
     <!-- Seitenleiste -->

css/showCategory.css

@@ -0,0 +1,227 @@
+/* --- ZWEISPALTIIGES GRID-LAYOUT --- */
+.cat-view-container {
+    box-sizing: border-box;
+    max-width: 95%; /* 95% Monitorbreite wie das Original */
+    width: 95%;
+    margin: 2rem auto;
+    padding: 0 1rem;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    color: #212529;
+    line-height: 1.5;
+
+    /* Grid für die Zweispaltigkeit */
+    display: grid;
+    grid-template-columns: 320px 1fr; /* 320px Sidebar, Rest für Content */
+    gap: 2.5rem;
+}
+
+.cat-view-container * {
+    box-sizing: border-box;
+}
+
+/* --- SEITENLEISTE (SORTIERUNG) --- */
+.cat-sidebar {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}
+
+.cat-sidebar-box {
+    background-color: #ffffff;
+    border: 1px solid #e2e8f0;
+    border-radius: 8px;
+    padding: 1.25rem;
+}
+
+.cat-sidebar-title {
+    font-size: 1rem;
+    font-weight: 700;
+    color: #1a202c;
+    margin: 0 0 1rem 0;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+}
+
+.cat-filter-group {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+}
+
+.cat-filter-option {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    cursor: pointer;
+    font-size: 0.95rem;
+    color: #4a5568;
+}
+
+.cat-filter-option input[type="radio"] {
+    margin: 0;
+    accent-color: #3182ce;
+}
+
+/* --- HAUPTINHALT --- */
+.cat-view-main {
+    min-width: 0;
+}
+
+.cat-view-header {
+    margin-bottom: 2rem;
+    border-bottom: 2px solid #dee2e6;
+    padding-bottom: 1rem;
+}
+
+.cat-view-title {
+    font-size: 2rem;
+    color: #1a202c;
+    margin: 0 0 0.5rem 0;
+    font-weight: 700;
+}
+
+.cat-view-meta-text {
+    color: #6c757d;
+    font-size: 0.95rem;
+    margin: 0;
+}
+
+/* --- BEITRÄGE LISTE --- */
+.cat-view-list {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+.cat-view-item {
+    background-color: #ffffff;
+    border: 1px solid #e2e8f0;
+    border-radius: 8px;
+    padding: 1.25rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
+}
+
+.cat-view-item:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+    border-color: #cbd5e1;
+}
+
+.cat-view-content {
+    flex: 1;
+}
+
+.cat-view-item-title {
+    font-size: 1.25rem;
+    margin: 0 0 0.25rem 0;
+    font-weight: 600;
+}
+
+.cat-view-link {
+    color: #3182ce;
+    text-decoration: none;
+}
+
+.cat-view-link:hover {
+    text-decoration: underline;
+    color: #2b6cb0;
+}
+
+.cat-view-meta-row {
+    display: flex;
+    gap: 15px;
+    align-items: center;
+    margin-bottom: 0.5rem;
+}
+
+.cat-view-author {
+    font-size: 0.875rem;
+    color: #4a5568;
+    margin: 0;
+}
+
+.cat-view-author-name {
+    font-weight: 600;
+    color: #2d3748;
+}
+
+.cat-view-likes {
+    font-size: 0.9em;
+    color: #475569;
+}
+
+.cat-view-arrow {
+    font-size: 1.5rem;
+    color: #a0aec0;
+    padding-left: 1rem;
+    transition: color 0.2s ease, transform 0.2s ease;
+}
+
+.cat-view-item:hover .cat-view-arrow {
+    color: #3182ce;
+    transform: translateX(3px);
+}
+
+/* --- FOOTER PAGINATION --- */
+.cat-view-pagination-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 2rem;
+    padding-top: 1.5rem;
+    border-top: 1px solid #e2e8f0;
+}
+
+.cat-view-pagination-footer .s-res-page-navigation {
+    display: flex;
+    gap: 0.25rem;
+}
+
+.cat-view-pagination-footer .s-res-page-btn {
+    background-color: #ffffff;
+    border: 1px solid #cbd5e1;
+    color: #4a5568;
+    padding: 0.35rem 0.75rem;
+    font-size: 0.9rem;
+    font-weight: 500;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+}
+
+.cat-view-pagination-footer .s-res-page-btn:hover:not(:disabled) {
+    background-color: #f8f9fa;
+    border-color: #cbd5e1;
+    color: #2d3748;
+}
+
+.cat-view-pagination-footer .cat-active-btn {
+    background-color: #3182ce;
+    border-color: #3182ce;
+    color: #ffffff;
+    cursor: default;
+}
+
+.cat-view-pagination-footer .s-res-page-btn:disabled:not(.cat-active-btn) {
+    background-color: #f1f5f9;
+    border-color: #e2e8f0;
+    color: #94a3b8;
+    cursor: not-allowed;
+}
+
+/* RESPONSIVE ANPASSUNG (Unter 768px) */
+@media (max-width: 768px) {
+    .cat-view-container {
+        grid-template-columns: 1fr; /* Stapelt Sidebar und Inhalt untereinander */
+        gap: 1.5rem;
+        margin: 1rem auto;
+    }
+    .cat-view-pagination-footer {
+        flex-direction: column;
+        gap: 1rem;
+        align-items: flex-start;
+    }
+}

includes/alertMessages.php

@@ -18,11 +18,6 @@
         Ein Beitrag muss Inhalt besitzen. Text- und Bildelemente dürfen nicht leer sein!
     </p>
 <?php endif; ?>
-<?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "invalid_category"): ?>
-    <p class="alert-message is-error">
-        Die ausgewählte Kategorie ist ungültig.
-    </p>
-<?php endif; ?>
 <?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "invalid_tags"): ?>
     <p class="alert-message is-error">
         Ungültige Schlagworte gefunden. Erlaubt sind nur Buchstaben, Zahlen, Leerzeichen und Bindestriche (2-50 Zeichen).

includes/article-block-helper.php

@@ -0,0 +1,69 @@
+<?php
+/**
+ * Baut die Blockliste aus den POST-Daten (blocks[i][type], blocks[i][text],
+ * blocks[i][existing_image]) und ggf. hochgeladenen Dateien (blocks[i][image])
+ * zusammen. Läuft bei JEDEM Submit (Zwischen-Schritt "Block hinzufügen/löschen"
+ * UND finales Speichern/Veröffentlichen), damit neu ausgewählte Bilder in jedem
+ * Fall persistiert werden, bevor PHP die temporäre Upload-Datei nach
+ * Request-Ende verwirft.
+ *
+ * Wird sowohl vom createArticle- als auch vom updateArticle-Controller genutzt.
+ *
+ * @param array  $postBlocks  $_POST['blocks'] ?? []
+ * @param array  $fileBlocks  $_FILES['blocks'] ?? []
+ * @param string $uploadDir   absoluter Pfad zum uploads-Verzeichnis (mit trailing slash)
+ * @return array Liste von ['type' => 'text'|'image', 'value' => string]
+ */
+function rebuildBlocksFromPost(array $postBlocks, array $fileBlocks, string $uploadDir): array {
+    $allowedExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
+
+    $keys = array_keys($postBlocks);
+    if (isset($fileBlocks['name']) && is_array($fileBlocks['name'])) {
+        $keys = array_unique(array_merge($keys, array_keys($fileBlocks['name'])));
+    }
+    sort($keys, SORT_NUMERIC);
+
+    $blocks = [];
+
+    foreach ($keys as $key) {
+        $type = $postBlocks[$key]['type'] ?? null;
+
+        if ($type === 'text') {
+            $blocks[] = [
+                'type'  => 'text',
+                'value' => $postBlocks[$key]['text'] ?? '',
+            ];
+        } elseif ($type === 'image') {
+            // Vorbelegung: bereits vorhandenes Server-Bild (falls Datei nicht ersetzt wird)
+            $value = $postBlocks[$key]['existing_image'] ?? '';
+
+            $hasUpload = isset($fileBlocks['error'][$key]['image'])
+                && $fileBlocks['error'][$key]['image'] === UPLOAD_ERR_OK;
+
+            if ($hasUpload) {
+                $tmpName      = $fileBlocks['tmp_name'][$key]['image'];
+                $originalName = $fileBlocks['name'][$key]['image'];
+                $extension    = strtolower(pathinfo($originalName, PATHINFO_EXTENSION));
+                if (!in_array($extension, $allowedExtensions, true)) {
+                    $extension = 'jpg';
+                }
+
+                $fileName    = 'img_' . uniqid() . '.' . $extension;
+                $destination = $uploadDir . $fileName;
+
+                if (move_uploaded_file($tmpName, $destination)) {
+                    $value = 'uploads/' . $fileName;
+                }
+                // Bei Fehler: alter Wert (falls vorhanden) bleibt erhalten, Block wird nicht verworfen
+            }
+
+            $blocks[] = [
+                'type'  => 'image',
+                'value' => $value,
+            ];
+        }
+        // unbekannter/fehlender type -> Block wird ignoriert
+    }
+
+    return $blocks;
+}

includes/resultsHelper.php

@@ -0,0 +1,171 @@
+<?php
+/**
+ * Hilfsfunktionen rund um die Suchergebnisse.
+ *
+ * Werden sowohl von content/search-results.php (No-JS-Rendering)
+ * als auch von php/controller/search-results-data.php (JSON für
+ * die JS-Hydration) genutzt, damit Sortier-/Filterlogik nur an
+ * einer Stelle gepflegt werden muss
+ */
+
+function getLikeCount($item): int
+{
+    if (isset($item['likes']) && is_array($item['likes'])) {
+        return count($item['likes']);
+    }
+    return (int)($item['likes'] ?? 0);
+}
+
+/**
+ * Sortiert die Ergebnisse
+ */
+function sortSearchResults(array $results, string $sortStyle): array
+{
+    switch ($sortStyle) {
+        case 'likes':
+            usort($results, function ($a, $b) {
+                return getLikeCount($b) <=> getLikeCount($a);
+            });
+            break;
+        case 'newest':
+            usort($results, function ($a, $b) {
+                return strcmp($b['creationDate'] ?? '', $a['creationDate'] ?? '');
+            });
+            break;
+        case 'oldest':
+            usort($results, function ($a, $b) {
+                return strcmp($a['creationDate'] ?? '', $b['creationDate'] ?? '');
+            });
+            break;
+        case 'alphabet':
+        default:
+            usort($results, function ($a, $b) {
+                return strcasecmp($a['title'] ?? '', $b['title'] ?? '');
+            });
+            break;
+    }
+    return $results;
+}
+
+/**
+ * Filtert die Ergebnisse ('all' = kein Filter).
+ */
+function filterSearchResultsByCategory(array $results, string $category): array
+{
+    $category = strtolower(trim($category));
+    if ($category === '' || $category === 'all') {
+        return $results;
+    }
+    return array_values(array_filter($results, function ($item) use ($category) {
+        return strtolower($item['category'] ?? '') === $category;
+    }));
+}
+
+/**
+ * Baut eine Such-Ergebnis-URL für einen bestimmten Seitenwechsel (No-JS-Pagination).
+ */
+function buildSearchResultsUrl(int $page, string $query, string $sort, string $category, int $limit): string
+{
+    return "index.php?pfad=search-results"
+        . "&q=" . urlencode($query)
+        . "&sort=" . urlencode($sort)
+        . "&category=" . urlencode($category)
+        . "&limit=" . $limit
+        . "&page=" . $page;
+}
+
+/**
+ * Rendert eine rein serverseitige Pagination für den No-JS-Fall:
+ */
+function renderNoJsPagination(int $currentPage, int $totalPages, string $query, string $sort, string $category, int $limit): string
+{
+    $html = '';
+
+    if ($currentPage > 1) {
+        $html .= '<a class="s-res-page-btn" href="' . htmlspecialchars(buildSearchResultsUrl($currentPage - 1, $query, $sort, $category, $limit)) . '">&laquo;</a> ';
+    } else {
+        $html .= '<span class="s-res-page-btn" aria-disabled="true">&laquo;</span> ';
+    }
+
+    for ($i = 1; $i <= $totalPages; $i++) {
+        if ($i === $currentPage) {
+            $html .= '<span class="s-res-page-btn s-res-page-btn-active">' . $i . '</span> ';
+        } else {
+            $html .= '<a class="s-res-page-btn" href="' . htmlspecialchars(buildSearchResultsUrl($i, $query, $sort, $category, $limit)) . '">' . $i . '</a> ';
+        }
+    }
+
+    if ($currentPage < $totalPages) {
+        $html .= '<a class="s-res-page-btn" href="' . htmlspecialchars(buildSearchResultsUrl($currentPage + 1, $query, $sort, $category, $limit)) . '">&raquo;</a>';
+    } else {
+        $html .= '<span class="s-res-page-btn" aria-disabled="true">&raquo;</span>';
+    }
+
+    return $html;
+}
+
+
+/**
+ * Filtert Ergebnisse anhand eines Suchbegriffs
+ *
+ * Wird von content/showCategory.php genutzt, um innerhalb einer bereits
+ * geladenen Kategorie zu suchen.
+ */
+function filterResultsByQuery(array $results, string $query): array
+{
+    $query = trim($query);
+    if ($query === '') {
+        return $results;
+    }
+    $needle = mb_strtolower($query);
+    return array_values(array_filter($results, function ($item) use ($needle) {
+        $haystack = mb_strtolower(($item['title'] ?? '') . ' ' . ($item['content'] ?? ''));
+        return mb_strpos($haystack, $needle) !== false;
+    }));
+}
+
+/**
+ * Baut eine Kategorie-URL für einen bestimmten Seitenwechsel (No-JS-Pagination).
+ * Analog zu buildSearchResultsUrl, aber für pfad=showCategory (feste Kategorie,
+ * dafür mit Freitext-Suche innerhalb der Kategorie statt Kategorie-Filter).
+ */
+function buildCategoryUrl(int $page, string $category, string $sort, string $query, int $limit): string
+{
+    return "index.php?pfad=showCategory"
+        . "&category=" . urlencode($category)
+        . "&sort=" . urlencode($sort)
+        . "&q=" . urlencode($query)
+        . "&limit=" . $limit
+        . "&page=" . $page;
+}
+
+/**
+ * Rendert eine rein serverseitige Pagination für showCategory (No-JS-Fall).
+ * Analog zu renderNoJsPagination.
+ */
+function renderNoJsPaginationCategory(int $currentPage, int $totalPages, string $category, string $sort, string $query, int $limit): string
+{
+    $html = '';
+
+    if ($currentPage > 1) {
+        $html .= '<a class="s-res-page-btn" href="' . htmlspecialchars(buildCategoryUrl($currentPage - 1, $category, $sort, $query, $limit)) . '">&laquo;</a> ';
+    } else {
+        $html .= '<span class="s-res-page-btn" aria-disabled="true">&laquo;</span> ';
+    }
+
+    for ($i = 1; $i <= $totalPages; $i++) {
+        if ($i === $currentPage) {
+            $html .= '<span class="s-res-page-btn s-res-page-btn-active">' . $i . '</span> ';
+        } else {
+            $html .= '<a class="s-res-page-btn" href="' . htmlspecialchars(buildCategoryUrl($i, $category, $sort, $query, $limit)) . '">' . $i . '</a> ';
+        }
+    }
+
+    if ($currentPage < $totalPages) {
+        $html .= '<a class="s-res-page-btn" href="' . htmlspecialchars(buildCategoryUrl($currentPage + 1, $category, $sort, $query, $limit)) . '">&raquo;</a>';
+    } else {
+        $html .= '<span class="s-res-page-btn" aria-disabled="true">&raquo;</span>';
+    }
+
+    return $html;
+}

index.php

@@ -2,53 +2,11 @@
 if (session_status() === PHP_SESSION_NONE) {
     session_start();
 }
-ob_start();
-include_once("php/controller/index.php");
-
-$pfad = $_GET["pfad"] ?? "home";
-
-/*
-    Controller für Aktionen werden vor der HTML-Ausgabe geladen,
-    damit Weiterleitungen mit header() funktionieren.
-*/
-if ($pfad === "login") {
-    include_once "php/controller/login-controller.php";
-}
-
-if ($pfad === "register") {
-    include_once "php/controller/register-controller.php";
-}
-if ($pfad === "password-forgotten") {
-include_once "php/controller/password-forgotten-controller.php";
-}
-
-if ($pfad === "confirm-register") {
-    include_once "php/controller/confirm-register-controller.php";
-}
-
-if ($pfad === "confirm-password") {
-    include_once "php/controller/confirm-password-controller.php";
-}
-
-if ($pfad === "logout") {
-    include_once "php/controller/logout-controller.php";
-    exit();
-}
-
-if ($pfad === "deleteAccount") {
-    include_once "php/controller/deleteAccount-controller.php";
-    exit();
-}
+include_once "php/controller/index-controller.php";
 ?>
-
-    <!--
-        Seite: Index der Lernplattform
-        Funktion: Webseitengerüst, Anzeigen von Content
-    -->
-    <!DOCTYPE html>
-    <html lang="de">
-
-    <head>
+<!DOCTYPE html>
+<html lang="de">
+<head>
     <meta charset="utf-8">
     <meta name="description" content="EduForge">
     <meta name="author" content="Niklas Ortmann">
@@ -63,37 +21,31 @@ if ($pfad === "deleteAccount") {
     <link rel="stylesheet" href="css/profile.css">
     <link rel="stylesheet" href="css/showArticle.css">
     <link rel="stylesheet" href="css/message.css">
+    <link rel="stylesheet" href="css/showCategory.css">
 
-        <script src="js/paginator.js" async></script>
-        <script src="js/sorter.js" async></script>
         <script src="js/comments.js" defer></script>
+        <script src="js/profile.js" defer></script>
         <script src="js/editor.js" async></script>
-        <script src="js/filter.js" async></script>
+        <script src="js/showCategory.js" async></script>
+        <script src="js/search.js" async></script>
+
 
     <title>EduForge</title>
-    </head>
-
-    <body>
-
-    <?php
-    include_once 'includes/navbar.php';
-
-    /*
-        Dynamischer Inhalt:
-        Je nach pfad-Parameter wird die passende Datei aus content geladen.
-    */
-    if (file_exists('content/' . $pfad . '.php')) {
-        include_once 'content/' . $pfad . '.php';
-    } else {
-        include_once 'content/404.php';
-    }
-
-    include_once 'includes/footer.php';
-    ?>
-
-    </body>
-    </html>
+</head>
+<body>
 
 <?php
-ob_end_flush();
+include_once 'includes/navbar.php';
+
+// Dynamischer Inhalt
+if (isset($pfad) && $pfad !== "404" && file_exists('content/' . $pfad . '.php')) {
+    include_once 'content/' . $pfad . '.php';
+} else {
+    include_once 'content/404.php';
+}
+
+include_once 'includes/footer.php';
 ?>
+
+</body>
+</html>

js/comments.js

@@ -11,20 +11,51 @@ document.addEventListener("DOMContentLoaded", function () {
     const parentCommentInput = document.getElementById("parent-comment-id");
     const replyInfo = document.getElementById("reply-info");
 
-    if (!form || !commentsList || !commentContent || !parentCommentInput || !replyInfo) {
+    /**
+     * Fragt vor dem Löschen eines Kommentars nach einer Bestätigung.
+     *
+     * Der Listener funktioniert auch für Kommentare,
+     * die später per AJAX eingefügt werden.
+     */
+    document.addEventListener("submit", function (event) {
+        if (!event.target.classList.contains("delete-comment-form")) {
+            return;
+        }
+
+        const confirmed = confirm(
+            "Möchtest du diesen Kommentar wirklich löschen?"
+        );
+
+        if (!confirmed) {
+            event.preventDefault();
+        }
+    });
+
+    if (!form || !commentsList || !commentContent || !parentCommentInput) {
         return;
     }
 
     /**
-     * Aktiviert einen einzelnen Antworten-Button.
+     * Aktiviert einen einzelnen Antworten-Link.
      *
-     * @param {HTMLButtonElement} button Antworten-Button
+     * @param {HTMLAnchorElement} replyLink Antworten-Link
      */
-    function registerReplyButton(button) {
-        button.addEventListener("click", function () {
-            parentCommentInput.value = button.dataset.commentId;
-            replyInfo.textContent = "Antwort auf " + button.dataset.author;
+    function registerReplyButton(replyLink) {
+        replyLink.addEventListener("click", function (event) {
+            /*
+             * Mit JavaScript wird die Seite nicht neu geladen.
+             * Ohne JavaScript funktioniert der normale Link.
+             */
+            event.preventDefault();
+
+            parentCommentInput.value = replyLink.dataset.commentId;
+
+            if (replyInfo) {
+                replyInfo.textContent =
+                    "Antwort auf " + replyLink.dataset.author;
                 replyInfo.style.display = "block";
+            }
+
             commentContent.focus();
         });
     }
@@ -45,18 +76,29 @@ document.addEventListener("DOMContentLoaded", function () {
         const formData = new FormData(form);
         const parentCommentId = parentCommentInput.value;
 
-        fetch("php/ajax/add-comment.php", {
+        fetch(form.action, {
             method: "POST",
-            body: formData
+            body: formData,
+            headers: {
+                "X-Requested-With": "XMLHttpRequest"
+            }
         })
-            .then(response => response.json())
-            .then(data => {
+            .then(function (response) {
+                if (!response.ok) {
+                    throw new Error("Fehlerhafte Serverantwort.");
+                }
+
+                return response.json();
+            })
+            .then(function (data) {
                 if (!data.success) {
                     alert(data.message);
                     return;
                 }
 
-                const emptyMessage = commentsList.querySelector(".no-comments-message");
+                const emptyMessage = commentsList.querySelector(
+                    ".no-comments-message"
+                );
 
                 if (emptyMessage) {
                     emptyMessage.remove();
@@ -64,8 +106,9 @@ document.addEventListener("DOMContentLoaded", function () {
 
                 const commentElement = document.createElement("div");
                 commentElement.classList.add("comment-item");
+                commentElement.dataset.commentId = data.commentId;
 
-                if (parentCommentId) {
+                if (parentCommentId !== "") {
                     commentElement.classList.add("comment-reply");
 
                     commentElement.innerHTML = `
@@ -73,40 +116,160 @@ document.addEventListener("DOMContentLoaded", function () {
             <strong>${escapeHtml(data.author)}</strong>
             <span>${escapeHtml(data.created)}</span>
         </p>
+
         <p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
+
+        <details class="edit-comment-details">
+    <summary class="edit-comment-button">
+        Antwort bearbeiten
+    </summary>
+
+    <form
+        method="post"
+        action="index.php?pfad=updateComment"
+        class="edit-comment-form"
+    >
+        <input
+            type="hidden"
+            name="comment_id"
+            value="${escapeHtml(data.commentId)}"
+        >
+
+        <input
+            type="hidden"
+            name="article_id"
+            value="${escapeHtml(formData.get("article_id"))}"
+        >
+
+        <textarea
+            name="content"
+            required
+        >${escapeHtml(data.content)}</textarea>
+
+        <button type="submit" class="button">
+            Änderungen speichern
+        </button>
+    </form>
+</details>
+        
+        <form
+            method="post"
+            action="index.php?pfad=deleteComment"
+            class="delete-comment-form"
+        >
+            <input
+                type="hidden"
+                name="comment_id"
+                value="${escapeHtml(data.commentId)}"
+            >
+
+            <input
+                type="hidden"
+                name="article_id"
+                value="${escapeHtml(formData.get("article_id"))}"
+            >
+
+            <button
+                type="submit"
+                class="delete-comment-button"
+            >
+                Kommentar löschen
+            </button>
+        </form>
     `;
 
-                    const parentReplies = document.querySelector(
+                    const parentReplies = commentsList.querySelector(
                         `.comment-item[data-comment-id="${parentCommentId}"] .comment-replies`
                     );
 
                     if (parentReplies) {
                         parentReplies.appendChild(commentElement);
-                    }
-
                     } else {
-                    commentElement.dataset.commentId = data.commentId;
-
+                        commentsList.prepend(commentElement);
+                    }
+                } else {
                     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"
+        <details class="edit-comment-details">
+    <summary class="edit-comment-button">
+        Kommentar bearbeiten
+    </summary>
+
+    <form
+        method="post"
+        action="index.php?pfad=updateComment"
+        class="edit-comment-form"
+    >
+        <input
+            type="hidden"
+            name="comment_id"
+            value="${escapeHtml(data.commentId)}"
+        >
+
+        <input
+            type="hidden"
+            name="article_id"
+            value="${escapeHtml(formData.get("article_id"))}"
+        >
+
+        <textarea
+            name="content"
+            required
+        >${escapeHtml(data.content)}</textarea>
+
+        <button type="submit" class="button">
+            Änderungen speichern
+        </button>
+    </form>
+</details>
+
+        <form
+            method="post"
+            action="index.php?pfad=deleteComment"
+            class="delete-comment-form"
+        >
+            <input
+                type="hidden"
+                name="comment_id"
+                value="${escapeHtml(data.commentId)}"
+            >
+
+            <input
+                type="hidden"
+                name="article_id"
+                value="${escapeHtml(formData.get("article_id"))}"
+            >
+
+            <button
+                type="submit"
+                class="delete-comment-button"
+            >
+                Kommentar löschen
+            </button>
+        </form>
+
+        <a
+            href="#comment-form"
             class="reply-button"
             data-comment-id="${escapeHtml(data.commentId)}"
-                                data-author="${escapeHtml(data.author)}">
+            data-author="${escapeHtml(data.author)}"
+        >
             Antworten
-                        </button>
+        </a>
 
         <div class="comment-replies"></div>
     `;
 
                     commentsList.prepend(commentElement);
 
-                    const newReplyButton = commentElement.querySelector(".reply-button");
+                    const newReplyButton =
+                        commentElement.querySelector(".reply-button");
 
                     if (newReplyButton) {
                         registerReplyButton(newReplyButton);
@@ -115,10 +278,14 @@ document.addEventListener("DOMContentLoaded", function () {
 
                 commentContent.value = "";
                 parentCommentInput.value = "";
+
+                if (replyInfo) {
                     replyInfo.textContent = "";
                     replyInfo.style.display = "none";
+                }
             })
-            .catch(() => {
+            .catch(function (error) {
+                console.error(error);
                 alert("Kommentar konnte nicht gesendet werden.");
             });
     });
@@ -126,12 +293,12 @@ document.addEventListener("DOMContentLoaded", function () {
     /**
      * Entfernt HTML-Sonderzeichen aus Nutzereingaben.
      *
-     * @param {string} text Zu bereinigender Text
+     * @param {*} text Zu bereinigender Text
      * @returns {string} Sicherer Text
      */
     function escapeHtml(text) {
         const div = document.createElement("div");
-        div.textContent = text;
+        div.textContent = String(text ?? "");
         return div.innerHTML;
     }
 });

js/editor.js

@@ -1,172 +1,133 @@
-console.log("Die JavaScript-Datei wurde erfolgreich geladen!");
+//console.log("editor.js wurde erfolgreich geladen!");
 
 function initEditor() {
     const form = document.getElementById("editor-form");
 
     if (!form) {
-        console.error("Skript abgebrochen: Formular nicht gefunden!");
+        console.error("editor.js abgebrochen: Formular nicht gefunden!");
         return;
     } else {
-        console.log("Formular gefunden und Editor initialisiert:", form);
+        console.log("Formular gefunden und editor.js initialisiert:", form);
     }
 
     const container = document.getElementById("block-container");
     const plusButton = document.getElementById("plus-button");
     const popup = document.getElementById("block-popup");
-    const hiddenContentInput = document.getElementById("content");
 
-    const initialImages = [];
+    // Fortlaufender Zähler für eindeutige Block-Indizes. Wird nie wiederverwendet
+    // (auch nicht nach dem Löschen eines Blocks), damit sich neue und übrig
+    // gebliebene Blöcke beim finalen Submit nie einen Namen teilen.
+    let blockIndex = container.querySelectorAll(".editor-block").length;
+
+    // Ohne JS sind Textblock-/Bild-Button im Pop-up immer sichtbar und ganz normale
+    // Submit-Buttons. Erst mit JS blenden wir das Pop-up standardmäßig aus und
+    // steuern die Sichtbarkeit über den Plus-Button.
+    popup.classList.add("hidden");
 
-    // Pop-up umschalten bei Klick auf das Plus
     plusButton.addEventListener("click", () => {
         popup.classList.toggle("hidden");
     });
 
-    // Klick auf eine Block-Option im Pop-up
-    popup.querySelectorAll("button").forEach(btn => {
-        btn.addEventListener("click", function() {
+    // Klick auf "Textblock" / "Bild einfügen": lokal im DOM anlegen statt zum
+    // Server zu submitten (entlastet den Server, kein Page-Reload nötig).
+    popup.querySelectorAll('[name="editor_action"]').forEach(btn => {
+        btn.addEventListener("click", function (e) {
+            e.preventDefault();
             const type = this.getAttribute("data-type");
             addBlockElement(type, "");
             popup.classList.add("hidden");
         });
     });
 
-    // Erstellt ein visuelles HTML-Element im Editor
-    function addBlockElement(type, value = "") {
-        const blockDiv = document.createElement("div");
-        blockDiv.classList.add("editor-block");
-        blockDiv.setAttribute("data-type", type);
-
-        // Wenn es ein existierendes Server-Bild beim Laden ist, Pfad im globalen Array sichern
-        if (type === "image" && value && typeof value === 'string' && value.startsWith('uploads/')) {
-            initialImages.push(value);
-            blockDiv.setAttribute("data-value", value);
-        }
-
-        // Löschen-Button
-        const deleteBtn = document.createElement("button");
-        deleteBtn.type = "button";
-        deleteBtn.innerHTML = "✕";
-        deleteBtn.classList.add("delete-block-btn");
-        deleteBtn.addEventListener("click", () => {
-            // ANPASSUNG 2B: Logik hier komplett geleert. Das '✕' entfernt den Block jetzt nur noch sicher aus dem HTML.
-            blockDiv.remove();
+    // Bereits vom Server gerenderte Blöcke (z.B. beim Bearbeiten eines bestehenden
+    // Artikels oder nach einem Validierungsfehler) ebenfalls mit JS-Verhalten ausstatten.
+    container.querySelectorAll(".editor-block").forEach(blockDiv => {
+        bindDeleteButton(blockDiv);
+        bindImageInput(blockDiv);
     });
-        blockDiv.appendChild(deleteBtn);
+
+    // Erstellt einen neuen Block inkl. echter, benannter Formularfelder
+    // (blocks[i][type], blocks[i][text] bzw. blocks[i][image]). Diese Felder werden
+    // beim finalen Submit ganz normal vom Browser als multipart/form-data verschickt –
+    // es ist kein manuelles Zusammenbauen von JSON beim Absenden mehr nötig.
+    function addBlockElement(type, value = "") {
+        const index = blockIndex++;
+
+        const blockDiv = document.createElement("div");
+        blockDiv.classList.add("editor-block", "article-editor-scope");
+        blockDiv.setAttribute("data-index", String(index));
+
+        const typeInput = document.createElement("input");
+        typeInput.type = "hidden";
+        typeInput.name = `blocks[${index}][type]`;
+        typeInput.value = type;
+        blockDiv.appendChild(typeInput);
 
         if (type === "text") {
             const textarea = document.createElement("textarea");
+            textarea.name = `blocks[${index}][text]`;
             textarea.placeholder = "Schreibe deinen Textblock...";
             textarea.value = value;
             blockDiv.appendChild(textarea);
         } else if (type === "image") {
             const fileInput = document.createElement("input");
             fileInput.type = "file";
+            fileInput.name = `blocks[${index}][image]`;
             fileInput.accept = "image/*";
+            blockDiv.appendChild(fileInput);
+        }
 
-            const imgPreview = document.createElement("img");
+        const deleteBtn = document.createElement("button");
+        deleteBtn.type = "submit";
+        deleteBtn.name = "editor_action";
+        deleteBtn.value = `delete_block:${index}`;
+        deleteBtn.classList.add("delete-block-btn");
+        deleteBtn.innerHTML = "✕";
+        blockDiv.appendChild(deleteBtn);
+
+        container.appendChild(blockDiv);
+
+        bindDeleteButton(blockDiv);
+        bindImageInput(blockDiv);
+    }
+
+    // Löschen-Button eines Blocks lokal abfangen: entfernt den Block nur aus dem DOM,
+    // statt das Formular zum Server zu senden.
+    function bindDeleteButton(blockDiv) {
+        const btn = blockDiv.querySelector(".delete-block-btn");
+        if (!btn) return;
+        btn.addEventListener("click", (e) => {
+            e.preventDefault();
+            blockDiv.remove();
+        });
+    }
+
+    // Zeigt bei Auswahl einer Bilddatei sofort eine Vorschau an. Rein optisch –
+    // der eigentliche Datei-Upload läuft nativ über das <input type="file">.
+    function bindImageInput(blockDiv) {
+        const fileInput = blockDiv.querySelector('input[type="file"]');
+        if (!fileInput) return;
+
+        let imgPreview = blockDiv.querySelector(".block-image-preview");
+        if (!imgPreview) {
+            imgPreview = document.createElement("img");
+            imgPreview.classList.add("block-image-preview");
             imgPreview.style.maxWidth = "200px";
-            imgPreview.style.display = "block";
+            imgPreview.style.display = "none";
             imgPreview.style.marginTop = "10px";
-
-            if (value && typeof value === 'string') {
-                if (value.startsWith('uploads/') || value.startsWith('data:image/')) {
-                    imgPreview.src = value;
-                    blockDiv.setAttribute("data-value", value);
-                }
+            blockDiv.insertBefore(imgPreview, fileInput.nextSibling);
         }
 
-            fileInput.addEventListener("change", function() {
+        fileInput.addEventListener("change", function () {
             if (this.files && this.files[0]) {
                 const reader = new FileReader();
-                    reader.onload = function(e) {
+                reader.onload = (e) => {
                     imgPreview.src = e.target.result;
-                        blockDiv.setAttribute("data-value", e.target.result);
-                    }
+                    imgPreview.style.display = "block";
+                };
                 reader.readAsDataURL(this.files[0]);
             }
         });
-
-            blockDiv.appendChild(fileInput);
-            blockDiv.appendChild(imgPreview);
-        }
-
-        container.appendChild(blockDiv);
-    }
-
-    // beim Abschicken verbleibende Blöcke auslesen UND gelöschte Bilder ermitteln
-    form.addEventListener("submit", function(e) {
-        const blocks = [];
-        const currentImages = [];
-
-        // alle aktuell im Formular verbliebenen Blöcke scannen
-        container.querySelectorAll(".editor-block").forEach(blockDiv => {
-            const type = blockDiv.getAttribute("data-type");
-            let value = "";
-
-            if (type === "text") {
-                value = blockDiv.querySelector("textarea").value;
-            } else if (type === "image") {
-
-                const imgTag = blockDiv.querySelector("img");
-                if (imgTag) {
-                    const srcValue = imgTag.getAttribute("src") || "";
-                    // Wenn es ein neues Bild ist, nutzen wir das data-value (Base64)
-                    if (srcValue.startsWith('data:image/')) {
-                        value = blockDiv.getAttribute("data-value") || "";
-                    } else {
-                        value = srcValue;
-                    }
-                }
-
-                // Pfade sammeln, die der Nutzer NICHT gelöscht hat (für den Abgleich)
-                if (value && value.startsWith('uploads/')) {
-                    currentImages.push(value);
-                }
-            }
-
-            blocks.push({ type: type, value: value });
-        });
-
-        // das reguläre unsichtbare Content-Feld befüllen
-        hiddenContentInput.value = JSON.stringify(blocks);
-
-        // Differenz berechnen: Welche Bilder aus 'initialImages' fehlen in 'currentImages' ?
-        const deletedImages = initialImages.filter(img => !currentImages.includes(img));
-
-        // das 'deleted_images'-Feld dynamisch befüllen und an den Controller senden
-        let deletedInput = document.getElementById("deleted-images");
-        if (!deletedInput) {
-            deletedInput = document.createElement("input");
-            deletedInput.type = "hidden";
-            deletedInput.id = "deleted-images";
-            deletedInput.name = "deleted_images";
-            form.appendChild(deletedInput);
-        }
-        deletedInput.value = JSON.stringify(deletedImages);
-    });
-
-    // Existierende Blöcke laden (stellt alte Daten aus der Session wieder her)
-    try {
-        const initialBlocks = JSON.parse(hiddenContentInput.value.trim());
-        if (Array.isArray(initialBlocks)) {
-            initialBlocks.forEach(b => {
-                if (b.type === "image" && b.value && typeof b.value === 'string' && !b.value.startsWith('data:image/')) {
-                    let cleanPath = b.value.trim().replace(/\\\//g, '/'); // Verwandelt \/ in /
-
-                    initialImages.push(cleanPath);
-                    addBlockElement(b.type, cleanPath);
-
-                } else {
-                    addBlockElement(b.type, b.value);
-                }
-            });
-            console.log("Erfolgreich registrierte Start-Bilder:", initialImages);
-        }
-    } catch(e) {
-        if (hiddenContentInput.value.trim() !== "") {
-            addBlockElement("text", hiddenContentInput.value);
-        }
     }
 }
 

js/filter.js

@@ -1,116 +0,0 @@
-let currentClientPage = 1;
-let itemsPerPage = 10;
-
-function initFilter() {
-    const filterSelect = document.getElementById('category-filter');
-    const listContainer = document.querySelector('.s-res-list');
-    const limitSelect = document.getElementById('s-res-per-page');
-
-    if (!filterSelect || !listContainer) return;
-
-    if (limitSelect) {
-        itemsPerPage = parseInt(limitSelect.value, 10) || 10;
-    }
-
-    updateVisibility();
-
-    if (limitSelect) {
-        limitSelect.addEventListener('change', function() {
-
-            //neues limit einlesen
-            itemsPerPage = parseInt(this.value, 10); 
-            currentClientPage = 1;
-            updateVisibility(); 
-        });
-    }
-
-    filterSelect.addEventListener('change', function() {
-        currentClientPage = 1; 
-        updateVisibility();
-    });
-
-    const navigationContainer = document.querySelector('.s-res-page-navigation');
-    if (navigationContainer) {
-        navigationContainer.addEventListener('click', function(e) {
-            const button = e.target.closest('.s-res-page-btn');
-            if (!button || button.disabled) return;
-
-            e.preventDefault();
-            
-            const targetPage = button.getAttribute('data-page');
-            if (targetPage) {
-                currentClientPage = parseInt(targetPage, 10);
-                updateVisibility();
-            }
-        });
-    }
-}
-
-function updateVisibility() {
-    const filterSelect = document.getElementById('category-filter');
-    const listContainer = document.querySelector('.s-res-list');
-    const selectedCategory = filterSelect.value.toLowerCase().trim();
-    const cards = listContainer.querySelectorAll('.s-res-item');
-
-    let visibleCards = [];
-    cards.forEach(card => {
-        const cardCategory = (card.getAttribute('data-category') || '').toLowerCase().trim();
-        if (selectedCategory === 'all' || cardCategory.includes(selectedCategory) || selectedCategory.includes(cardCategory)) {
-            visibleCards.push(card);
-        } else {
-            card.style.display = 'none';
-        }
-    });
-
-    const totalVisible = visibleCards.length;
-    const totalPages = Math.max(1, Math.ceil(totalVisible / itemsPerPage));
-    
-    if (currentClientPage < 1) currentClientPage = 1;
-    if (currentClientPage > totalPages) currentClientPage = totalPages;
-
-    const startOffset = (currentClientPage - 1) * itemsPerPage;
-    const endOffset = startOffset + itemsPerPage;
-
-    visibleCards.forEach((card, index) => {
-        if (index >= startOffset && index < endOffset) {
-            card.style.display = 'flex';
-        } else {
-            card.style.display = 'none';
-        }
-    });
-
-    updatePaginatorUI(currentClientPage, totalPages);
-}
-
-function updatePaginatorUI(currentPage, totalPages) {
-    const prevBtn = document.getElementById('prev-page-btn');
-    const nextBtn = document.getElementById('next-page-btn');
-    const numbersContainer = document.getElementById('dynamic-page-numbers');
-
-    if (!prevBtn || !nextBtn || !numbersContainer) return;
-
-    prevBtn.setAttribute('data-page', currentPage - 1);
-    prevBtn.disabled = (currentPage <= 1);
-
-    nextBtn.setAttribute('data-page', currentPage + 1);
-    nextBtn.disabled = (currentPage >= totalPages);
-
-    let buttonsHTML = '';
-    for (let i = 1; i <= totalPages; i++) {
-        const activeClass = (i === currentPage) ? 's-res-page-btn-active' : '';
-        buttonsHTML += `<button type="button" class="s-res-page-btn ${activeClass}" data-page="${i}">${i}</button> `;
-    }
-    numbersContainer.innerHTML = buttonsHTML;
-}
-
-// Hilfsfunktion für Math.ceil in JS
-function ceil(val) { return Math.ceil(val); }
-
-// ist das DOM bereits vollständig aufgebaut?
-if (document.readyState === 'loading') {
-    // Falls noch geladen wird, auf das Event warten
-    document.addEventListener('DOMContentLoaded', initFilter);
-} else {
-    // Falls das HTML bereits komplett da ist, sofort ausführen
-    initFilter();
-}

js/paginator.js

@@ -1,27 +0,0 @@
-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();
-}

js/profile.js

@@ -0,0 +1,29 @@
+document.addEventListener("DOMContentLoaded", function () {
+
+    const deleteAccountForm = document.querySelector(".confirm-delete-account");
+
+    if (deleteAccountForm) {
+        deleteAccountForm.addEventListener("submit", function (event) {
+
+            if (!confirm("Möchtest du deinen Account und alle deine Beiträge wirklich unwiderruflich löschen?")) {
+                event.preventDefault();
+            }
+
+        });
+    }
+
+    const deleteArticleForms = document.querySelectorAll(".confirm-delete-article");
+
+    deleteArticleForms.forEach(function (form) {
+
+        form.addEventListener("submit", function (event) {
+
+            if (!confirm("Möchtest du diesen Artikel wirklich löschen?")) {
+                event.preventDefault();
+            }
+
+        });
+
+    });
+
+});

js/search-results.js

@@ -0,0 +1,238 @@
+/**
+ * Übernimmt Sortierung, Kategorie-Filter und Pagination der Suchergebnisse
+ * vollständig clientseitig
+ *
+ * Ablauf:
+ * 1. Kompletten Ergebnis-Datensatz einmalig per fetch() nachladen
+ *    (php/controller/search-results-data.php, liest nur die Session-Daten,
+ *    keine erneute Datenbank-Suche).
+ * 2. Sortieren + filtern (JS-Array).
+ * 3. Ergebnisliste + Pagination-UI daraus neu rendern.
+ *
+ * Ersetzt sorter.js, filter.js und paginator.js, deren Klick-Handler sich
+ * gegenseitig ins Gehege kamen.
+ * Ohne JS bleibt die serverseitig gerenderte Seite (echte Links/Formulare)
+ * voll funktionsfähig.
+ */
+(function () {
+    const state = {
+        allItems: [],
+        sort: 'alphabet',
+        category: 'all',
+        itemsPerPage: 10,
+        currentPage: 1,
+    };
+
+    let listContainer, sortRadios, categorySelect, limitSelect;
+    let prevBtn, nextBtn, numbersContainer, jsNav, resultCountEl;
+
+    function init() {
+        listContainer = document.querySelector('.s-res-list');
+        if (!listContainer) return;
+
+        sortRadios = document.querySelectorAll('.sort-radio');
+        categorySelect = document.getElementById('category-filter');
+        limitSelect = document.getElementById('s-res-per-page');
+        prevBtn = document.getElementById('prev-page-btn');
+        nextBtn = document.getElementById('next-page-btn');
+        numbersContainer = document.getElementById('dynamic-page-numbers');
+        jsNav = document.getElementById('js-page-navigation');
+        resultCountEl = document.getElementById('s-res-result-count');
+
+        const checkedRadio = document.querySelector('.sort-radio:checked');
+        state.sort = checkedRadio ? checkedRadio.value : 'alphabet';
+        state.category = categorySelect ? categorySelect.value : 'all';
+        state.itemsPerPage = limitSelect ? (parseInt(limitSelect.value, 10) || 10) : 10;
+
+        fetchFullDataset()
+            .then(function (data) {
+                state.allItems = data.results || [];
+                attachEvents();
+                render();
+                if (jsNav) jsNav.style.display = 'flex';
+            })
+            .catch(function (err) {
+                // JSON-Endpoint nicht erreichbar: die serverseitig gerenderte
+                // (No-JS-)Ansicht bleibt sichtbar und funktioniert weiter.
+                console.error('Suchergebnisse konnten nicht nachgeladen werden:', err);
+            });
+    }
+
+    function fetchFullDataset() {
+        return fetch('php/controller/search-results-data.php', { credentials: 'same-origin' })
+            .then(function (res) {
+                if (!res.ok) throw new Error('HTTP ' + res.status);
+                return res.json();
+            });
+    }
+
+    function getFilteredSortedItems() {
+        let items = state.allItems;
+
+        if (state.category !== 'all') {
+            const wanted = state.category.toLowerCase();
+            items = items.filter(function (item) {
+                return (item.category || '').toLowerCase() === wanted;
+            });
+        }
+
+        items = items.slice().sort(function (a, b) {
+            if (state.sort === 'likes') {
+                return (b.likes || 0) - (a.likes || 0);
+            }
+            if (state.sort === 'newest' || state.sort === 'oldest') {
+                return state.sort === 'newest' ? (b.id - a.id) : (a.id - b.id);
+            }
+            // alphabet (Standard)
+            return (a.title || '').toLowerCase().localeCompare((b.title || '').toLowerCase());
+        });
+
+        return items;
+    }
+
+    function render() {
+        const items = getFilteredSortedItems();
+
+        if (resultCountEl) resultCountEl.textContent = items.length;
+
+        const totalPages = Math.max(1, Math.ceil(items.length / state.itemsPerPage));
+        if (state.currentPage > totalPages) state.currentPage = totalPages;
+        if (state.currentPage < 1) state.currentPage = 1;
+
+        const start = (state.currentPage - 1) * state.itemsPerPage;
+        const pageItems = items.slice(start, start + state.itemsPerPage);
+
+        listContainer.innerHTML = '';
+        if (pageItems.length === 0) {
+            const empty = document.createElement('p');
+            empty.textContent = 'Keine Beiträge gefunden.';
+            listContainer.appendChild(empty);
+        } else {
+            pageItems.forEach(function (item) {
+                listContainer.appendChild(buildCard(item));
+            });
+        }
+
+        updatePaginatorUI(state.currentPage, totalPages);
+    }
+
+    function buildCard(item) {
+        const card = document.createElement('div');
+        card.className = 's-res-item';
+        card.setAttribute('data-likes', item.likes);
+        card.setAttribute('data-category', (item.category || '').toLowerCase());
+
+        const link = document.createElement('a');
+        link.className = 's-res-link';
+        link.href = 'index.php?pfad=showArticle&id=' + encodeURIComponent(item.id);
+        link.textContent = item.title;
+
+        const title = document.createElement('h2');
+        title.className = 's-res-item-title';
+        title.appendChild(link);
+
+        const authorName = document.createElement('span');
+        authorName.className = 's-res-author-name';
+        authorName.textContent = item.author;
+
+        const author = document.createElement('p');
+        author.className = 's-res-author';
+        author.append('Von: ', authorName);
+
+        const likes = document.createElement('span');
+        likes.className = 's-res-likes';
+        likes.textContent = '❤️ ' + item.likes;
+
+        const metaRow = document.createElement('div');
+        metaRow.className = 's-res-meta-row';
+        metaRow.append(author, likes);
+
+        const content = document.createElement('div');
+        content.className = 's-res-content';
+        content.append(title, metaRow);
+
+        const arrow = document.createElement('div');
+        arrow.className = 's-res-arrow';
+        arrow.textContent = '→';
+
+        card.append(content, arrow);
+        return card;
+    }
+
+    function updatePaginatorUI(currentPage, totalPages) {
+        if (!prevBtn || !nextBtn || !numbersContainer) return;
+
+        prevBtn.disabled = currentPage <= 1;
+        nextBtn.disabled = currentPage >= totalPages;
+
+        numbersContainer.innerHTML = '';
+        for (let i = 1; i <= totalPages; i++) {
+            const btn = document.createElement('button');
+            btn.type = 'button';
+            btn.className = 's-res-page-btn' + (i === currentPage ? ' s-res-page-btn-active' : '');
+            btn.textContent = i;
+            btn.addEventListener('click', function () {
+                state.currentPage = i;
+                render();
+            });
+            numbersContainer.appendChild(btn);
+        }
+    }
+
+    function attachEvents() {
+        sortRadios.forEach(function (radio) {
+            radio.addEventListener('change', function () {
+                state.sort = this.value;
+                state.currentPage = 1;
+                render();
+            });
+        });
+
+        if (categorySelect) {
+            categorySelect.addEventListener('change', function () {
+                state.category = this.value;
+                state.currentPage = 1;
+                render();
+            });
+        }
+
+        if (limitSelect) {
+            limitSelect.addEventListener('change', function () {
+                state.itemsPerPage = parseInt(this.value, 10) || 10;
+                state.currentPage = 1;
+                render();
+            });
+        }
+
+        if (prevBtn) {
+            prevBtn.addEventListener('click', function () {
+                if (state.currentPage > 1) {
+                    state.currentPage -= 1;
+                    render();
+                }
+            });
+        }
+
+        if (nextBtn) {
+            nextBtn.addEventListener('click', function () {
+                state.currentPage += 1;
+                render();
+            });
+        }
+
+        // Mit aktivem JS übernimmt render() Sortierung/Filter live
+        // ein echtes Absenden des Formulars (No-JS-Fallback) ist dann nicht mehr nötig.
+        const filterForm = document.getElementById('s-res-filter-form');
+        if (filterForm) {
+            filterForm.addEventListener('submit', function (e) {
+                e.preventDefault();
+            });
+        }
+    }
+
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', init);
+    } else {
+        init();
+    }
+})();

js/showCategory.js

@@ -0,0 +1,242 @@
+/**
+ * Übernimmt Sortierung, Suche (innerhalb der Kategorie) und Pagination der
+ * Kategorie-Ansicht vollständig clientseitig.
+ *
+ * Ablauf:
+ * 1. Kompletten Kategorie-Datensatz einmalig per fetch() nachladen
+ * 2. Sortieren + nach Suchbegriff filtern (JS-Array).
+ * 3. Ergebnisliste + Pagination-UI daraus neu rendern.
+ *
+ * Ohne JS bleibt die serverseitig gerenderte Seite (echte Links/Formulare)
+ * voll funktionsfähig
+ */
+(function () {
+    const state = {
+        allItems: [],
+        sort: 'alphabet',
+        query: '',
+        itemsPerPage: 10,
+        currentPage: 1,
+    };
+
+    let listContainer, sortRadios, searchInput, limitSelect;
+    let prevBtn, nextBtn, numbersContainer, jsNav, resultCountEl;
+    let searchDebounceTimer;
+
+    function init() {
+        listContainer = document.querySelector('.s-res-list');
+        if (!listContainer) return;
+
+        sortRadios = document.querySelectorAll('.sort-radio');
+        searchInput = document.getElementById('cat-search-input');
+        limitSelect = document.getElementById('s-res-per-page');
+        prevBtn = document.getElementById('prev-page-btn');
+        nextBtn = document.getElementById('next-page-btn');
+        numbersContainer = document.getElementById('dynamic-page-numbers');
+        jsNav = document.getElementById('js-page-navigation');
+        resultCountEl = document.getElementById('s-res-result-count');
+
+        const checkedRadio = document.querySelector('.sort-radio:checked');
+        state.sort = checkedRadio ? checkedRadio.value : 'alphabet';
+        state.query = searchInput ? searchInput.value : '';
+        state.itemsPerPage = limitSelect ? (parseInt(limitSelect.value, 10) || 10) : 10;
+
+        fetchFullDataset()
+            .then(function (data) {
+                state.allItems = data.results || [];
+                attachEvents();
+                render();
+                if (jsNav) jsNav.style.display = 'flex';
+            })
+            .catch(function (err) {
+                // JSON-Endpoint nicht erreichbar: die serverseitig gerenderte
+                // (No-JS-)Ansicht bleibt sichtbar und funktioniert weiter.
+                console.error('Kategorie-Beiträge konnten nicht nachgeladen werden:', err);
+            });
+    }
+
+    function fetchFullDataset() {
+        return fetch('php/controller/showCategory-data.php', { credentials: 'same-origin' })
+            .then(function (res) {
+                if (!res.ok) throw new Error('HTTP ' + res.status);
+                return res.json();
+            });
+    }
+
+    function getFilteredSortedItems() {
+        let items = state.allItems;
+
+        const needle = state.query.trim().toLowerCase();
+        if (needle !== '') {
+            items = items.filter(function (item) {
+                const haystack = ((item.title || '') + ' ' + (item.content || '')).toLowerCase();
+                return haystack.indexOf(needle) !== -1;
+            });
+        }
+
+        items = items.slice().sort(function (a, b) {
+            if (state.sort === 'likes') {
+                return (b.likes || 0) - (a.likes || 0);
+            }
+            if (state.sort === 'newest' || state.sort === 'oldest') {
+                return state.sort === 'newest' ? (b.id - a.id) : (a.id - b.id);
+            }
+            // alphabet (Standard)
+            return (a.title || '').toLowerCase().localeCompare((b.title || '').toLowerCase());
+        });
+
+        return items;
+    }
+
+    function render() {
+        const items = getFilteredSortedItems();
+
+        if (resultCountEl) resultCountEl.textContent = items.length;
+
+        const totalPages = Math.max(1, Math.ceil(items.length / state.itemsPerPage));
+        if (state.currentPage > totalPages) state.currentPage = totalPages;
+        if (state.currentPage < 1) state.currentPage = 1;
+
+        const start = (state.currentPage - 1) * state.itemsPerPage;
+        const pageItems = items.slice(start, start + state.itemsPerPage);
+
+        listContainer.innerHTML = '';
+        if (pageItems.length === 0) {
+            const empty = document.createElement('p');
+            empty.textContent = 'Keine Beiträge gefunden.';
+            listContainer.appendChild(empty);
+        } else {
+            pageItems.forEach(function (item) {
+                listContainer.appendChild(buildCard(item));
+            });
+        }
+
+        updatePaginatorUI(state.currentPage, totalPages);
+    }
+
+    function buildCard(item) {
+        const card = document.createElement('div');
+        card.className = 's-res-item';
+        card.setAttribute('data-likes', item.likes);
+        card.setAttribute('data-category', (item.category || '').toLowerCase());
+
+        const link = document.createElement('a');
+        link.className = 's-res-link';
+        link.href = 'index.php?pfad=showArticle&id=' + encodeURIComponent(item.id);
+        link.textContent = item.title;
+
+        const title = document.createElement('h2');
+        title.className = 's-res-item-title';
+        title.appendChild(link);
+
+        const authorName = document.createElement('span');
+        authorName.className = 's-res-author-name';
+        authorName.textContent = item.author;
+
+        const author = document.createElement('p');
+        author.className = 's-res-author';
+        author.append('Von: ', authorName);
+
+        const likes = document.createElement('span');
+        likes.className = 's-res-likes';
+        likes.textContent = '❤️ ' + item.likes;
+
+        const metaRow = document.createElement('div');
+        metaRow.className = 's-res-meta-row';
+        metaRow.append(author, likes);
+
+        const content = document.createElement('div');
+        content.className = 's-res-content';
+        content.append(title, metaRow);
+
+        const arrow = document.createElement('div');
+        arrow.className = 's-res-arrow';
+        arrow.textContent = '→';
+
+        card.append(content, arrow);
+        return card;
+    }
+
+    function updatePaginatorUI(currentPage, totalPages) {
+        if (!prevBtn || !nextBtn || !numbersContainer) return;
+
+        prevBtn.disabled = currentPage <= 1;
+        nextBtn.disabled = currentPage >= totalPages;
+
+        numbersContainer.innerHTML = '';
+        for (let i = 1; i <= totalPages; i++) {
+            const btn = document.createElement('button');
+            btn.type = 'button';
+            btn.className = 's-res-page-btn' + (i === currentPage ? ' s-res-page-btn-active' : '');
+            btn.textContent = i;
+            btn.addEventListener('click', function () {
+                state.currentPage = i;
+                render();
+            });
+            numbersContainer.appendChild(btn);
+        }
+    }
+
+    function attachEvents() {
+        sortRadios.forEach(function (radio) {
+            radio.addEventListener('change', function () {
+                state.sort = this.value;
+                state.currentPage = 1;
+                render();
+            });
+        });
+
+        if (searchInput) {
+            // Live-Filterung während des Tippens (leicht entprellt), da der
+            // Datensatz bereits vollständig im Browser liegt.
+            searchInput.addEventListener('input', function () {
+                clearTimeout(searchDebounceTimer);
+                const value = this.value;
+                searchDebounceTimer = setTimeout(function () {
+                    state.query = value;
+                    state.currentPage = 1;
+                    render();
+                }, 150);
+            });
+        }
+
+        if (limitSelect) {
+            limitSelect.addEventListener('change', function () {
+                state.itemsPerPage = parseInt(this.value, 10) || 10;
+                state.currentPage = 1;
+                render();
+            });
+        }
+
+        if (prevBtn) {
+            prevBtn.addEventListener('click', function () {
+                if (state.currentPage > 1) {
+                    state.currentPage -= 1;
+                    render();
+                }
+            });
+        }
+
+        if (nextBtn) {
+            nextBtn.addEventListener('click', function () {
+                state.currentPage += 1;
+                render();
+            });
+        }
+
+        // Mit aktivem JS übernimmt render() Sortierung/Suche live
+        // ein echtes Absenden des Formulars (No-JS-Fallback) ist dann nicht mehr nötig.
+        const filterForm = document.getElementById('cat-filter-form');
+        if (filterForm) {
+            filterForm.addEventListener('submit', function (e) {
+                e.preventDefault();
+            });
+        }
+    }
+
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', init);
+    } else {
+        init();
+    }
+})();

js/sorter.js

@@ -1,50 +0,0 @@
-
-function initSorter() {
-    const listContainer = document.querySelector('.s-res-list');
-    const sortRadios = document.querySelectorAll('.sort-radio');
-
-    // wenn keine liste vorhanden, abbrechen
-    if (!listContainer || sortRadios.length === 0) return;
-
-    sortRadios.forEach(radio => {
-        radio.addEventListener('change', function() {
-            const cards = Array.from(listContainer.querySelectorAll('.s-res-item'));
-            const sortValue = this.value;
-
-            cards.sort((a, b) => {
-                if (sortValue === 'likes') {
-                    const likesA = parseInt(a.getAttribute('data-likes') || '0', 10);
-                    const likesB = parseInt(b.getAttribute('data-likes') || '0', 10);
-                    return likesB - likesA; 
-                }
-                else if (sortValue === 'alphabet') {
-                    // alphabetische sortierung
-                    const titleA = a.querySelector('.s-res-link').textContent.trim().toLowerCase();
-                    const titleB = b.querySelector('.s-res-link').textContent.trim().toLowerCase();
-                    return titleA.localeCompare(titleB);
-                } 
-                else if (sortValue === 'newest' || sortValue === 'oldest') {
-                    // hoehere ID wird als neuer gesehen
-                    const urlA = a.querySelector('.s-res-link').getAttribute('href');
-                    const urlB = b.querySelector('.s-res-link').getAttribute('href');
-                    
-                    const idA = parseInt(urlA.match(/id=(\d+)/)[1], 10);
-                    const idB = parseInt(urlB.match(/id=(\d+)/)[1], 10);
-
-                    return sortValue === 'newest' ? idB - idA : idA - idB;
-                }
-                return 0;
-            });
-
-            listContainer.innerHTML = '';
-            cards.forEach(card => listContainer.appendChild(card));
-        });
-    });
-}
-
-// ist das DOM bereits vollständig aufgebaut?
-if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', initSorter);
-} else {
-    initSorter();
-}

php/ajax/add-comment.php

@@ -3,32 +3,153 @@ 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."
-    ]);
+/**
+ * Prüft, ob die Anfrage durch JavaScript per AJAX gesendet wurde.
+ */
+$isAjaxRequest = isset($_SERVER["HTTP_X_REQUESTED_WITH"])
+    && strtolower($_SERVER["HTTP_X_REQUESTED_WITH"]) === "xmlhttprequest";
+
+/**
+ * Gibt das Ergebnis entweder als JSON zurück oder leitet
+ * bei einem normalen Formularaufruf wieder zum Beitrag zurück.
+ *
+ * @param bool $success War das Speichern erfolgreich?
+ * @param string $message Rückmeldung für den Benutzer
+ * @param int|null $articleId ID des Beitrags
+ * @param array $additionalData Zusätzliche Daten für AJAX
+ */
+function sendCommentResponse(
+    $success,
+    $message,
+    $articleId,
+    $additionalData = []
+) {
+    global $isAjaxRequest;
+
+    if ($isAjaxRequest) {
+        header("Content-Type: application/json; charset=utf-8");
+
+        echo json_encode(
+            array_merge(
+                [
+                    "success" => $success,
+                    "message" => $message
+                ],
+                $additionalData
+            )
+        );
+
+        exit();
+    }
+
+    /*
+     * Bei deaktiviertem JavaScript wird die Rückmeldung
+     * in der Session gespeichert und die Beitragsseite neu geladen.
+     */
+    $_SESSION["comment_message"] = $message;
+    $_SESSION["comment_message_type"] = $success ? "success" : "error";
+
+    if ($articleId !== null) {
+        header(
+            "Location: ../../index.php?pfad=showArticle&id="
+            . urlencode((string) $articleId)
+            . "#comments"
+        );
+    } else {
+        header("Location: ../../index.php");
+    }
+
     exit();
 }
 
-$articleId = $_POST["article_id"] ?? null;
-$content = trim($_POST["content"] ?? "");
-$parentCommentId = $_POST["parent_comment_id"] ?? null;
+/*
+ * Nur POST-Anfragen dürfen Kommentare erstellen.
+ */
+if ($_SERVER["REQUEST_METHOD"] !== "POST") {
+    sendCommentResponse(
+        false,
+        "Ungültige Anfrage.",
+        null
+    );
+}
 
-if ($parentCommentId === "" || $parentCommentId === "0") {
+/*
+ * Die Beitrags-ID wird zuerst eingelesen,
+ * damit bei Fehlern wieder zum Beitrag zurückgeleitet werden kann.
+ */
+$articleId = filter_input(
+    INPUT_POST,
+    "article_id",
+    FILTER_VALIDATE_INT
+);
+
+/*
+ * Ein Benutzer muss angemeldet sein.
+ */
+if (!isset($_SESSION["user_email"])) {
+    sendCommentResponse(
+        false,
+        "Du musst angemeldet sein, um zu kommentieren.",
+        $articleId !== false ? $articleId : null
+    );
+}
+
+/*
+ * Weitere Formulardaten einlesen.
+ */
+
+$content = trim($_POST["content"] ?? "");
+
+$parentCommentId = filter_input(
+    INPUT_POST,
+    "parent_comment_id",
+    FILTER_VALIDATE_INT
+);
+
+/*
+ * Ein leerer Wert bedeutet, dass es sich um einen
+ * normalen Hauptkommentar handelt.
+ */
+if (
+    !isset($_POST["parent_comment_id"])
+    || $_POST["parent_comment_id"] === ""
+    || $_POST["parent_comment_id"] === "0"
+) {
     $parentCommentId = null;
 }
 
-if (empty($articleId) || empty($content)) {
-    echo json_encode([
-        "success" => false,
-        "message" => "Kommentar darf nicht leer sein."
-    ]);
-    exit();
+if ($articleId === false || $articleId === null) {
+    sendCommentResponse(
+        false,
+        "Der zugehörige Beitrag ist ungültig.",
+        null
+    );
+}
+
+if ($content === "") {
+    sendCommentResponse(
+        false,
+        "Der Kommentar darf nicht leer sein.",
+        $articleId
+    );
+}
+
+/*
+ * Eine ungültige Eltern-ID darf nicht gespeichert werden.
+ */
+if (
+    isset($_POST["parent_comment_id"])
+    && $_POST["parent_comment_id"] !== ""
+    && $_POST["parent_comment_id"] !== "0"
+    && $parentCommentId === false
+) {
+    sendCommentResponse(
+        false,
+        "Der ausgewählte Kommentar ist ungültig.",
+        $articleId
+    );
 }
 
 try {
@@ -41,18 +162,23 @@ try {
         $parentCommentId
     );
 
-    echo json_encode([
-        "success" => true,
+    sendCommentResponse(
+        true,
+        "Der Kommentar wurde erfolgreich gespeichert.",
+        $articleId,
+        [
             "commentId" => $commentId,
             "author" => $_SESSION["user_email"],
             "content" => $content,
             "created" => date("Y-m-d H:i:s"),
             "parentCommentId" => $parentCommentId
-    ]);
+        ]
+    );
 
-} catch (Exception $e) {
-    echo json_encode([
-        "success" => false,
-        "message" => "Kommentar konnte nicht gespeichert werden."
-    ]);
+} catch (Throwable $e) {
+    sendCommentResponse(
+        false,
+        "Der Kommentar konnte nicht gespeichert werden.",
+        $articleId
+    );
 }

php/controller/createArticle-controller.php

@@ -5,24 +5,60 @@ if (session_status() === PHP_SESSION_NONE) {
 require_once '../model/LocalArticleManager.php';
 require_once '../model/ArticleManager.php';
 require_once '../validator/article-validator.php';
+require_once '../../includes/article-block-helper.php';
 
 if (!isset($_SESSION["user"])) {
     header("Location: index.php?pfad=login");
     exit();
 }
-    if ($_SERVER["REQUEST_METHOD"] === "POST") {
+
+if ($_SERVER["REQUEST_METHOD"] === "POST") {
+
+    $uploadDir = __DIR__ . '/../../uploads/';
+    if (!file_exists($uploadDir)) {
+        mkdir($uploadDir, 0755, true);
+    }
+
+    // Formularzustand (Titel/Tags/Kategorie/Blöcke) immer sichern, damit er nach einem
+    // Redirect (PRG-Pattern oder Validierungsfehler) wieder angezeigt werden kann.
     $_SESSION["old_title"]    = $_POST["title"] ?? '';
-        $_SESSION["old_content"]  = $_POST["content"] ?? '';
     $_SESSION["old_category"] = $_POST["category"] ?? '';
     $_SESSION["old_tags"]     = $_POST["tags"] ?? '';
 
-        if(!isset($_POST["title"]) ||!isset($_POST["content"]) || !isset($_POST["category"])){
+    $blocks = rebuildBlocksFromPost($_POST['blocks'] ?? [], $_FILES['blocks'] ?? [], $uploadDir);
+    $_SESSION["old_content"] = json_encode($blocks, JSON_UNESCAPED_UNICODE);
+
+    // ---------------------------------------------------------------------
+    // Zwischenspeichern
+    // ---------------------------------------------------------------------
+    if (isset($_POST['editor_action']) && $_POST['editor_action'] !== '') {
+        $action = $_POST['editor_action'];
+
+        if ($action === 'add_text') {
+            $blocks[] = ['type' => 'text', 'value' => ''];
+        } elseif ($action === 'add_image') {
+            $blocks[] = ['type' => 'image', 'value' => ''];
+        } elseif (str_starts_with($action, 'delete_block:')) {
+            $deleteIndex = (int) substr($action, strlen('delete_block:'));
+            unset($blocks[$deleteIndex]);
+            $blocks = array_values($blocks);
+        }
+
+        $_SESSION["old_content"] = json_encode($blocks, JSON_UNESCAPED_UNICODE);
+        header("location: ../../index.php?pfad=createArticle");
+        exit();
+    }
+
+    // ---------------------------------------------------------------------
+    // Echtes Veröffentlichen
+    // ---------------------------------------------------------------------
+    if (!isset($_POST["title"]) || !isset($_POST["category"])) {
         $_SESSION["message"] = "missing_parameters";
         header("location: ../../index.php?pfad=createArticle");
         exit();
     } else {
         $title    = $_POST["title"];
-            $content = $_POST["content"];
+        $content  = json_encode($blocks, JSON_UNESCAPED_UNICODE);
         $author   = $_SESSION["user_email"];
         $category = $_POST["category"];
         $tags     = $_POST['tags'] ?? '';
@@ -63,67 +99,17 @@ if (!isset($_SESSION["user"])) {
             $cleanedTags = implode(',', $cleanedTags);
         }
 
-            // ----------------- Base64-Bilder verarbeiten und auf Server speichern -----------------
-            $blocks = json_decode($content, true);
-            $uploadDir = __DIR__ . '/../../uploads/';
-
-            if (!file_exists($uploadDir)) {
-                mkdir($uploadDir, 0755, true);
-            }
-
-            if (is_array($blocks)) {
-                foreach ($blocks as &$block) {
-                    // sicherstellen, dass 'type' und 'value' existieren:
-                    if (isset($block['type']) && isset($block['value']) && $block['type'] === 'image' && str_starts_with($block['value'], 'data:image/')) {
-
-                        // Base64-String zerlegen
-                        $parts = explode(',', $block['value']);
-
-                        // falls der String korrupt ist und kein Komma hat
-                        if (count($parts) < 2) {
-                            continue;
-                        }
-
-                        $metadata = $parts[0];
-                        $base64Data = $parts[1];
-
-                        // Dateiendung ermitteln
-                        preg_match('/data:image\/(?<extension>.*?);/', $metadata, $matches);
-                        $extension = $matches['extension'] ?? 'jpg';
-                        if ($extension === 'jpeg') {
-                            $extension = 'jpg';
-                        }
-
-                        // Eindeutigen Dateinamen generieren
-                        $fileName = 'img_' . uniqid() . '.' . $extension;
-                        $filePath = $uploadDir . $fileName;
-
-                        // Datei im /uploads speichern:
-                        if (file_put_contents($filePath, base64_decode($base64Data)) !== false) {
-                            // temporären Base64-String durch den echten Pfad ersetzen
-                            $block['value'] = 'uploads/' . $fileName;
-                        } else {
-                            $_SESSION["message"] = "image_upload_error";
-                            header("location: ../../index.php?pfad=createArticle");
-                            exit();
-                        }
-                    }
-                }
-                unset($block);
-            }
-
-            // Aktualisiertes Array wieder in JSON konvertieren
-            $finalContent = json_encode($blocks, JSON_UNESCAPED_UNICODE);
-
         // ----------------- Übertragung der validierten Daten in ArticleManager: ---------------------------
         try {
             $articleManager = ArticleManager::getInstance();
+            // $content enthält bereits die finalen "uploads/..."-Pfade (kein Base64 mehr),
+            // da rebuildBlocksFromPost() Datei-Uploads sofort verarbeitet.
             $articleManager->addArticle($title, $content, $author, $category, $cleanedTags);
 
             // Formulardaten nach erfolgreichem Erstellen aus der Session löschen
             unset($_SESSION["old_title"], $_SESSION["old_content"], $_SESSION["old_category"], $_SESSION["old_tags"]);
 
-            } catch (\Throwable $e){
+        } catch (\Throwable $e) {
             $_SESSION["message"] = "internal_error";
             header("location: ../../index.php?pfad=createArticle");
             exit();
@@ -134,5 +120,5 @@ if (!isset($_SESSION["user"])) {
         header("location: ../../index.php");
         exit();
     }
-    }
+}
 ?>

php/controller/deleteComment-controller.php

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

php/controller/index-controller.php

@@ -1,3 +1,39 @@
 <?php
+// Standardpfad
+$pfad = $_GET["pfad"] ?? "home";
 
-?>
+if ($pfad === "logout") {
+    include_once "php/controller/logout-controller.php";
+    exit();
+} elseif ($pfad === "deleteAccount") {
+    include_once "php/controller/deleteAccount-controller.php";
+    exit();
+}
+
+if ($pfad === "login") {
+    include_once "php/controller/login-controller.php";
+} elseif ($pfad === "register") {
+    include_once "php/controller/register-controller.php";
+} elseif ($pfad === "password-forgotten") {
+    include_once "php/controller/password-forgotten-controller.php";
+} elseif ($pfad === "confirm-register") {
+    include_once "php/controller/confirm-register-controller.php";
+} elseif ($pfad === "confirm-password") {
+    include_once "php/controller/confirm-password-controller.php";
+} elseif ($pfad === "updateComment") {
+    include_once "php/controller/updateComment-controller.php";
+} elseif($pfad === "deleteComment") {
+    include_once "php/controller/deleteComment-controller.php";
+}
+
+// Whitelist
+$erlaubte_content_seiten = [
+    "accessibility", "confirm-password", "confirm-register", "createArticle",
+    "datenschutz", "home", "impressum", "login", "nutzungsbedingungen",
+    "password-forgotten", "profile", "register", "search-results",
+    "show-mail", "showArticle", "showCategory", "updateArticle"
+];
+
+if (!in_array($pfad, $erlaubte_content_seiten)) {
+    $pfad = "404";
+}

php/controller/search-results-controller.php

@@ -2,8 +2,9 @@
 if (session_status() === PHP_SESSION_NONE) {
     session_start();
 }
-require_once '../model/LocalArticleManager.php';
+
 require_once '../model/ArticleManager.php';
+require_once '../model/UserManager.php';
 require_once '../model/Article.php';
 require_once '../validator/search-validator.php';
 
@@ -18,41 +19,17 @@ if ($_SERVER["REQUEST_METHOD"] === "GET" && isset($_GET["q"])) {
         try {
 
             $articleManager = ArticleManager::getInstance();
+            $userManager = UserManager::getInstance();
 
             $results = $articleManager->search($search);
 
-            $sortStyle = $_GET['sort'] ?? 'alphabet';
-            $_SESSION['search_sort'] = $sortStyle;
-
-            if ($sortStyle === 'alphabet') {
-                // Titel aufsteigend alphabetiisch sortiert
-                usort($results, function ($a, $b) {
-                    return strcasecmp($a->getTitle(), $b->getTitle());
-                });
-            } elseif ($sortStyle === 'likes') {
-                usort($results, function($a, $b) {
-                    return $b->getLikeCount() <=> $a->getLikeCount();
-                });
-            } elseif ($sortStyle === 'newest') {
-                // Datum neu zu alt sortiert
-                usort($results, function($a, $b) {
-                    return strcmp($b->getCreationDate(), $a->getCreationDate());
-                });
-            } elseif ($sortStyle === 'oldest') {
-                // Datum alt zu neu sortiert
-                usort($results, function($a, $b) {
-                    return strcmp($a->getCreationDate(), $b->getCreationDate());
-                });
-            }
-
-            // Ergebnisse werden in ein flaches array umgewandelt, da sont incomplete-PHP error im Ergebnis
             $safeArrayResults = [];
             foreach ($results as $obj) {
                 $safeArrayResults[] = [
                     "id" => $obj->getId(),
                     "title" => $obj->getTitle(),
                     "content" => $obj->getContent(),
-                    "author" => $obj->getAuthor(),
+                    "author" => $userManager->findUser($obj->getAuthor())["vorname"] . " " . $userManager->findUser($obj->getAuthor())["nachname"],
                     "category" => $obj->getCategory(),
                     "tags" => $obj->getTags(),
                     "creationDate" => $obj->getCreationDate(),
@@ -64,20 +41,25 @@ if ($_SERVER["REQUEST_METHOD"] === "GET" && isset($_GET["q"])) {
             $_SESSION["search_query"] = $search;
             $_SESSION["message"] = "new_search_results";
 
-        } catch (Exception $e){
+        } catch (Exception $e) {
             $_SESSION["message"] = "internal_error";
         }
     }
 
     $sort = $_GET['sort'] ?? 'alphabet';
+    $_SESSION['search_sort'] = $sort;
+
+    $category = $_GET['category'] ?? 'all';
+    $_SESSION['search_category'] = $category;
+
     $limit = isset($_GET['limit']) ? (int)$_GET['limit'] : 10;
     if (!searchLimitValidator($limit)) {
         $limit = 10;
     }
-    $page  = isset($_GET['page']) ? (int)$_GET['page'] : 1;
-    header("Location: ../../index.php?pfad=search-results&q=" . urlencode($search) . "&sort=" . urlencode($sort) . "&limit=" . $limit . "&page=" . $page);
+    $_SESSION['search_limit'] = $limit;
+
+    // Neue Suche -> immer wieder bei Seite 1 beginnen
+    header("Location: ../../index.php?pfad=search-results&q=" . urlencode($search) . "&sort=" . urlencode($sort) . "&category=" . urlencode($category) . "&limit=" . $limit . "&page=1");
     exit();
 
 }
-
-?>

php/controller/search-results-data.php

@@ -0,0 +1,32 @@
+<?php
+/**
+ * Liefert den vollständigen, zuletzt gefundenen Ergebnis-Datensatz als JSON.
+ *
+ * Wird von js/search-results.js EINMALIG per fetch() geladen, damit Sortierung,
+ * Filterung und Pagination danach komplett im Browser laufen können, ohne
+ * weitere Serveranfragen oder eine erneute Datenbank-Suche auszulösen.
+ */
+if (session_status() === PHP_SESSION_NONE) {
+    session_start();
+}
+
+header('Content-Type: application/json; charset=utf-8');
+
+require_once __DIR__ . '/../../includes/resultsHelper.php';
+
+$rawResults = $_SESSION['search_results'] ?? [];
+
+$payload = array_map(function ($item) {
+    return [
+        'id'       => $item['id'],
+        'title'    => $item['title'],
+        'author'   => $item['author'],
+        'category' => $item['category'] ?? '',
+        'likes'    => getLikeCount($item),
+    ];
+}, $rawResults);
+
+echo json_encode([
+    'query'   => $_SESSION['search_query'] ?? '',
+    'results' => array_values($payload),
+]);

php/controller/showArticle-controller.php

@@ -5,6 +5,7 @@ if (session_status() === PHP_SESSION_NONE) {
 
 require_once 'php/model/Article.php';
 require_once 'php/model/ArticleManager.php';
+require_once 'php/model/UserManager.php';
 require_once 'php/model/CommentManager.php';
 
 if (isset($_GET["id"]) && !empty($_GET["id"])){
@@ -19,6 +20,9 @@ if (isset($_GET["id"]) && !empty($_GET["id"])){
             $author = $article->getAuthor();
             $tags = $article->getTags();
             $articleObj = $article; // Objekt für die Like-Abfagen sichern
+
+            $userManager = UserManager::getInstance();
+            $name = $userManager->findUser($author)["vorname"]." ".$userManager->findUser($author)["nachname"];
         }else{
             //header("location: index.php?pfad=404");
             include_once "content/404.php";
@@ -26,9 +30,9 @@ if (isset($_GET["id"]) && !empty($_GET["id"])){
         }
 
         if($_GET["pfad"] == "updateArticle"){
-            if($article->getAuthor() != $_SESSION["user"]){
+            if($article->getAuthor() != $_SESSION["user_email"]){
                 $_SESSION["message"] = "unauthorized_access";
-                header("location: ../../index.php");
+                header("location: index.php");
                 exit();
             }
         }
@@ -45,8 +49,9 @@ if (isset($_GET["id"]) && !empty($_GET["id"])){
             }
         }
 
-    } catch (Exception $e){
+    } catch (Throwable $e) {
         $_SESSION["message"] = "internal_error";
+        header("Location: index.php");
         exit();
     }
 }else{

php/controller/showCategory-controller.php

@@ -1,21 +1,52 @@
 <?php
+if (session_status() === PHP_SESSION_NONE) {
+    session_start();
+}
 require_once 'php/model/Article.php';
 require_once 'php/model/ArticleManager.php';
+require_once 'php/model/UserManager.php';
 require_once 'php/validator/article-validator.php';
+require_once __DIR__ . '/../../includes/resultsHelper.php';
+
+if (isset($_GET["category"]) && !empty($_GET["category"]) && articleCategoryValidator($_GET["category"])) {
 
-if (isset($_GET["category"]) && !empty($_GET["category"]) && articleCategoryValidator($_GET["category"])){
     $category = $_GET["category"];
+
     try {
         $articleManager = ArticleManager::getInstance();
-        $articles = $articleManager->getArticlesByCategory($category);
+        $userManager = UserManager::getInstance();
+
+        $allArticles = $articleManager->getArticlesByCategory($category);
+
+        $safeArrayResults = [];
+        foreach ($allArticles as $article) {
+            $authorName = $userManager->findUser($article->getAuthor())["vorname"] . " " . $userManager->findUser($article->getAuthor())["nachname"];
+            $safeArrayResults[] = [
+                "id" => $article->getID(),
+                "title" => $article->getTitle(),
+                "content" => $article->getContent(),
+                "author" => $authorName,
+                "category" => $article->getCategory(),
+                "tags" => $article->getTags(),
+                "creationDate" => $article->getCreationDate(),
+                "likes" => $article->getLikes(),
+            ];
+        }
+
+        // Session dient hier (wie bei search-results) als Zwischenspeicher, damit
+        // js/showCategory.js den kompletten Datensatz per showCategory-data.php
+        // nachladen kann, ohne die Kategorie-Abfrage ein zweites Mal auszuführen.
+        $_SESSION['category_results'] = $safeArrayResults;
+        $_SESSION['category_name'] = $category;
+
     } catch (Exception $e) {
         $_SESSION["message"] = "internal_error";
         include_once "content/404.php";
         exit();
     }
-}else{
+
+} else {
     $_SESSION["message"] = "invalid_category";
     include_once "content/404.php";
     exit();
 }
-?>

php/controller/showCategory-data.php

@@ -0,0 +1,35 @@
+<?php
+/**
+ * Liefert den vollständigen, zuletzt geladenen Kategorie-Datensatz als JSON.
+ *
+ * Wird von js/showCategory.js EINMALIG per fetch() geladen, damit Sortierung,
+ * Suche und Pagination danach komplett im Browser laufen können, ohne
+ * weitere Serveranfragen oder eine erneute Datenbank-Abfrage auszulösen
+ *
+ * Analog zu php/controller/search-results-data.php
+ */
+if (session_status() === PHP_SESSION_NONE) {
+    session_start();
+}
+
+header('Content-Type: application/json; charset=utf-8');
+
+require_once __DIR__ . '/../../includes/resultsHelper.php';
+
+$rawResults = $_SESSION['category_results'] ?? [];
+
+$payload = array_map(function ($item) {
+    return [
+        'id'       => $item['id'],
+        'title'    => $item['title'],
+        'content'  => $item['content'] ?? '',
+        'author'   => $item['author'],
+        'category' => $item['category'] ?? '',
+        'likes'    => getLikeCount($item),
+    ];
+}, $rawResults);
+
+echo json_encode([
+    'category' => $_SESSION['category_name'] ?? '',
+    'results'  => array_values($payload),
+]);

php/controller/updateArticle-controller.php

@@ -7,17 +7,14 @@ require_once '../model/LocalArticleManager.php';
 require_once '../model/ArticleManager.php';
 require_once '../model/Article.php';
 require_once '../validator/article-validator.php';
+require_once '../../includes/article-block-helper.php';
 
-if (!isset($_SESSION["user_email"])) {
+if (!isset($_SESSION["user"])) {
     header("Location: index.php?pfad=login");
     exit();
 }
 
 if ($_SERVER["REQUEST_METHOD"] === "POST") {
-    $_SESSION["old_title"]    = $_POST["title"] ?? '';
-    $_SESSION["old_content"]  = $_POST["content"] ?? '';
-    $_SESSION["old_category"] = $_POST["category"] ?? '';
-    $_SESSION["old_tags"]     = $_POST["tags"] ?? '';
 
     if (isset($_GET["id"]) && !empty($_GET["id"])) {
         $id = $_GET["id"];
@@ -41,13 +38,53 @@ if ($_SERVER["REQUEST_METHOD"] === "POST") {
         exit();
     }
 
-    if (!isset($_POST["title"]) ||!isset($_POST["content"]) || !isset($_POST["category"])){
+    $uploadDir = __DIR__ . '/../../uploads/';
+    if (!file_exists($uploadDir)) {
+        mkdir($uploadDir, 0755, true);
+    }
+
+    // Formularzustand (Titel/Tags/Kategorie/Blöcke) immer sichern, damit er nach einem
+    // Redirect (PRG-Pattern oder Validierungsfehler) wieder angezeigt werden kann.
+    $_SESSION["old_title"]    = $_POST["title"] ?? '';
+    $_SESSION["old_tags"]     = $_POST["tags"] ?? '';
+    $_SESSION["old_category"] = $_POST["category"] ?? '';
+
+    $blocks = rebuildBlocksFromPost($_POST['blocks'] ?? [], $_FILES['blocks'] ?? [], $uploadDir);
+    $_SESSION["old_content"] = json_encode($blocks, JSON_UNESCAPED_UNICODE);
+
+    // ---------------------------------------------------------------------
+    // Zwischen-Schritt: Block hinzufügen oder entfernen (kein echtes Speichern).
+    // Wird bei aktivem JavaScript per preventDefault() abgefangen und lokal im
+    // DOM erledigt (js/editor.js) – ohne JS läuft dieser Server-Roundtrip.
+    // ---------------------------------------------------------------------
+    if (isset($_POST['editor_action']) && $_POST['editor_action'] !== '') {
+        $action = $_POST['editor_action'];
+
+        if ($action === 'add_text') {
+            $blocks[] = ['type' => 'text', 'value' => ''];
+        } elseif ($action === 'add_image') {
+            $blocks[] = ['type' => 'image', 'value' => ''];
+        } elseif (str_starts_with($action, 'delete_block:')) {
+            $deleteIndex = (int) substr($action, strlen('delete_block:'));
+            unset($blocks[$deleteIndex]);
+            $blocks = array_values($blocks);
+        }
+
+        $_SESSION["old_content"] = json_encode($blocks, JSON_UNESCAPED_UNICODE);
+        header("location: ../../index.php?pfad=updateArticle&id=$id");
+        exit();
+    }
+
+    // ---------------------------------------------------------------------
+    // Echtes Speichern
+    // ---------------------------------------------------------------------
+    if (!isset($_POST["title"]) || !isset($_POST["category"])) {
         $_SESSION["message"] = "missing_parameters";
         header("location: ../../index.php?pfad=updateArticle&id=$id");
         exit();
-    }else{
+    } else {
         $title    = $_POST["title"];
-        $content = $_POST["content"];
+        $content  = json_encode($blocks, JSON_UNESCAPED_UNICODE);
         $author   = $_SESSION["user_email"];
         $category = $_POST["category"];
         $tags     = $_POST['tags'] ?? '';
@@ -88,91 +125,56 @@ if ($_SERVER["REQUEST_METHOD"] === "POST") {
             $cleanedTags = implode(',', $cleanedTags);
         }
 
-        // --------------------------------------- Base64-Bilder speichern ---------------------------------------------
-        $blocks = json_decode($content, true);
-        $uploadDir = __DIR__ . '/../../uploads/';
-
-        if (!file_exists($uploadDir)) {
-            mkdir($uploadDir, 0755, true);
-        }
-
-        // ----------------- Gelöschte Bilder über die JS-Löschliste entfernen ----------------- TODO: Gelöschte Bilder über die JS-Löschliste entfernen
-        /*if (isset($_POST['deleted_images'])) {
-            $deletedImages = json_decode($_POST['deleted_images'], true);
-
-            // Wir ermitteln den physisch echten, absoluten Pfad zum uploads-Ordner auf der Festplatte
-            $uploadDir = realpath(__DIR__ . '/../../uploads') . DIRECTORY_SEPARATOR;
-
-            if (is_array($deletedImages)) {
-                foreach ($deletedImages as $imagePath) {
-                    // Nur den reinen Dateinamen heraustrennen (z.B. img_65a123.jpg)
-                    $filename = basename($imagePath);
-                    $fullDeletePath = $uploadDir . $filename;
-
-                    // Debugging & Löschen:
-                    if (file_exists($fullDeletePath)) {
-                        // Versuchen zu löschen. Wenn es fehlschlägt, Fehlermeldung erzwingen
-                        if (!@unlink($fullDeletePath)) {
-                            $error = error_get_last();
-                            die("Datei existiert, aber PHP darf sie nicht löschen! Grund: " . $error['message']);
-                        }
-                    } else {
-                        // Wenn PHP die Datei an diesem Pfad nicht findet, brechen wir zum Debuggen ab
-                        // die("PHP findet die Datei nicht unter dem Pfad: " . $fullDeletePath);
+        // ----------------- Verwaiste Bilder aufräumen -----------------
+        // Bilder, die im alten (gespeicherten) Content vorkamen, im neuen aber nicht
+        // mehr referenziert werden, wurden vom Nutzer entfernt oder ersetzt -> löschen.
+        // Hinweis/TODO: Bilder, die innerhalb derselben Bearbeitungs-Sitzung neu
+        // hochgeladen und noch vor dem finalen Speichern wieder entfernt wurden,
+        // werden hierüber nicht erfasst (sie tauchten nie im alten Content auf) und
+        // bleiben als Datei liegen. Für eine vollständige Bereinigung würde sich ein
+        // regelmäßiger Cleanup-Job anbieten, der verwaiste Dateien im uploads/-Ordner
+        // mit den in der Datenbank referenzierten Pfaden abgleicht.
+        $oldBlocks = json_decode($article->getContent(), true);
+        $oldImagePaths = [];
+        if (is_array($oldBlocks)) {
+            foreach ($oldBlocks as $oldBlock) {
+                if (($oldBlock['type'] ?? '') === 'image'
+                    && !empty($oldBlock['value'])
+                    && is_string($oldBlock['value'])
+                    && str_starts_with($oldBlock['value'], 'uploads/')) {
+                    $oldImagePaths[] = $oldBlock['value'];
                 }
             }
         }
-        }*/
 
-        // ----------------------- NEU hinzugefügte Base64-Bilder: --------------------------
-        if (is_array($blocks)) {
-            foreach ($blocks as &$block) {
-                // Prüfen, ob der Block ein Bild ist und ein NEUES Bild (Base64-Format) enthält
-                if (isset($block['type']) && isset($block['value']) && $block['type'] === 'image' && is_string($block['value'])) {
-
-                    if (str_starts_with($block['value'], 'data:image/')) {
-                        $parts = explode(',', $block['value']);
-                        if (count($parts) >= 2) {
-                            $metadata = $parts[0];
-                            $base64Data = $parts[1];
-
-                            preg_match('/data:image\/(?<extension>.*?);/', $metadata, $matches);
-                            $extension = $matches['extension'] ?? 'jpg';
-                            if ($extension === 'jpeg') { $extension = 'jpg'; }
-
-                            $fileName = 'img_' . uniqid() . '.' . $extension;
-                            $filePath = $uploadDir . $fileName;
-
-                            if (file_put_contents($filePath, base64_decode($base64Data)) !== false) {
-                                $block['value'] = 'uploads/' . $fileName;
-                            } else {
-                                $_SESSION["message"] = "image_upload_error";
-                                header("location: ../../index.php?pfad=updateArticle&id=$id");
-                                exit();
+        $newImagePaths = [];
+        foreach ($blocks as $block) {
+            if (($block['type'] ?? '') === 'image' && !empty($block['value'])) {
+                $newImagePaths[] = $block['value'];
             }
         }
-                    }
-                }
-            }
-            unset($block);
-        }
 
-        // Aktualisiertes Array wieder in JSON konvertieren
-        $finalContent = json_encode($blocks, JSON_UNESCAPED_UNICODE);
+        $orphanedImages = array_diff($oldImagePaths, $newImagePaths);
+        foreach ($orphanedImages as $orphanedImage) {
+            $absolutePath = __DIR__ . '/../../' . $orphanedImage;
+            if (is_file($absolutePath)) {
+                @unlink($absolutePath);
+            }
+        }
 
         // ----------------- Übertragung der validierten Daten in ArticleManager: ---------------------------
         try {
             $articleManager = ArticleManager::getInstance();
             $article = $articleManager->getArticle($id);
             $article->setTitle($title);
-            $article->setContent($finalContent);
+            $article->setContent($content);
             $article->setCategory($category);
             $article->setTags($cleanedTags);
-            $articleManager->updateArticle($id ,$article, $author);
+            $articleManager->updateArticle($id, $article, $author);
 
             unset($_SESSION["old_title"], $_SESSION["old_content"], $_SESSION["old_category"], $_SESSION["old_tags"]);
 
-        } catch (\Throwable $e){
+        } catch (\Throwable $e) {
             $_SESSION["message"] = $e->getMessage();
             header("location: ../../index.php?pfad=updateArticle&id=$id");
             exit();

php/controller/updateComment-controller.php

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

php/model/Article.php

@@ -97,6 +97,16 @@ class Article
         return $this->author;
     }
 
+    /**
+     * Setzt einen neuen Autor eines Beitrages.
+     * @param string $author
+     * @return void
+     */
+    public function setAuthor(string $author)
+    {
+        $this->author = $author;
+    }
+
     /**
      * Gibt das Veröffentlichungsdatum des Beitrags zurück.
      * @return string

php/model/Comment.php

@@ -13,7 +13,7 @@ class Comment
     private int $id;
     private int $articleId;
     private ?int $parentCommentId;
-    private string $author;
+    private ?string $author;
     private string $content;
     private string $created;
 
@@ -23,7 +23,7 @@ class Comment
      * @param int $id Eindeutige ID des Kommentars
      * @param int $articleId ID des zugehörigen Beitrags
      * @param int|null $parentCommentId ID des Eltern-Kommentars oder null
-     * @param string $author Autor des Kommentars
+     * @param string|null $author Autor des Kommentars oder null bei gelöschten Kommentaren
      * @param string $content Inhalt des Kommentars
      * @param string $created Erstellungsdatum des Kommentars
      */
@@ -31,7 +31,7 @@ class Comment
         int $id,
         int $articleId,
         ?int $parentCommentId,
-        string $author,
+        ?string $author,
         string $content,
         string $created
     ) {
@@ -86,9 +86,9 @@ class Comment
     /**
      * Gibt den Autor des Kommentars zurück.
      *
-     * @return string Autor
+     * @return string|null Autor oder null bei gelöschten Kommentaren
      */
-    public function getAuthor(): string
+    public function getAuthor(): ?string
     {
         return $this->author;
     }

php/model/CommentManagerDAO.php

@@ -51,4 +51,40 @@ interface CommentManagerDAO
      * @return Comment[] Liste der Kommentare
      */
     public function getCommentsByAuthor($author);
+    /**
+     * Löscht einen einzelnen Kommentar des angemeldeten Nutzers.
+     *
+     * Kommentare ohne Antworten werden vollständig entfernt.
+     * Kommentare mit Antworten bleiben als anonymer Platzhalter erhalten.
+     *
+     * @param int $commentId ID des Kommentars
+     * @param string $author E-Mail-Adresse des Autors
+     * @return bool true, wenn der Kommentar gefunden und gelöscht wurde
+     */
+    public function deleteComment(int $commentId, string $author): bool;
+
+    /**
+     * Löscht beziehungsweise anonymisiert alle Kommentare eines Nutzers.
+     *
+     * Diese Methode wird bei der Löschung eines Benutzerkontos verwendet.
+     *
+     * @param string $author E-Mail-Adresse des Nutzers
+     * @return void
+     */
+    public function deleteCommentsByAuthor(string $author): void;
+    /**
+     * Bearbeitet einen Kommentar des angemeldeten Nutzers.
+     *
+     * Nur der Autor des Kommentars darf den Inhalt ändern.
+     *
+     * @param int $commentId ID des Kommentars
+     * @param string $author E-Mail-Adresse des Autors
+     * @param string $content Neuer Kommentarinhalt
+     * @return bool true, wenn der Kommentar bearbeitet wurde
+     */
+    public function updateComment(
+        int $commentId,
+        string $author,
+        string $content
+    ): bool;
 }

php/model/DatabaseArticleManager.php

@@ -315,16 +315,15 @@ class DatabaseArticleManager implements ArticleManagerDAO {
                 FROM articles 
                 WHERE title LIKE :keyword 
                 OR content LIKE :keyword
-                       OR tags LIKE :keyword";
+                OR tags LIKE :keyword;";
 
             $command = $db->prepare($sql);
             if (!$command) {
                 throw new InternalServerErrorException("internal_error");
             }
 
-            // Wildcards für die Suche hinzufügen
+            // Wildcards für die SQL-Suche hinzufügen
             $searchParam = '%' . $cleankeyword . '%';
-
             $success = $command->execute([
                 ":keyword" => $searchParam
             ]);
@@ -337,10 +336,11 @@ class DatabaseArticleManager implements ArticleManagerDAO {
             $filteredArticles = [];
 
             foreach ($rows as $row) {
-                $likes = $this->getLikesForArticle(intval($row['id']));
+                $articleId = intval($row['id']);
+                $likes = $this->getLikesForArticle($articleId);
 
                 $filteredArticles[] = new Article(
-                    intval($row['id']),
+                    $articleId,
                     $row['title'] ?? '',
                     $row['content'] ?? '',
                     $row['author'] ?? '',
@@ -358,6 +358,7 @@ class DatabaseArticleManager implements ArticleManagerDAO {
         }
     }
 
+
     /**
      * Holt alle User-IDs, die einen bestimmten Beitrag geliked haben.
      *

php/model/DatabaseCommentManager.php

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

php/model/DatabaseInitializer.php

@@ -49,11 +49,11 @@ class DatabaseInitializer {
                      id INTEGER PRIMARY KEY AUTOINCREMENT,
                     article_id INTEGER NOT NULL,
                     parent_comment_id INTEGER NULL,
-                        author TEXT NOT NULL,
+                    author TEXT NULL,
                     content TEXT NOT NULL,
                     created TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
                     FOREIGN KEY (article_id) REFERENCES articles(id) ON DELETE CASCADE,
-                        FOREIGN KEY (author) REFERENCES users(email) ON DELETE CASCADE,
+                    FOREIGN KEY (author) REFERENCES users(email) ON DELETE SET NULL,
                     FOREIGN KEY (parent_comment_id) REFERENCES comments(id) ON DELETE CASCADE
                         );
                     ");
@@ -234,9 +234,14 @@ class DatabaseInitializer {
             // Bestimmt per Zufall einen Autor aus dem Pool der gültigen E-Mails
             $randomAuthor = $availableEmails[array_rand($availableEmails)];
 
+            // Text in (blocks[i][type]/[text]/[image])-Format umwandeln:
+            $content = json_encode([
+                ['type' => 'text', 'value' => $article[1]]
+            ], JSON_UNESCAPED_UNICODE);
+
             $articleInsertStmt->execute([
                 ':title' => $article[0],
-                ':content' => $article[1],
+                ':content' => $content,
                 ':author' => $randomAuthor,
                 ':category' => $article[2],
                 ':tags' => $article[3]