Update showArticle-controller.php

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

 ## Sonstiges
 - Das Datenschema befindet sich unter /planung/Datenschema.pdf
@@ -4,12 +4,17 @@
 -->
 <main>

-    <?php include_once "includes/alertMessages.php"?>
+    <?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
    unset($_SESSION["message"]);
    ?>
    <h1>404 - Seite nicht vorhanden</h1>
    <p>
-        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.)
+        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.
    </p>
 </main>
@@ -4,28 +4,12 @@ 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" enctype="multipart/form-data" class="article-editor-scope.editor-container article-editor-scope editor-container">
+<form method="post" action="php/controller/createArticle-controller.php" id="editor-form" class="article-editor-scope.editor-container article-editor-scope editor-container">

    <main class="editor-main">
        <?php include_once "includes/alertMessages.php"?>
@@ -34,49 +18,27 @@ $blocks = array_values($blocks); // sequentielle Indizes 0..n-1 sicherstellen
               value="<?php echo htmlspecialchars($_SESSION['old_title'] ?? ''); unset($_SESSION['old_title']); ?>"
               placeholder="Titel hier eingeben" required>

-        <!--
-            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>
+        <!-- Hier werden die dynamischen divs via JavaScript eingefügt -->
+        <div id="block-container"></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">
-                <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 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>
        </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 -->
@@ -11,9 +11,12 @@ include_once 'php/controller/home-controller.php';

    <h1>Home</h1>
    <p>
-        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.
+        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.
    </p>

    <!-- Flexbox für aktive Kategorien -->
@@ -81,12 +81,10 @@ $isEditMode = (isset($_GET["edit"]) && $_GET["edit"] === "1") || !empty($error);

            <br>

-            <form action="php/controller/deleteAccount-controller.php"
-                  method="POST"
-                  class="confirm-delete-account">
-
+            <form action="php/controller/deleteAccount-controller.php" method="POST">
                <button type="submit"
-                        class="button">
+                        class="button"
+                        onclick="return confirm('Möchtest du deinen Account wirklich unwiderruflich löschen?');">
                    Account löschen
                </button>
            </form>
@@ -156,16 +154,14 @@ $isEditMode = (isset($_GET["edit"]) && $_GET["edit"] === "1") || !empty($error);
                                Bearbeiten
                            </a>

-                            <form action="php/controller/deleteArticle-controller.php"
-                                  method="POST"
-                                  class="confirm-delete-article">
-
+                            <form action="php/controller/deleteArticle-controller.php" method="POST">
                                <input type="hidden"
                                       name="id"
                                       value="<?php echo htmlspecialchars($userArticle->getID()); ?>">

                                <button type="submit"
-                                        class="button">
+                                        class="button"
+                                        onclick="return confirm('Möchtest du diesen Artikel wirklich löschen?');">
                                    Löschen
                                </button>
                            </form>
@@ -176,9 +172,11 @@ $isEditMode = (isset($_GET["edit"]) && $_GET["edit"] === "1") || !empty($error);

                    <p>Du hast noch keine Beiträge erstellt.</p>

-                    <a href="index.php?pfad=createArticle" class="button">
+                    <button type="button"
+                            class="button"
+                            onclick="window.location.href='index.php?pfad=createArticle';">
                        Beitrag erstellen!
-                    </a>
+                    </button>

                <?php endif; ?>
            </div>
@@ -2,37 +2,20 @@
 if (session_status() === PHP_SESSION_NONE) {
    session_start();
 }
-require_once __DIR__ . '/../includes/resultsHelper.php';

-$rawResults = $_SESSION["search_results"] ?? [];
+$all_results = $_SESSION["search_results"] ?? [];
 $query = $_SESSION["search_query"] ?? "";
+$totalResultsCount = count($all_results);

-// 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);
+$limit = isset($_GET['limit']) ? (int)$_GET['limit'] : 10;
 if (!in_array($limit, [10, 20, 50, 100])) {
    $limit = 10;
 }
-$_SESSION['search_limit'] = $limit;

-// Serverseitig sortieren + filtern
-$filteredResults = sortSearchResults($rawResults, $currentSort);
-$filteredResults = filterSearchResultsByCategory($filteredResults, $currentCategory);
-
-$totalResultsCount = count($filteredResults);
-$totalPages = max(1, (int)ceil($totalResultsCount / $limit));
+// Gesamtseitenzahl
+$totalPages = max(1, ceil($totalResultsCount / $limit));

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

+// Startpunkt im Array berechnen (Offset)
 $offset = ($currentPage - 1) * $limit;

-// 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);
+// Nur die Ergebnisse für die aktuelle Seite ausschneiden
+//$results = array_slice($all_results, $offset, $limit);
+$results = $all_results;
 $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.
-    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.
+    Inhalt: Zeigt die Ergebnisse einer Suche an
 -->
 <div class="s-res-layout-grid">
-    <?php include_once "includes/alertMessages.php" ?>
+    <?php include_once "includes/alertMessages.php"?>

    <!-- Links: Seitenleiste für Filter und Suche -->
    <aside class="s-res-sidebar">

-        <!-- Formular 1: startet eine NEUE Suche (löst immer einen Server-Request aus) -->
+    <!-- Sortierfuntion Box und Such Box-->
        <form action="php/controller/search-results-controller.php" method="GET" id="search-form-id" class="s-res-sidebar-form">
+            
+            <input type="hidden" id="s-res-page-input" name="page" value="<?php echo $_GET['page'] ?? 1; ?>">
+
            <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' : ''; ?>>
@@ -115,19 +81,37 @@ $categories = [

            <div class="s-res-sidebar-box">
                <h3 class="s-res-sidebar-title">Kategorie filtern</h3>
-                <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 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>
            </div>

-            <noscript>
-                <button type="submit" class="nav__search-button">
-                    Filter anwenden
-                </button>
-            </noscript>
        </form>

    </aside>
@@ -136,15 +120,17 @@ $categories = [

        <div class="s-res-header">
            <h1 class="s-res-main-title">Suchergebnisse</h1>
-            <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>
+            <p class="s-res-meta"><?php echo $totalResultsCount; ?> 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): 
-                    $likesCount = getLikeCount($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);
                ?>
                    <div class="s-res-item" data-likes="<?php echo $likesCount; ?>" data-category="<?php echo strtolower($item['category'] ?? ''); ?>">
                        <div class="s-res-content">
@@ -165,66 +151,40 @@ $categories = [
                    </div>
                <?php endforeach; ?>

-            <?php elseif (isset($_SESSION["message"]) && $_SESSION["message"] === "invalid_search_query"): ?>
+            <?php 
+            elseif (isset($_SESSION["search_query"]) && $_SESSION["search_query"] !== "" && $resultCount === 0): ?>
+                <p>Keine Beiträge zu diesem Suchbegriff gefunden.</p>  
+            <?php 
+            elseif (isset($_SESSION["message"]) && $_SESSION["message"] == "invalid_search_query"): ?>
                <p>Unzulässige Suchanfrage</p>
                
-            <?php 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. Gehört per form="..." logisch
-                 zum Filterformular oben -->
+            <!-- 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="s-res-filter-form" class="s-res-limit-select">
+                <select id="s-res-per-page" name="limit" 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>

-            <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>
+            <div class="s-res-page-navigation">
+                <button type="button" class="s-res-page-btn" id="prev-page-btn" data-page="0">«</button>
                
                <span id="dynamic-page-numbers"></span>
                
-                    <button type="button"
-                            class="s-res-page-btn"
-                            id="next-page-btn">
-                        »
-                    </button>
+                <button type="button" class="s-res-page-btn" id="next-page-btn" data-page="2">»</button>
            </div>

-            </nav>
-
        </div>
    </main>

@@ -5,34 +5,6 @@ $repliesByParent = [];
 $articleObj = null;

 include_once 'php/controller/showArticle-controller.php';
-/*
- * Ermittelt, ob ohne JavaScript auf einen Kommentar
- * geantwortet werden soll.
- */
-$replyTo = filter_input(
-        INPUT_GET,
-        "reply_to",
-        FILTER_VALIDATE_INT
-);
-
-$replyAuthor = null;
-
-if ($replyTo !== false && $replyTo !== null) {
-    foreach ($mainComments as $mainComment) {
-        if ($mainComment->getId() === $replyTo) {
-            $replyAuthor = $mainComment->getAuthor();
-            break;
-        }
-    }
-}
-
-/*
- * Eine Antwort darf nur auf einen existierenden
- * Hauptkommentar geschrieben werden.
- */
-if ($replyAuthor === null) {
-    $replyTo = null;
-}
 ?>
 <!--
     Seite: Anzeige für Beiträge
@@ -43,6 +15,8 @@ if ($replyAuthor === null) {
    <?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">
@@ -71,8 +45,8 @@ if ($replyAuthor === null) {
        </h1>

        <div class="article-view-meta">
-            <?php if (isset($name) && !empty($name)): ?>
-                <span class="article-view-author">Von: <strong><?php echo htmlspecialchars($name); ?></strong></span>
+            <?php if (isset($author) && !empty($author)): ?>
+                <span class="article-view-author">Von: <strong><?php echo htmlspecialchars($author); ?></strong></span>
            <?php endif; ?>
        </div>

@@ -132,266 +106,39 @@ if ($replyAuthor === null) {
        </div>
    <?php endif; ?>

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

-        <?php if (isset($_SESSION["comment_message"])): ?>
-            <div class="alert-message <?php
-            echo ($_SESSION["comment_message_type"] ?? "") === "success"
-                    ? "is-success"
-                    : "is-error";
-            ?>">
-                <?php echo htmlspecialchars($_SESSION["comment_message"]); ?>
-            </div>
-
-            <?php
-            unset($_SESSION["comment_message"]);
-            unset($_SESSION["comment_message_type"]);
-            ?>
-        <?php endif; ?>
-
        <div id="comments-list">
            <?php if (!empty($mainComments)): ?>
                <?php foreach ($mainComments as $comment): ?>
-                    <div class="comment-item"
-                         data-comment-id="<?php echo htmlspecialchars(
-                                 (string) $comment->getId()
-                         ); ?>">
-
-                        <?php
-                        $isDeleted = $comment->getContent()
-                                === "Dieser Kommentar wurde gelöscht.";
-                        ?>
-
-                        <?php if ($isDeleted): ?>
-
-                            <p class="deleted-comment">
-                                Dieser Kommentar wurde gelöscht.
-                            </p>
-
-                        <?php else: ?>
-
+                    <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>
+                            <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; ?>
+                        <p><?php echo nl2br(htmlspecialchars($comment->getContent())); ?></p>

                        <?php if (isset($_SESSION["user_email"])): ?>
-
-                                <a href="index.php?pfad=<?php
-                                echo urlencode($_GET["pfad"] ?? "showArticle");
-                                ?>&id=<?php
-                                echo urlencode((string) $comment->getArticleId());
-                                ?>&reply_to=<?php
-                                echo urlencode((string) $comment->getId());
-                                ?>#comment-form"
+                            <button type="button"
                                    class="reply-button"
-                                   data-comment-id="<?php echo htmlspecialchars(
-                                           (string) $comment->getId()
-                                   ); ?>"
-                                   data-author="<?php echo htmlspecialchars(
-                                           $comment->getAuthor()
-                                   ); ?>">
-
+                                    data-comment-id="<?php echo htmlspecialchars($comment->getId()); ?>"
+                                    data-author="<?php echo htmlspecialchars($comment->getAuthor()); ?>">
                                Antworten
-                                </a>
-
-                            <?php endif; ?>
-
+                            </button>
                        <?php endif; ?>

                        <div class="comment-replies">
                            <?php if (isset($repliesByParent[$comment->getId()])): ?>
                                <?php foreach ($repliesByParent[$comment->getId()] as $reply): ?>
                                    <div class="comment-item comment-reply">
-
-                                        <?php
-                                        $isReplyDeleted = $reply->getContent()
-                                                === "Dieser Kommentar wurde gelöscht.";
-                                        ?>
-
-                                        <?php if ($isReplyDeleted): ?>
-
-                                            <p class="deleted-comment">
-                                                Dieser Kommentar wurde gelöscht.
-                                            </p>
-
-                                        <?php else: ?>
-
                                        <p>
-                                                <strong>
-                                                    <?php echo htmlspecialchars($reply->getAuthor()); ?>
-                                                </strong>
-
-                                                <span>
-                    <?php echo htmlspecialchars($reply->getCreated()); ?>
-                </span>
+                                            <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; ?>
-
+                                        <p><?php echo nl2br(htmlspecialchars($reply->getContent())); ?></p>
                                    </div>
                                <?php endforeach; ?>
                            <?php endif; ?>
@@ -406,46 +153,17 @@ if ($replyAuthor === null) {
        </div>

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

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

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

                <textarea name="content"
                          id="comment-content"
@@ -1,184 +1,32 @@
 <?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" ?>

-    <!-- Links: Seitenleiste für Suche (innerhalb der Kategorie) und Sortierung -->
-    <aside class="s-res-sidebar">
+<main>
+    <?php include_once "includes/alertMessages.php"?>

-        <!-- 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); ?>">
+    <h1><?php if (isset($category) && !empty($category)){ echo htmlspecialchars($category); } ?></h1>

-            <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($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'] ?? ''); ?>">
+        <?php
+        if (!empty($articles)): ?>
+            <?php foreach ($articles as $article): ?>
+                <div class="s-res-item">
                    <div class="s-res-content">
                        <h2 class="s-res-item-title">
-                                <a href="index.php?pfad=showArticle&id=<?php echo $item['id']; ?>" class="s-res-link">
-                                    <?php echo htmlspecialchars($item['title']); ?>
+                            <a href="index.php?pfad=showArticle&id=<?php echo $article->getId(); ?>" class="s-res-link">
+                                <?php echo htmlspecialchars($article->getTitle()); ?>
                            </a>
                        </h2>
-                            <div class="s-res-meta-row">
-                                <p class="s-res-author">Von: <span class="s-res-author-name"><?php echo htmlspecialchars($item['author']); ?></span></p>
-
-                                <span class="s-res-likes">
-                                    ❤️ <?php echo $likesCount; ?>
-                                </span>
-                            </div>
+                        <p class="s-res-author">Von: <span class="s-res-author-name"><?php echo htmlspecialchars($article->getAuthor()); ?></span></p>
                    </div>
                    <div class="s-res-arrow">&rarr;</div>
                </div>
            <?php endforeach; ?>
-
-            <?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
+        else: ?>
+        <p> Es sind noch keine Beiträge in dieser Kategorie enthalten.</p>
        <?php endif; ?>
-            <?php unset($_SESSION["message"]); ?>
-
    </div>

-        <div class="s-res-pagination-footer">
-
-            <!-- Auswahl der Ergebnisse pro Seite -->
-            <div class="s-res-limit-selector">
-                <label for="s-res-per-page" class="s-res-limit-label">Ergebnisse pro Seite:</label>
-                <select id="s-res-per-page" name="limit" 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>
+</main>
@@ -5,25 +5,10 @@ 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 bearbeiten
-    Inhalt: Formular für die Bearbeitung eines Beitrags
+    Seite: Beitrag erstellen
+    Inhalt: Formular für die Erstellung eines neuen 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">

@@ -42,49 +27,32 @@ $blocks = array_values($blocks);
               ?>"
               placeholder="Titel hier eingeben" required>

-        <!--
-            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>
+        <!-- Hier werden die dynamischen divs via JavaScript eingefügt -->
+        <div id="block-container"></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">
-                <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 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>
        </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 -->
@@ -1,227 +0,0 @@
-/* --- 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;
-    }
-}
@@ -18,6 +18,11 @@
        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).
@@ -1,69 +0,0 @@
-<?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;
-}
@@ -1,171 +0,0 @@
-<?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;
-}
@@ -2,11 +2,53 @@
 if (session_status() === PHP_SESSION_NONE) {
    session_start();
 }
-include_once "php/controller/index-controller.php";
+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();
+}
 ?>
-<!DOCTYPE html>
-<html lang="de">
-<head>
+
+    <!--
+        Seite: Index der Lernplattform
+        Funktion: Webseitengerüst, Anzeigen von Content
+    -->
+    <!DOCTYPE html>
+    <html lang="de">
+
+    <head>
        <meta charset="utf-8">
        <meta name="description" content="EduForge">
        <meta name="author" content="Niklas Ortmann">
@@ -21,31 +63,37 @@ include_once "php/controller/index-controller.php";
        <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/showCategory.js" async></script>
-        <script src="js/search.js" async></script>
-
+        <script src="js/filter.js" async></script>

        <title>EduForge</title>
-</head>
-<body>
+    </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>

 <?php
-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';
+ob_end_flush();
 ?>
-
-</body>
-</html>
@@ -11,51 +11,20 @@ document.addEventListener("DOMContentLoaded", function () {
    const parentCommentInput = document.getElementById("parent-comment-id");
    const replyInfo = document.getElementById("reply-info");

-    /**
-     * 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) {
+    if (!form || !commentsList || !commentContent || !parentCommentInput || !replyInfo) {
        return;
    }

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

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

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

                if (emptyMessage) {
                    emptyMessage.remove();
@@ -106,9 +64,8 @@ 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 = `
@@ -116,160 +73,40 @@ 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 = commentsList.querySelector(
+                    const parentReplies = document.querySelector(
                        `.comment-item[data-comment-id="${parentCommentId}"] .comment-replies`
                    );

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

-        <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"
+                        <button type="button"
                                class="reply-button"
                                data-comment-id="${escapeHtml(data.commentId)}"
-            data-author="${escapeHtml(data.author)}"
-        >
+                                data-author="${escapeHtml(data.author)}">
                            Antworten
-        </a>
+                        </button>

                        <div class="comment-replies"></div>
                    `;

                    commentsList.prepend(commentElement);

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

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

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

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

    if (!form) {
-        console.error("editor.js abgebrochen: Formular nicht gefunden!");
+        console.error("Skript abgebrochen: Formular nicht gefunden!");
        return;
    } else {
-        console.log("Formular gefunden und editor.js initialisiert:", form);
+        console.log("Formular gefunden und Editor 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");

-    // 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");
+    const initialImages = [];

+    // Pop-up umschalten bei Klick auf das Plus
    plusButton.addEventListener("click", () => {
        popup.classList.toggle("hidden");
    });

-    // 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();
+    // Klick auf eine Block-Option im Pop-up
+    popup.querySelectorAll("button").forEach(btn => {
+        btn.addEventListener("click", function() {
            const type = this.getAttribute("data-type");
            addBlockElement(type, "");
            popup.classList.add("hidden");
        });
    });

-    // 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);
-    });
-
-    // 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.
+    // Erstellt ein visuelles HTML-Element im Editor
    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));
+        blockDiv.classList.add("editor-block");
+        blockDiv.setAttribute("data-type", type);

-        const typeInput = document.createElement("input");
-        typeInput.type = "hidden";
-        typeInput.name = `blocks[${index}][type]`;
-        typeInput.value = type;
-        blockDiv.appendChild(typeInput);
+        // 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();
+        });
+        blockDiv.appendChild(deleteBtn);

        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 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");
+            const imgPreview = document.createElement("img");
            imgPreview.style.maxWidth = "200px";
-            imgPreview.style.display = "none";
+            imgPreview.style.display = "block";
            imgPreview.style.marginTop = "10px";
-            blockDiv.insertBefore(imgPreview, fileInput.nextSibling);
+
+            if (value && typeof value === 'string') {
+                if (value.startsWith('uploads/') || value.startsWith('data:image/')) {
+                    imgPreview.src = value;
+                    blockDiv.setAttribute("data-value", value);
+                }
            }

-        fileInput.addEventListener("change", function () {
+            fileInput.addEventListener("change", function() {
                if (this.files && this.files[0]) {
                    const reader = new FileReader();
-                reader.onload = (e) => {
+                    reader.onload = function(e) {
                        imgPreview.src = e.target.result;
-                    imgPreview.style.display = "block";
-                };
+                        blockDiv.setAttribute("data-value", e.target.result);
+                    }
                    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);
+        }
    }
 }

@@ -0,0 +1,116 @@
+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();
+}
@@ -0,0 +1,27 @@
+function initPaginator() {
+    const form = document.getElementById('search-form-id');
+    const pageInput = document.getElementById('s-res-page-input');
+    const pageButtons = document.querySelectorAll('.s-res-page-navigation .s-res-page-btn');
+
+    pageButtons.forEach(button => {
+        button.addEventListener('click', function() {
+            if (this.disabled) return;
+
+            const targetPage = this.getAttribute('data-page');
+
+            if (targetPage && form && pageInput) {
+                pageInput.value = targetPage;
+                form.submit();
+            }
+        });
+    });
+}
+
+// ist das DOM bereits vollständig aufgebaut?
+if (document.readyState === 'loading') {
+    // Falls noch geladen wird, auf das Event warten
+    document.addEventListener('DOMContentLoaded', initPaginator);
+} else {
+    // Falls das HTML bereits komplett da ist, sofort ausführen
+    initPaginator();
+}
@@ -1,29 +0,0 @@
-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();
-            }
-
-        });
-
-    });
-
-});
@@ -1,238 +0,0 @@
-/**
- * Ü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();
-    }
-})();
@@ -1,242 +0,0 @@
-/**
- * Ü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();
-    }
-})();
@@ -0,0 +1,50 @@
+
+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();
+}
@@ -3,153 +3,32 @@ if (session_status() === PHP_SESSION_NONE) {
    session_start();
 }

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

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

-/*
- * Weitere Formulardaten einlesen.
- */
-
+$articleId = $_POST["article_id"] ?? null;
 $content = trim($_POST["content"] ?? "");
+$parentCommentId = $_POST["parent_comment_id"] ?? null;

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

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

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

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

-} catch (Throwable $e) {
-    sendCommentResponse(
-        false,
-        "Der Kommentar konnte nicht gespeichert werden.",
-        $articleId
-    );
+} catch (Exception $e) {
+    echo json_encode([
+        "success" => false,
+        "message" => "Kommentar konnte nicht gespeichert werden."
+    ]);
 }
@@ -5,60 +5,24 @@ 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") {
-
-    $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.
+    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"] ?? '';

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

@@ -19,17 +18,41 @@ 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" => $userManager->findUser($obj->getAuthor())["vorname"] . " " . $userManager->findUser($obj->getAuthor())["nachname"],
+                    "author" => $obj->getAuthor(),
                    "category" => $obj->getCategory(),
                    "tags" => $obj->getTags(),
                    "creationDate" => $obj->getCreationDate(),
@@ -41,25 +64,20 @@ 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;
    }
-    $_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");
+    $page  = isset($_GET['page']) ? (int)$_GET['page'] : 1;
+    header("Location: ../../index.php?pfad=search-results&q=" . urlencode($search) . "&sort=" . urlencode($sort) . "&limit=" . $limit . "&page=" . $page);
    exit();
    
 }
+
+?>
@@ -1,32 +0,0 @@
-<?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),
-]);
@@ -5,7 +5,6 @@ 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"])){
@@ -20,9 +19,6 @@ 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";
@@ -30,9 +26,9 @@ if (isset($_GET["id"]) && !empty($_GET["id"])){
        }

        if($_GET["pfad"] == "updateArticle"){
-            if($article->getAuthor() != $_SESSION["user_email"]){
+            if($article->getAuthor() != $_SESSION["user"]){
                $_SESSION["message"] = "unauthorized_access";
-                header("location: index.php");
+                header("location: ../../index.php");
                exit();
            }
        }
@@ -49,9 +45,8 @@ if (isset($_GET["id"]) && !empty($_GET["id"])){
            }
        }

-    } catch (Throwable $e) {
+    } catch (Exception $e){
        $_SESSION["message"] = "internal_error";
-        header("Location: index.php");
        exit();
    }
 }else{
@@ -1,52 +1,21 @@
 <?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();
-        $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;
-
+        $articles = $articleManager->getArticlesByCategory($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();
 }
+?>
@@ -1,35 +0,0 @@
-<?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),
-]);
@@ -7,14 +7,17 @@ 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"])) {
+if (!isset($_SESSION["user_email"])) {
    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"];
@@ -38,53 +41,13 @@ if ($_SERVER["REQUEST_METHOD"] === "POST") {
        exit();
    }

-    $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"])) {
+    if (!isset($_POST["title"]) ||!isset($_POST["content"]) || !isset($_POST["category"])){
        $_SESSION["message"] = "missing_parameters";
        header("location: ../../index.php?pfad=updateArticle&id=$id");
        exit();
-    } else {
+    }else{
        $title = $_POST["title"];
-        $content  = json_encode($blocks, JSON_UNESCAPED_UNICODE);
+        $content = $_POST["content"];
        $author = $_SESSION["user_email"];
        $category = $_POST["category"];
        $tags = $_POST['tags'] ?? '';
@@ -125,56 +88,91 @@ if ($_SERVER["REQUEST_METHOD"] === "POST") {
            $cleanedTags = implode(',', $cleanedTags);
        }

-        // ----------------- 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'];
-                }
-            }
+        // --------------------------------------- Base64-Bilder speichern ---------------------------------------------
+        $blocks = json_decode($content, true);
+        $uploadDir = __DIR__ . '/../../uploads/';
+
+        if (!file_exists($uploadDir)) {
+            mkdir($uploadDir, 0755, true);
        }

-        $newImagePaths = [];
-        foreach ($blocks as $block) {
-            if (($block['type'] ?? '') === 'image' && !empty($block['value'])) {
-                $newImagePaths[] = $block['value'];
+        // ----------------- 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);
+                    }
+                }
+            }
+        }*/
+
+        // ----------------------- 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();
+                            }
+                        }
+                    }
+                }
+            }
+            unset($block);
        }

-        $orphanedImages = array_diff($oldImagePaths, $newImagePaths);
-        foreach ($orphanedImages as $orphanedImage) {
-            $absolutePath = __DIR__ . '/../../' . $orphanedImage;
-            if (is_file($absolutePath)) {
-                @unlink($absolutePath);
-            }
-        }
+        // Aktualisiertes Array wieder in JSON konvertieren
+        $finalContent = json_encode($blocks, JSON_UNESCAPED_UNICODE);

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

@@ -23,7 +23,7 @@ class Comment
     * @param int $id Eindeutige ID des Kommentars
     * @param int $articleId ID des zugehörigen Beitrags
     * @param int|null $parentCommentId ID des Eltern-Kommentars oder null
-     * @param string|null $author Autor des Kommentars oder null bei gelöschten Kommentaren
+     * @param string $author Autor des Kommentars
     * @param string $content Inhalt des Kommentars
     * @param string $created Erstellungsdatum des Kommentars
     */
@@ -31,7 +31,7 @@ class Comment
        int $id,
        int $articleId,
        ?int $parentCommentId,
-        ?string $author,
+        string $author,
        string $content,
        string $created
    ) {
@@ -86,9 +86,9 @@ class Comment
    /**
     * Gibt den Autor des Kommentars zurück.
     *
-     * @return string|null Autor oder null bei gelöschten Kommentaren
+     * @return string Autor
     */
-    public function getAuthor(): ?string
+    public function getAuthor(): string
    {
        return $this->author;
    }
@@ -51,40 +51,4 @@ interface CommentManagerDAO
     * @return Comment[] Liste der Kommentare
     */
    public function getCommentsByAuthor($author);
-    /**
-     * Löscht einen einzelnen Kommentar des angemeldeten Nutzers.
-     *
-     * Kommentare ohne Antworten werden vollständig entfernt.
-     * Kommentare mit Antworten bleiben als anonymer Platzhalter erhalten.
-     *
-     * @param int $commentId ID des Kommentars
-     * @param string $author E-Mail-Adresse des Autors
-     * @return bool true, wenn der Kommentar gefunden und gelöscht wurde
-     */
-    public function deleteComment(int $commentId, string $author): bool;
-
-    /**
-     * Löscht beziehungsweise anonymisiert alle Kommentare eines Nutzers.
-     *
-     * Diese Methode wird bei der Löschung eines Benutzerkontos verwendet.
-     *
-     * @param string $author E-Mail-Adresse des Nutzers
-     * @return void
-     */
-    public function deleteCommentsByAuthor(string $author): void;
-    /**
-     * Bearbeitet einen Kommentar des angemeldeten Nutzers.
-     *
-     * Nur der Autor des Kommentars darf den Inhalt ändern.
-     *
-     * @param int $commentId ID des Kommentars
-     * @param string $author E-Mail-Adresse des Autors
-     * @param string $content Neuer Kommentarinhalt
-     * @return bool true, wenn der Kommentar bearbeitet wurde
-     */
-    public function updateComment(
-        int $commentId,
-        string $author,
-        string $content
-    ): bool;
 }
@@ -315,15 +315,16 @@ 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 SQL-Suche hinzufügen
+            // Wildcards für die Suche hinzufügen
            $searchParam = '%' . $cleankeyword . '%';
+
            $success = $command->execute([
                ":keyword" => $searchParam
            ]);
@@ -336,11 +337,10 @@ class DatabaseArticleManager implements ArticleManagerDAO {
            $filteredArticles = [];

            foreach ($rows as $row) {
-                $articleId = intval($row['id']);
-                $likes = $this->getLikesForArticle($articleId);
+                $likes = $this->getLikesForArticle(intval($row['id']));

                $filteredArticles[] = new Article(
-                    $articleId,
+                    intval($row['id']),
                    $row['title'] ?? '',
                    $row['content'] ?? '',
                    $row['author'] ?? '',
@@ -358,7 +358,6 @@ class DatabaseArticleManager implements ArticleManagerDAO {
        }
    }

-
    /**
     * Holt alle User-IDs, die einen bestimmten Beitrag geliked haben.
     *
@@ -17,7 +17,7 @@ class DatabaseCommentManager implements CommentManagerDAO
    /**
     * Erstellt die Kommentartabelle, falls diese noch nicht existiert.
     */
-    private function __construct()
+    public function __construct()
    {
        $this->dbPath = __DIR__ . '/../../db/eduforgeDB.db';
        DatabaseInitializer::initialize($this->dbPath);
@@ -223,194 +223,4 @@ class DatabaseCommentManager implements CommentManagerDAO

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