Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 325df51812 | |||
| 97afd1ea06 | |||
| e3903b4f3e | |||
| 031f2afd25 | |||
| 7189133861 | |||
| 8c961a56ce | |||
| 4f95a3d423 | |||
| 5310083e11 | |||
| b564306fb3 | |||
| 7b7208ad6b | |||
| ada97ec538 |
Generated
+1
-1
@@ -1,6 +1,6 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="dataSourceStorageLocal" created-in="IU-261.25134.95">
|
||||
<component name="dataSourceStorageLocal" created-in="IU-253.32098.101">
|
||||
<data-source name="articles" uuid="315cb5c9-2b0f-435b-b602-59823b160908">
|
||||
<database-info product="SQLite" version="3.51.1" jdbc-version="4.2" driver-name="SQLite JDBC" driver-version="3.51.1.0" dbms="SQLITE" exact-version="3.51.1" exact-driver-version="3.51">
|
||||
<identifier-quote-string>"</identifier-quote-string>
|
||||
|
||||
@@ -36,6 +36,9 @@
|
||||
- JavaScript wird verwendet, um im erweitertem Beitragseditor clientseitig einzelne Content-Boxen erstellen und löschen
|
||||
zu können.
|
||||
- JavaScript wird ebenfalls verwendet, um in die Suchergebnisse clientseitig zu sortieren.
|
||||
- Die Kommentarfunktion ist zusätzlich auch ohne JavaScript nutzbar. Kommentare und Antworten können auch ohne JavaScript erstellt werden.
|
||||
- Eigene Kommentare und Antworten können bearbeitet und gelöscht werden. Die Bearbeitung und das Löschen funktionieren ebenfalls ohne JavaScript über normale Formulare und serverseitige Verarbeitung.
|
||||
|
||||
|
||||
## Sonstiges
|
||||
- Das Datenschema befindet sich unter /planung/Datenschema.pdf
|
||||
|
||||
+87
-128
@@ -4,48 +4,18 @@ if (session_status() === PHP_SESSION_NONE) {
|
||||
}
|
||||
|
||||
$all_results = $_SESSION["search_results"] ?? [];
|
||||
$query = $_SESSION["search_query"] ?? "";
|
||||
|
||||
// ---------------------------------------------------------------
|
||||
// Parameter aus der URL lesen & validieren
|
||||
// ---------------------------------------------------------------
|
||||
$allowedCategories = [
|
||||
'all', 'Deutsch', 'Englisch', 'Franzoesisch', 'Latein', 'Literatur',
|
||||
'Mathematik', 'Biologie', 'Informatik', 'Chemie', 'Physik', 'Astronomie',
|
||||
'Geschichte', 'Erdkunde', 'Sozialkunde', 'Wirtschaftskunde', 'Religion',
|
||||
'Ethikunterricht', 'Philosophie', 'Psychologie', 'Kunst', 'Musik',
|
||||
'Theater', 'Technik', 'Werken', 'Hauswirtschaft', 'Sport',
|
||||
];
|
||||
|
||||
$category = $_GET['category'] ?? 'all';
|
||||
if (!in_array($category, $allowedCategories, true)) {
|
||||
$category = 'all';
|
||||
}
|
||||
$query = $_SESSION["search_query"] ?? "";
|
||||
$totalResultsCount = count($all_results);
|
||||
|
||||
$limit = isset($_GET['limit']) ? (int)$_GET['limit'] : 10;
|
||||
if (!in_array($limit, [10, 20, 50, 100], true)) {
|
||||
if (!in_array($limit, [10, 20, 50, 100])) {
|
||||
$limit = 10;
|
||||
}
|
||||
|
||||
$currentSort = $_SESSION['search_sort'] ?? 'alphabet';
|
||||
|
||||
// ---------------------------------------------------------------
|
||||
// Diese Berechnung ist der Server-seitige Fallback für Nutzer ohne
|
||||
// JavaScript. Sobald JS aktiv ist, übernimmt js/search-results.js
|
||||
// Filterung, Sortierung und Pagination komplett im Browser (auf
|
||||
// Basis des unten eingebetteten JSON-Datensatzes) und überschreibt
|
||||
// diese Ausgabe live, ohne dass eine neue Seite geladen wird.
|
||||
// ---------------------------------------------------------------
|
||||
$filteredResults = $all_results;
|
||||
if ($category !== 'all') {
|
||||
$filteredResults = array_values(array_filter($filteredResults, function ($item) use ($category) {
|
||||
return ($item['category'] ?? '') === $category;
|
||||
}));
|
||||
}
|
||||
|
||||
$totalResultsCount = count($filteredResults);
|
||||
$totalPages = max(1, (int)ceil($totalResultsCount / $limit));
|
||||
// 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;
|
||||
@@ -53,68 +23,42 @@ if ($currentPage < 1) {
|
||||
$currentPage = $totalPages;
|
||||
}
|
||||
|
||||
$offset = ($currentPage - 1) * $limit;
|
||||
$results = array_slice($filteredResults, $offset, $limit);
|
||||
// Startpunkt im Array berechnen (Offset)
|
||||
$offset = ($currentPage - 1) * $limit;
|
||||
|
||||
// Nur die Ergebnisse für die aktuelle Seite ausschneiden
|
||||
//$results = array_slice($all_results, $offset, $limit);
|
||||
$results = $all_results;
|
||||
$resultCount = count($results);
|
||||
|
||||
// Hilfsfunktion, um Pagination-Links zu bauen, die alle aktuellen
|
||||
// Parameter (q, sort, limit, category) beibehalten.
|
||||
function buildPageUrl(int $page, string $query, string $sort, int $limit, string $category): string
|
||||
{
|
||||
$params = [
|
||||
'pfad' => 'search-results',
|
||||
'q' => $query,
|
||||
'sort' => $sort,
|
||||
'limit' => $limit,
|
||||
'category' => $category,
|
||||
'page' => $page,
|
||||
];
|
||||
return 'index.php?' . http_build_query($params);
|
||||
}
|
||||
|
||||
// ---------------------------------------------------------------
|
||||
// JSON-Datensatz für die clientseitige Aufbereitung (Filter,
|
||||
// Sortierung, Pagination) durch js/search-results.js. Enthält ALLE
|
||||
// Treffer der Suche (unabhängig von Kategorie/Sortierung/Seite),
|
||||
// damit im Browser ohne weitere Serveranfragen gearbeitet werden kann.
|
||||
// ---------------------------------------------------------------
|
||||
$jsonItems = array_map(function ($item) {
|
||||
$likes = isset($item['likes']) && is_array($item['likes']) ? count($item['likes']) : ($item['likes'] ?? 0);
|
||||
return [
|
||||
'id' => $item['id'] ?? null,
|
||||
'title' => $item['title'] ?? '',
|
||||
'author' => $item['author'] ?? '',
|
||||
'category' => $item['category'] ?? '',
|
||||
'likes' => $likes,
|
||||
'creationDate'=> $item['creationDate'] ?? '',
|
||||
];
|
||||
}, $all_results);
|
||||
?>
|
||||
<noscript>
|
||||
Bitte JavaScript aktivieren, um die volle Funktionalität (Live-Filterung ohne Neuladen) zu nutzen. Die Seite funktioniert auch ohne JavaScript – Sortierung, Filterung und Seitenwechsel erfolgen dann über die Formular- bzw. Link-Auswahl.
|
||||
Bitte JavaScript aktivieren!
|
||||
</noscript>
|
||||
<!--
|
||||
Seite: Suchergebnisse
|
||||
Inhalt: Zeigt die Ergebnisse einer Suche an
|
||||
Seite: Suchergebnisse
|
||||
Inhalt: Zeigt die Ergebnisse einer Suche an
|
||||
-->
|
||||
<div class="s-res-layout-grid">
|
||||
<?php include_once "includes/alertMessages.php" ?>
|
||||
<?php include_once "includes/alertMessages.php"?>
|
||||
|
||||
<!-- Links: Seitenleiste für Filter und Suche -->
|
||||
<aside class="s-res-sidebar">
|
||||
<!-- Sortierfuntion Box und Such Box -->
|
||||
<form action="php/controller/search-results-controller.php" method="GET" id="searchform-id" class="s-res-sidebar-form">
|
||||
|
||||
<input type="hidden" id="s-res-page-input" name="page" value="<?php echo (int)$currentPage; ?>">
|
||||
<!-- 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>
|
||||
<input type="search" id="site-search" name="q" placeholder="Suchen..." class="nav__search" value="<?php echo htmlspecialchars($query); ?>" maxlength="50" required>
|
||||
<button type="submit" class="nav__search-button">Suchen</button>
|
||||
</div>
|
||||
|
||||
<div class="s-res-sidebar-box">
|
||||
<h3 class="s-res-sidebar-title">Sortierung</h3>
|
||||
<?php $currentSort = $_SESSION['search_sort'] ?? 'alphabet'; ?>
|
||||
<div class="s-res-filter-group">
|
||||
<label class="s-res-filter-option">
|
||||
<input type="radio" name="sort" value="alphabet" class="sort-radio" <?php echo $currentSort === 'alphabet' ? 'checked' : ''; ?>>
|
||||
@@ -137,38 +81,57 @@ $jsonItems = array_map(function ($item) {
|
||||
|
||||
<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;">
|
||||
<?php foreach ($allowedCategories as $catValue):
|
||||
$label = $catValue === 'all' ? 'Alle Kategorien' : ($catValue === 'Franzoesisch' ? 'Französisch' : $catValue);
|
||||
?>
|
||||
<option value="<?php echo htmlspecialchars($catValue); ?>" <?php echo $category === $catValue ? 'selected' : ''; ?>>
|
||||
<?php echo htmlspecialchars($label); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
<select 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>
|
||||
|
||||
<!-- Für Nutzer ohne JavaScript: expliziter Button, um Sortierung/Kategorie anzuwenden -->
|
||||
<noscript>
|
||||
<button type="submit" class="nav__search-button">Filter anwenden</button>
|
||||
</noscript>
|
||||
</form>
|
||||
|
||||
</aside>
|
||||
|
||||
<main class="s-res-main-content">
|
||||
|
||||
<div class="s-res-header">
|
||||
<h1 class="s-res-main-title">Suchergebnisse</h1>
|
||||
<p class="s-res-meta" data-query="<?php echo htmlspecialchars($query); ?>">
|
||||
<?php echo $totalResultsCount; ?> 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: serverseitig gerendert (No-JS-Fallback). Wird bei aktivem JS durch js/search-results.js live ersetzt. -->
|
||||
<!-- Ergebnisliste -->
|
||||
<div class="s-res-list">
|
||||
<?php if (!empty($results)): ?>
|
||||
<?php foreach ($results as $item):
|
||||
<?php
|
||||
if (!empty($results)): ?>
|
||||
|
||||
<?php foreach ($results as $item):
|
||||
// Anzahl der Likes ermitteln (falls es ein Array ist, zählen; falls Zahl, direkt nutzen)
|
||||
$likesCount = isset($item['likes']) && is_array($item['likes']) ? count($item['likes']) : ($item['likes'] ?? 0);
|
||||
?>
|
||||
?>
|
||||
<div class="s-res-item" data-likes="<?php echo $likesCount; ?>" data-category="<?php echo strtolower($item['category'] ?? ''); ?>">
|
||||
<div class="s-res-content">
|
||||
<h2 class="s-res-item-title">
|
||||
@@ -178,25 +141,35 @@ $jsonItems = array_map(function ($item) {
|
||||
</h2>
|
||||
<div class="s-res-meta-row">
|
||||
<p class="s-res-author">Von: <span class="s-res-author-name"><?php echo htmlspecialchars($item['author']); ?></span></p>
|
||||
<span class="s-res-likes"> ❤️ <?php echo $likesCount; ?></span>
|
||||
|
||||
<span class="s-res-likes">
|
||||
❤️ <?php echo $likesCount; ?>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="s-res-arrow">→</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php elseif (isset($_SESSION["search_query"]) && $_SESSION["search_query"] !== "" && $resultCount === 0): ?>
|
||||
<p>Keine Beiträge zu diesem Suchbegriff gefunden.</p>
|
||||
<?php elseif (isset($_SESSION["message"]) && $_SESSION["message"] == "invalid_search_query"): ?>
|
||||
<p>Unzulässige Suchanfrage</p>
|
||||
<?php endif; ?>
|
||||
<?php unset($_SESSION["message"]); ?>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
elseif (isset($_SESSION["search_query"]) && $_SESSION["search_query"] !== "" && $resultCount === 0): ?>
|
||||
<p>Keine Beiträge zu diesem Suchbegriff gefunden.</p>
|
||||
<?php
|
||||
elseif (isset($_SESSION["message"]) && $_SESSION["message"] == "invalid_search_query"): ?>
|
||||
<p>Unzulässige Suchanfrage</p>
|
||||
|
||||
<?php endif; ?>
|
||||
<?php
|
||||
unset($_SESSION["message"]);
|
||||
?>
|
||||
|
||||
</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="searchform-id" 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>
|
||||
@@ -204,29 +177,15 @@ $jsonItems = array_map(function ($item) {
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- No-JS-Fallback: echte Links, die serverseitig neu paginieren -->
|
||||
<div class="s-res-page-navigation">
|
||||
<?php if ($currentPage > 1): ?>
|
||||
<a class="s-res-page-btn" href="<?php echo htmlspecialchars(buildPageUrl($currentPage - 1, $query, $currentSort, $limit, $category)); ?>">«</a>
|
||||
<?php else: ?>
|
||||
<span class="s-res-page-btn" aria-disabled="true">«</span>
|
||||
<?php endif; ?>
|
||||
|
||||
<span id="dynamic-page-numbers">Seite <?php echo $currentPage; ?> von <?php echo $totalPages; ?></span>
|
||||
|
||||
<?php if ($currentPage < $totalPages): ?>
|
||||
<a class="s-res-page-btn" href="<?php echo htmlspecialchars(buildPageUrl($currentPage + 1, $query, $currentSort, $limit, $category)); ?>">»</a>
|
||||
<?php else: ?>
|
||||
<span class="s-res-page-btn" aria-disabled="true">»</span>
|
||||
<?php endif; ?>
|
||||
<button type="button" class="s-res-page-btn" id="prev-page-btn" data-page="0">«</button>
|
||||
|
||||
<span id="dynamic-page-numbers"></span>
|
||||
|
||||
<button type="button" class="s-res-page-btn" id="next-page-btn" data-page="2">»</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<!-- Vollständiger, ungefilterter Ergebnis-Datensatz für die clientseitige
|
||||
Filterung/Sortierung/Pagination (siehe js/search-results.js).
|
||||
JSON_HEX_* verhindert das Ausbrechen aus dem <script>-Tag bzw. XSS. -->
|
||||
<script type="application/json" id="s-res-data">
|
||||
<?php echo json_encode($jsonItems, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP); ?>
|
||||
</script>
|
||||
</div>
|
||||
|
||||
+310
-26
@@ -5,6 +5,34 @@ $repliesByParent = [];
|
||||
$articleObj = null;
|
||||
|
||||
include_once 'php/controller/showArticle-controller.php';
|
||||
/*
|
||||
* Ermittelt, ob ohne JavaScript auf einen Kommentar
|
||||
* geantwortet werden soll.
|
||||
*/
|
||||
$replyTo = filter_input(
|
||||
INPUT_GET,
|
||||
"reply_to",
|
||||
FILTER_VALIDATE_INT
|
||||
);
|
||||
|
||||
$replyAuthor = null;
|
||||
|
||||
if ($replyTo !== false && $replyTo !== null) {
|
||||
foreach ($mainComments as $mainComment) {
|
||||
if ($mainComment->getId() === $replyTo) {
|
||||
$replyAuthor = $mainComment->getAuthor();
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Eine Antwort darf nur auf einen existierenden
|
||||
* Hauptkommentar geschrieben werden.
|
||||
*/
|
||||
if ($replyAuthor === null) {
|
||||
$replyTo = null;
|
||||
}
|
||||
?>
|
||||
<!--
|
||||
Seite: Anzeige für Beiträge
|
||||
@@ -17,8 +45,6 @@ include_once 'php/controller/showArticle-controller.php';
|
||||
<!-- Metadaten & Titel -->
|
||||
<div class="article-view-top-section">
|
||||
|
||||
<div class="article-view-top-section">
|
||||
|
||||
<div class="category-and-likes-row">
|
||||
<?php if (isset($category) && !empty($category)): ?>
|
||||
<span class="article-view-category"><?php echo htmlspecialchars($category); ?></span>
|
||||
@@ -106,39 +132,268 @@ include_once 'php/controller/showArticle-controller.php';
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<section class="article-comments-section">
|
||||
<section class="article-comments-section" id="comments">
|
||||
<h2>Kommentare</h2>
|
||||
|
||||
<?php if (isset($_SESSION["comment_message"])): ?>
|
||||
<div class="alert-message <?php
|
||||
echo ($_SESSION["comment_message_type"] ?? "") === "success"
|
||||
? "is-success"
|
||||
: "is-error";
|
||||
?>">
|
||||
<?php echo htmlspecialchars($_SESSION["comment_message"]); ?>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
unset($_SESSION["comment_message"]);
|
||||
unset($_SESSION["comment_message_type"]);
|
||||
?>
|
||||
<?php endif; ?>
|
||||
|
||||
<div id="comments-list">
|
||||
<?php if (!empty($mainComments)): ?>
|
||||
<?php foreach ($mainComments as $comment): ?>
|
||||
<div class="comment-item" data-comment-id="<?php echo htmlspecialchars($comment->getId()); ?>">
|
||||
<p>
|
||||
<strong><?php echo htmlspecialchars($comment->getAuthor()); ?></strong>
|
||||
<span><?php echo htmlspecialchars($comment->getCreated()); ?></span>
|
||||
</p>
|
||||
<div class="comment-item"
|
||||
data-comment-id="<?php echo htmlspecialchars(
|
||||
(string) $comment->getId()
|
||||
); ?>">
|
||||
|
||||
<p><?php echo nl2br(htmlspecialchars($comment->getContent())); ?></p>
|
||||
<?php
|
||||
$isDeleted = $comment->getContent()
|
||||
=== "Dieser Kommentar wurde gelöscht.";
|
||||
?>
|
||||
|
||||
<?php if ($isDeleted): ?>
|
||||
|
||||
<p class="deleted-comment">
|
||||
Dieser Kommentar wurde gelöscht.
|
||||
</p>
|
||||
|
||||
<?php else: ?>
|
||||
|
||||
<p>
|
||||
<strong>
|
||||
<?php echo htmlspecialchars($comment->getAuthor()); ?>
|
||||
</strong>
|
||||
|
||||
<span>
|
||||
<?php echo htmlspecialchars($comment->getCreated()); ?>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<?php
|
||||
echo nl2br(
|
||||
htmlspecialchars($comment->getContent())
|
||||
);
|
||||
?>
|
||||
</p>
|
||||
|
||||
<?php if (
|
||||
isset($_SESSION["user_email"])
|
||||
&& $_SESSION["user_email"] === $comment->getAuthor()
|
||||
): ?>
|
||||
<details class="edit-comment-details">
|
||||
<summary class="edit-comment-button">
|
||||
Kommentar bearbeiten
|
||||
</summary>
|
||||
|
||||
<form method="post"
|
||||
action="index.php?pfad=updateComment"
|
||||
class="edit-comment-form">
|
||||
|
||||
<input type="hidden"
|
||||
name="comment_id"
|
||||
value="<?php echo htmlspecialchars(
|
||||
(string) $comment->getId()
|
||||
); ?>">
|
||||
|
||||
<input type="hidden"
|
||||
name="article_id"
|
||||
value="<?php echo htmlspecialchars(
|
||||
(string) $comment->getArticleId()
|
||||
); ?>">
|
||||
|
||||
<label for="edit-comment-<?php
|
||||
echo htmlspecialchars((string) $comment->getId());
|
||||
?>">
|
||||
Kommentar bearbeiten
|
||||
</label>
|
||||
|
||||
<textarea
|
||||
id="edit-comment-<?php
|
||||
echo htmlspecialchars((string) $comment->getId());
|
||||
?>"
|
||||
name="content"
|
||||
required><?php echo htmlspecialchars(
|
||||
$comment->getContent()
|
||||
); ?></textarea>
|
||||
|
||||
<button type="submit" class="button">
|
||||
Änderungen speichern
|
||||
</button>
|
||||
</form>
|
||||
</details>
|
||||
|
||||
<form method="post"
|
||||
action="index.php?pfad=deleteComment"
|
||||
class="delete-comment-form">
|
||||
|
||||
<input type="hidden"
|
||||
name="comment_id"
|
||||
value="<?php echo htmlspecialchars(
|
||||
(string) $comment->getId()
|
||||
); ?>">
|
||||
|
||||
<input type="hidden"
|
||||
name="article_id"
|
||||
value="<?php echo htmlspecialchars(
|
||||
(string) $comment->getArticleId()
|
||||
); ?>">
|
||||
|
||||
<button type="submit"
|
||||
class="delete-comment-button"
|
||||
onclick="return confirm('Möchtest du diesen Kommentar wirklich löschen?');">
|
||||
Kommentar löschen
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (isset($_SESSION["user_email"])): ?>
|
||||
|
||||
<a href="index.php?pfad=<?php
|
||||
echo urlencode($_GET["pfad"] ?? "showArticle");
|
||||
?>&id=<?php
|
||||
echo urlencode((string) $comment->getArticleId());
|
||||
?>&reply_to=<?php
|
||||
echo urlencode((string) $comment->getId());
|
||||
?>#comment-form"
|
||||
class="reply-button"
|
||||
data-comment-id="<?php echo htmlspecialchars(
|
||||
(string) $comment->getId()
|
||||
); ?>"
|
||||
data-author="<?php echo htmlspecialchars(
|
||||
$comment->getAuthor()
|
||||
); ?>">
|
||||
|
||||
Antworten
|
||||
</a>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (isset($_SESSION["user_email"])): ?>
|
||||
<button type="button"
|
||||
class="reply-button"
|
||||
data-comment-id="<?php echo htmlspecialchars($comment->getId()); ?>"
|
||||
data-author="<?php echo htmlspecialchars($comment->getAuthor()); ?>">
|
||||
Antworten
|
||||
</button>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="comment-replies">
|
||||
<?php if (isset($repliesByParent[$comment->getId()])): ?>
|
||||
<?php foreach ($repliesByParent[$comment->getId()] as $reply): ?>
|
||||
<div class="comment-item comment-reply">
|
||||
<p>
|
||||
<strong><?php echo htmlspecialchars($reply->getAuthor()); ?></strong>
|
||||
<span><?php echo htmlspecialchars($reply->getCreated()); ?></span>
|
||||
</p>
|
||||
|
||||
<p><?php echo nl2br(htmlspecialchars($reply->getContent())); ?></p>
|
||||
<?php
|
||||
$isReplyDeleted = $reply->getContent()
|
||||
=== "Dieser Kommentar wurde gelöscht.";
|
||||
?>
|
||||
|
||||
<?php if ($isReplyDeleted): ?>
|
||||
|
||||
<p class="deleted-comment">
|
||||
Dieser Kommentar wurde gelöscht.
|
||||
</p>
|
||||
|
||||
<?php else: ?>
|
||||
|
||||
<p>
|
||||
<strong>
|
||||
<?php echo htmlspecialchars($reply->getAuthor()); ?>
|
||||
</strong>
|
||||
|
||||
<span>
|
||||
<?php echo htmlspecialchars($reply->getCreated()); ?>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<?php
|
||||
echo nl2br(
|
||||
htmlspecialchars($reply->getContent())
|
||||
);
|
||||
?>
|
||||
</p>
|
||||
|
||||
<?php if (
|
||||
isset($_SESSION["user_email"])
|
||||
&& $_SESSION["user_email"] === $reply->getAuthor()
|
||||
): ?>
|
||||
|
||||
<details class="edit-comment-details">
|
||||
<summary class="edit-comment-button">
|
||||
Antwort bearbeiten
|
||||
</summary>
|
||||
|
||||
<form method="post"
|
||||
action="index.php?pfad=updateComment"
|
||||
class="edit-comment-form">
|
||||
|
||||
<input type="hidden"
|
||||
name="comment_id"
|
||||
value="<?php echo htmlspecialchars(
|
||||
(string) $reply->getId()
|
||||
); ?>">
|
||||
|
||||
<input type="hidden"
|
||||
name="article_id"
|
||||
value="<?php echo htmlspecialchars(
|
||||
(string) $reply->getArticleId()
|
||||
); ?>">
|
||||
|
||||
<label for="edit-reply-<?php
|
||||
echo htmlspecialchars((string) $reply->getId());
|
||||
?>">
|
||||
Antwort bearbeiten
|
||||
</label>
|
||||
|
||||
<textarea
|
||||
id="edit-reply-<?php
|
||||
echo htmlspecialchars((string) $reply->getId());
|
||||
?>"
|
||||
name="content"
|
||||
required><?php echo htmlspecialchars(
|
||||
$reply->getContent()
|
||||
); ?></textarea>
|
||||
|
||||
<button type="submit" class="button">
|
||||
Änderungen speichern
|
||||
</button>
|
||||
</form>
|
||||
</details>
|
||||
|
||||
<form method="post"
|
||||
action="index.php?pfad=deleteComment"
|
||||
class="delete-comment-form">
|
||||
|
||||
<input type="hidden"
|
||||
name="comment_id"
|
||||
value="<?php echo htmlspecialchars(
|
||||
(string) $reply->getId()
|
||||
); ?>">
|
||||
|
||||
<input type="hidden"
|
||||
name="article_id"
|
||||
value="<?php echo htmlspecialchars(
|
||||
(string) $reply->getArticleId()
|
||||
); ?>">
|
||||
|
||||
<button type="submit"
|
||||
class="delete-comment-button"
|
||||
onclick="return confirm('Möchtest du diesen Kommentar wirklich löschen?');">
|
||||
Kommentar löschen
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
@@ -153,17 +408,46 @@ include_once 'php/controller/showArticle-controller.php';
|
||||
</div>
|
||||
|
||||
<?php if (isset($_SESSION["user_email"])): ?>
|
||||
<form id="comment-form">
|
||||
<form id="comment-form"
|
||||
method="post"
|
||||
action="php/ajax/add-comment.php">
|
||||
|
||||
<input type="hidden"
|
||||
name="article_id"
|
||||
value="<?php echo htmlspecialchars($_GET["id"] ?? ""); ?>">
|
||||
value="<?php echo htmlspecialchars(
|
||||
(string) ($_GET["id"] ?? "")
|
||||
); ?>">
|
||||
|
||||
<input type="hidden"
|
||||
name="parent_comment_id"
|
||||
id="parent-comment-id"
|
||||
value="">
|
||||
value="<?php echo $replyTo !== null
|
||||
? htmlspecialchars((string) $replyTo)
|
||||
: "";
|
||||
?>">
|
||||
|
||||
<p id="reply-info" class="reply-info" style="display: none;"></p>
|
||||
<p id="reply-info"
|
||||
class="reply-info"
|
||||
<?php if ($replyAuthor === null): ?>
|
||||
style="display: none;"
|
||||
<?php endif; ?>>
|
||||
|
||||
<?php if ($replyAuthor !== null): ?>
|
||||
Antwort auf <?php echo htmlspecialchars($replyAuthor); ?>
|
||||
|
||||
<a href="index.php?pfad=<?php
|
||||
echo urlencode($_GET["pfad"] ?? "showArticle");
|
||||
?>&id=<?php
|
||||
echo urlencode((string) ($_GET["id"] ?? ""));
|
||||
?>#comment-form">
|
||||
Abbrechen
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
</p>
|
||||
|
||||
<label for="comment-content">
|
||||
Kommentar
|
||||
</label>
|
||||
|
||||
<textarea name="content"
|
||||
id="comment-content"
|
||||
@@ -181,4 +465,4 @@ include_once 'php/controller/showArticle-controller.php';
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</section>
|
||||
</main>
|
||||
</main>
|
||||
|
||||
@@ -34,11 +34,20 @@ if ($pfad === "logout") {
|
||||
include_once "php/controller/logout-controller.php";
|
||||
exit();
|
||||
}
|
||||
|
||||
if ($pfad === "deleteAccount") {
|
||||
include_once "php/controller/deleteAccount-controller.php";
|
||||
exit();
|
||||
}
|
||||
|
||||
if ($pfad === "updateComment") {
|
||||
include_once "php/controller/updateComment-controller.php";
|
||||
exit();
|
||||
}
|
||||
|
||||
if ($pfad === "deleteComment") {
|
||||
include_once "php/controller/deleteComment-controller.php";
|
||||
exit();
|
||||
}
|
||||
?>
|
||||
|
||||
<!--
|
||||
@@ -65,12 +74,11 @@ if ($pfad === "deleteAccount") {
|
||||
<link rel="stylesheet" href="css/message.css">
|
||||
<link rel="stylesheet" href="css/showCategory.css">
|
||||
|
||||
<!--<script src="js/paginator.js" async></script>
|
||||
<script src="js/sorter.js" async></script>-->
|
||||
<script src="js/paginator.js" async></script>
|
||||
<script src="js/sorter.js" async></script>
|
||||
<script src="js/comments.js" defer></script>
|
||||
<script src="js/editor.js" async></script>
|
||||
<!--<script src="js/filter.js" async></script>-->
|
||||
<script src="js/search-results.js" async></script>
|
||||
<script src="js/filter.js" async></script>
|
||||
|
||||
<title>EduForge</title>
|
||||
</head>
|
||||
|
||||
+192
-43
@@ -11,20 +11,31 @@ document.addEventListener("DOMContentLoaded", function () {
|
||||
const parentCommentInput = document.getElementById("parent-comment-id");
|
||||
const replyInfo = document.getElementById("reply-info");
|
||||
|
||||
if (!form || !commentsList || !commentContent || !parentCommentInput || !replyInfo) {
|
||||
if (!form || !commentsList || !commentContent || !parentCommentInput) {
|
||||
return;
|
||||
}
|
||||
|
||||
/**
|
||||
* Aktiviert einen einzelnen Antworten-Button.
|
||||
* Aktiviert einen einzelnen Antworten-Link.
|
||||
*
|
||||
* @param {HTMLButtonElement} button Antworten-Button
|
||||
* @param {HTMLAnchorElement} replyLink Antworten-Link
|
||||
*/
|
||||
function registerReplyButton(button) {
|
||||
button.addEventListener("click", function () {
|
||||
parentCommentInput.value = button.dataset.commentId;
|
||||
replyInfo.textContent = "Antwort auf " + button.dataset.author;
|
||||
replyInfo.style.display = "block";
|
||||
function registerReplyButton(replyLink) {
|
||||
replyLink.addEventListener("click", function (event) {
|
||||
/*
|
||||
* Mit JavaScript wird die Seite nicht neu geladen.
|
||||
* Ohne JavaScript funktioniert der normale Link.
|
||||
*/
|
||||
event.preventDefault();
|
||||
|
||||
parentCommentInput.value = replyLink.dataset.commentId;
|
||||
|
||||
if (replyInfo) {
|
||||
replyInfo.textContent =
|
||||
"Antwort auf " + replyLink.dataset.author;
|
||||
replyInfo.style.display = "block";
|
||||
}
|
||||
|
||||
commentContent.focus();
|
||||
});
|
||||
}
|
||||
@@ -45,18 +56,29 @@ document.addEventListener("DOMContentLoaded", function () {
|
||||
const formData = new FormData(form);
|
||||
const parentCommentId = parentCommentInput.value;
|
||||
|
||||
fetch("php/ajax/add-comment.php", {
|
||||
fetch(form.action, {
|
||||
method: "POST",
|
||||
body: formData
|
||||
body: formData,
|
||||
headers: {
|
||||
"X-Requested-With": "XMLHttpRequest"
|
||||
}
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
.then(function (response) {
|
||||
if (!response.ok) {
|
||||
throw new Error("Fehlerhafte Serverantwort.");
|
||||
}
|
||||
|
||||
return response.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
if (!data.success) {
|
||||
alert(data.message);
|
||||
return;
|
||||
}
|
||||
|
||||
const emptyMessage = commentsList.querySelector(".no-comments-message");
|
||||
const emptyMessage = commentsList.querySelector(
|
||||
".no-comments-message"
|
||||
);
|
||||
|
||||
if (emptyMessage) {
|
||||
emptyMessage.remove();
|
||||
@@ -64,49 +86,172 @@ document.addEventListener("DOMContentLoaded", function () {
|
||||
|
||||
const commentElement = document.createElement("div");
|
||||
commentElement.classList.add("comment-item");
|
||||
commentElement.dataset.commentId = data.commentId;
|
||||
|
||||
if (parentCommentId) {
|
||||
if (parentCommentId !== "") {
|
||||
commentElement.classList.add("comment-reply");
|
||||
|
||||
commentElement.innerHTML = `
|
||||
<p>
|
||||
<strong>${escapeHtml(data.author)}</strong>
|
||||
<span>${escapeHtml(data.created)}</span>
|
||||
</p>
|
||||
<p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
|
||||
`;
|
||||
<p>
|
||||
<strong>${escapeHtml(data.author)}</strong>
|
||||
<span>${escapeHtml(data.created)}</span>
|
||||
</p>
|
||||
|
||||
const parentReplies = document.querySelector(
|
||||
<p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
|
||||
|
||||
<details class="edit-comment-details">
|
||||
<summary class="edit-comment-button">
|
||||
Antwort bearbeiten
|
||||
</summary>
|
||||
|
||||
<form
|
||||
method="post"
|
||||
action="index.php?pfad=updateComment"
|
||||
class="edit-comment-form"
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
name="comment_id"
|
||||
value="${escapeHtml(data.commentId)}"
|
||||
>
|
||||
|
||||
<input
|
||||
type="hidden"
|
||||
name="article_id"
|
||||
value="${escapeHtml(formData.get("article_id"))}"
|
||||
>
|
||||
|
||||
<textarea
|
||||
name="content"
|
||||
required
|
||||
>${escapeHtml(data.content)}</textarea>
|
||||
|
||||
<button type="submit" class="button">
|
||||
Änderungen speichern
|
||||
</button>
|
||||
</form>
|
||||
</details>
|
||||
|
||||
<form
|
||||
method="post"
|
||||
action="index.php?pfad=deleteComment"
|
||||
class="delete-comment-form"
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
name="comment_id"
|
||||
value="${escapeHtml(data.commentId)}"
|
||||
>
|
||||
|
||||
<input
|
||||
type="hidden"
|
||||
name="article_id"
|
||||
value="${escapeHtml(formData.get("article_id"))}"
|
||||
>
|
||||
|
||||
<button
|
||||
type="submit"
|
||||
class="delete-comment-button"
|
||||
onclick="return confirm('Möchtest du diesen Kommentar wirklich löschen?');"
|
||||
>
|
||||
Kommentar löschen
|
||||
</button>
|
||||
</form>
|
||||
`;
|
||||
|
||||
const parentReplies = commentsList.querySelector(
|
||||
`.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>
|
||||
<p>
|
||||
<strong>${escapeHtml(data.author)}</strong>
|
||||
<span>${escapeHtml(data.created)}</span>
|
||||
</p>
|
||||
|
||||
<button type="button"
|
||||
class="reply-button"
|
||||
data-comment-id="${escapeHtml(data.commentId)}"
|
||||
data-author="${escapeHtml(data.author)}">
|
||||
Antworten
|
||||
</button>
|
||||
<p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
|
||||
|
||||
<div class="comment-replies"></div>
|
||||
`;
|
||||
<details class="edit-comment-details">
|
||||
<summary class="edit-comment-button">
|
||||
Kommentar bearbeiten
|
||||
</summary>
|
||||
|
||||
<form
|
||||
method="post"
|
||||
action="index.php?pfad=updateComment"
|
||||
class="edit-comment-form"
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
name="comment_id"
|
||||
value="${escapeHtml(data.commentId)}"
|
||||
>
|
||||
|
||||
<input
|
||||
type="hidden"
|
||||
name="article_id"
|
||||
value="${escapeHtml(formData.get("article_id"))}"
|
||||
>
|
||||
|
||||
<textarea
|
||||
name="content"
|
||||
required
|
||||
>${escapeHtml(data.content)}</textarea>
|
||||
|
||||
<button type="submit" class="button">
|
||||
Änderungen speichern
|
||||
</button>
|
||||
</form>
|
||||
</details>
|
||||
|
||||
<form
|
||||
method="post"
|
||||
action="index.php?pfad=deleteComment"
|
||||
class="delete-comment-form"
|
||||
>
|
||||
<input
|
||||
type="hidden"
|
||||
name="comment_id"
|
||||
value="${escapeHtml(data.commentId)}"
|
||||
>
|
||||
|
||||
<input
|
||||
type="hidden"
|
||||
name="article_id"
|
||||
value="${escapeHtml(formData.get("article_id"))}"
|
||||
>
|
||||
|
||||
<button
|
||||
type="submit"
|
||||
class="delete-comment-button"
|
||||
onclick="return confirm('Möchtest du diesen Kommentar wirklich löschen?');"
|
||||
>
|
||||
Kommentar löschen
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<a
|
||||
href="#comment-form"
|
||||
class="reply-button"
|
||||
data-comment-id="${escapeHtml(data.commentId)}"
|
||||
data-author="${escapeHtml(data.author)}"
|
||||
>
|
||||
Antworten
|
||||
</a>
|
||||
|
||||
<div class="comment-replies"></div>
|
||||
`;
|
||||
|
||||
commentsList.prepend(commentElement);
|
||||
|
||||
const newReplyButton = commentElement.querySelector(".reply-button");
|
||||
const newReplyButton =
|
||||
commentElement.querySelector(".reply-button");
|
||||
|
||||
if (newReplyButton) {
|
||||
registerReplyButton(newReplyButton);
|
||||
@@ -115,10 +260,14 @@ document.addEventListener("DOMContentLoaded", function () {
|
||||
|
||||
commentContent.value = "";
|
||||
parentCommentInput.value = "";
|
||||
replyInfo.textContent = "";
|
||||
replyInfo.style.display = "none";
|
||||
|
||||
if (replyInfo) {
|
||||
replyInfo.textContent = "";
|
||||
replyInfo.style.display = "none";
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
.catch(function (error) {
|
||||
console.error(error);
|
||||
alert("Kommentar konnte nicht gesendet werden.");
|
||||
});
|
||||
});
|
||||
@@ -126,12 +275,12 @@ document.addEventListener("DOMContentLoaded", function () {
|
||||
/**
|
||||
* Entfernt HTML-Sonderzeichen aus Nutzereingaben.
|
||||
*
|
||||
* @param {string} text Zu bereinigender Text
|
||||
* @param {*} text Zu bereinigender Text
|
||||
* @returns {string} Sicherer Text
|
||||
*/
|
||||
function escapeHtml(text) {
|
||||
const div = document.createElement("div");
|
||||
div.textContent = text;
|
||||
div.textContent = String(text ?? "");
|
||||
return div.innerHTML;
|
||||
}
|
||||
});
|
||||
+3
-3
@@ -1,13 +1,13 @@
|
||||
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 wurde 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");
|
||||
|
||||
+22
-198
@@ -1,203 +1,27 @@
|
||||
/**
|
||||
* Übernimmt Filterung (Kategorie), Sortierung und Pagination der
|
||||
* Suchergebnisse vollständig clientseitig, ohne Neuladen der Seite.
|
||||
*
|
||||
* Voraussetzung: Im HTML liegt ein <script type="application/json" id="s-res-data">
|
||||
* mit allen Treffern der aktuellen Suche (siehe content/search-results.php).
|
||||
*
|
||||
* Ist kein JavaScript aktiv, bleibt die serverseitig gerenderte Ausgabe
|
||||
* (inkl. echter Pagination-Links und Formular-Submit) unverändert nutzbar.
|
||||
*/
|
||||
(function () {
|
||||
const DEFAULT_PER_PAGE = 10;
|
||||
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');
|
||||
|
||||
const state = {
|
||||
all: [],
|
||||
filtered: [],
|
||||
category: 'all',
|
||||
sort: 'alphabet',
|
||||
perPage: DEFAULT_PER_PAGE,
|
||||
page: 1,
|
||||
};
|
||||
pageButtons.forEach(button => {
|
||||
button.addEventListener('click', function() {
|
||||
if (this.disabled) return;
|
||||
|
||||
const els = {};
|
||||
const targetPage = this.getAttribute('data-page');
|
||||
|
||||
function init() {
|
||||
const dataScript = document.getElementById('s-res-data');
|
||||
const listContainer = document.querySelector('.s-res-list');
|
||||
if (!dataScript || !listContainer) {
|
||||
return; // keine Ergebnisliste auf dieser Seite vorhanden
|
||||
}
|
||||
|
||||
try {
|
||||
state.all = JSON.parse(dataScript.textContent);
|
||||
} catch (e) {
|
||||
console.error('Suchergebnis-Daten konnten nicht gelesen werden.', e);
|
||||
return;
|
||||
}
|
||||
|
||||
els.list = listContainer;
|
||||
els.categorySelect = document.getElementById('category-filter');
|
||||
els.perPageSelect = document.getElementById('s-res-per-page');
|
||||
els.sortRadios = document.querySelectorAll('.sort-radio');
|
||||
els.pagerContainer = document.querySelector('.s-res-page-navigation');
|
||||
els.metaCount = document.querySelector('.s-res-meta');
|
||||
|
||||
// Ausgangszustand aus dem serverseitig gerenderten Markup übernehmen,
|
||||
// damit Browser-zurück / geteilte Links konsistent bleiben.
|
||||
if (els.categorySelect) state.category = els.categorySelect.value || 'all';
|
||||
if (els.perPageSelect) state.perPage = parseInt(els.perPageSelect.value, 10) || DEFAULT_PER_PAGE;
|
||||
const checkedSort = document.querySelector('.sort-radio:checked');
|
||||
if (checkedSort) state.sort = checkedSort.value;
|
||||
|
||||
// Ab hier übernimmt JS: Formular-Steuerelemente lösen keinen
|
||||
// Seiten-Reload mehr aus, sondern rendern direkt neu.
|
||||
if (els.categorySelect) {
|
||||
els.categorySelect.addEventListener('change', function () {
|
||||
state.category = this.value;
|
||||
state.page = 1;
|
||||
render();
|
||||
});
|
||||
}
|
||||
if (els.perPageSelect) {
|
||||
els.perPageSelect.addEventListener('change', function () {
|
||||
state.perPage = parseInt(this.value, 10) || DEFAULT_PER_PAGE;
|
||||
state.page = 1;
|
||||
render();
|
||||
});
|
||||
}
|
||||
els.sortRadios.forEach(function (radio) {
|
||||
radio.addEventListener('change', function () {
|
||||
state.sort = this.value;
|
||||
state.page = 1;
|
||||
render();
|
||||
});
|
||||
if (targetPage && form && pageInput) {
|
||||
pageInput.value = targetPage;
|
||||
form.submit();
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
render();
|
||||
}
|
||||
|
||||
function sortItems(items, sortValue) {
|
||||
const copy = items.slice();
|
||||
switch (sortValue) {
|
||||
case 'likes':
|
||||
copy.sort(function (a, b) { return (b.likes || 0) - (a.likes || 0); });
|
||||
break;
|
||||
case 'newest':
|
||||
copy.sort(function (a, b) { return (b.creationDate || '').localeCompare(a.creationDate || ''); });
|
||||
break;
|
||||
case 'oldest':
|
||||
copy.sort(function (a, b) { return (a.creationDate || '').localeCompare(b.creationDate || ''); });
|
||||
break;
|
||||
case 'alphabet':
|
||||
default:
|
||||
copy.sort(function (a, b) { return a.title.localeCompare(b.title, 'de', { sensitivity: 'base' }); });
|
||||
break;
|
||||
}
|
||||
return copy;
|
||||
}
|
||||
|
||||
function render() {
|
||||
let items = state.all;
|
||||
if (state.category && state.category !== 'all') {
|
||||
items = items.filter(function (it) {
|
||||
return (it.category || '').toLowerCase() === state.category.toLowerCase();
|
||||
});
|
||||
}
|
||||
state.filtered = sortItems(items, state.sort);
|
||||
|
||||
const totalResults = state.filtered.length;
|
||||
const totalPages = Math.max(1, Math.ceil(totalResults / state.perPage));
|
||||
if (state.page > totalPages) state.page = totalPages;
|
||||
if (state.page < 1) state.page = 1;
|
||||
|
||||
const start = (state.page - 1) * state.perPage;
|
||||
const pageItems = state.filtered.slice(start, start + state.perPage);
|
||||
|
||||
renderList(pageItems);
|
||||
renderPager(totalPages);
|
||||
renderMeta(totalResults);
|
||||
}
|
||||
|
||||
function renderList(items) {
|
||||
els.list.innerHTML = '';
|
||||
|
||||
if (items.length === 0) {
|
||||
const p = document.createElement('p');
|
||||
p.textContent = 'Keine Beiträge zu diesem Suchbegriff gefunden.';
|
||||
els.list.appendChild(p);
|
||||
return;
|
||||
}
|
||||
|
||||
items.forEach(function (item) {
|
||||
const div = document.createElement('div');
|
||||
div.className = 's-res-item';
|
||||
div.setAttribute('data-likes', item.likes || 0);
|
||||
div.setAttribute('data-category', (item.category || '').toLowerCase());
|
||||
|
||||
div.innerHTML =
|
||||
'<div class="s-res-content">' +
|
||||
'<h2 class="s-res-item-title">' +
|
||||
'<a class="s-res-link"></a>' +
|
||||
'</h2>' +
|
||||
'<div class="s-res-meta-row">' +
|
||||
'<p class="s-res-author">Von: <span class="s-res-author-name"></span></p>' +
|
||||
'<span class="s-res-likes"></span>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'<div class="s-res-arrow">→</div>';
|
||||
|
||||
const link = div.querySelector('.s-res-link');
|
||||
link.href = 'index.php?pfad=showArticle&id=' + encodeURIComponent(item.id);
|
||||
link.textContent = item.title;
|
||||
div.querySelector('.s-res-author-name').textContent = item.author;
|
||||
div.querySelector('.s-res-likes').textContent = item.likes || 0;
|
||||
|
||||
els.list.appendChild(div);
|
||||
});
|
||||
}
|
||||
|
||||
function renderPager(totalPages) {
|
||||
if (!els.pagerContainer) return;
|
||||
els.pagerContainer.innerHTML = '';
|
||||
|
||||
const prevBtn = document.createElement('button');
|
||||
prevBtn.type = 'button';
|
||||
prevBtn.className = 's-res-page-btn';
|
||||
prevBtn.textContent = '\u00AB';
|
||||
prevBtn.disabled = state.page <= 1;
|
||||
prevBtn.addEventListener('click', function () { goToPage(state.page - 1); });
|
||||
els.pagerContainer.appendChild(prevBtn);
|
||||
|
||||
const span = document.createElement('span');
|
||||
span.id = 'dynamic-page-numbers';
|
||||
span.textContent = 'Seite ' + state.page + ' von ' + totalPages;
|
||||
els.pagerContainer.appendChild(span);
|
||||
|
||||
const nextBtn = document.createElement('button');
|
||||
nextBtn.type = 'button';
|
||||
nextBtn.className = 's-res-page-btn';
|
||||
nextBtn.textContent = '\u00BB';
|
||||
nextBtn.disabled = state.page >= totalPages;
|
||||
nextBtn.addEventListener('click', function () { goToPage(state.page + 1); });
|
||||
els.pagerContainer.appendChild(nextBtn);
|
||||
}
|
||||
|
||||
function renderMeta(totalResults) {
|
||||
if (!els.metaCount) return;
|
||||
const query = els.metaCount.getAttribute('data-query') || '';
|
||||
els.metaCount.textContent = totalResults + ' Treffer für Ihre Suchanfrage "' + query + '"';
|
||||
}
|
||||
|
||||
function goToPage(page) {
|
||||
state.page = page;
|
||||
render();
|
||||
els.list.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||
}
|
||||
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', init);
|
||||
} else {
|
||||
init();
|
||||
}
|
||||
})();
|
||||
// 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,203 +0,0 @@
|
||||
/**
|
||||
* Übernimmt Filterung (Kategorie), Sortierung und Pagination der
|
||||
* Suchergebnisse vollständig clientseitig, ohne Neuladen der Seite.
|
||||
*
|
||||
* Voraussetzung: Im HTML liegt ein <script type="application/json" id="s-res-data">
|
||||
* mit allen Treffern der aktuellen Suche (siehe content/search-results.php).
|
||||
*
|
||||
* Ist kein JavaScript aktiv, bleibt die serverseitig gerenderte Ausgabe
|
||||
* (inkl. echter Pagination-Links und Formular-Submit) unverändert nutzbar.
|
||||
*/
|
||||
(function () {
|
||||
const DEFAULT_PER_PAGE = 10;
|
||||
|
||||
const state = {
|
||||
all: [],
|
||||
filtered: [],
|
||||
category: 'all',
|
||||
sort: 'alphabet',
|
||||
perPage: DEFAULT_PER_PAGE,
|
||||
page: 1,
|
||||
};
|
||||
|
||||
const els = {};
|
||||
|
||||
function init() {
|
||||
const dataScript = document.getElementById('s-res-data');
|
||||
const listContainer = document.querySelector('.s-res-list');
|
||||
if (!dataScript || !listContainer) {
|
||||
return; // keine Ergebnisliste auf dieser Seite vorhanden
|
||||
}
|
||||
|
||||
try {
|
||||
state.all = JSON.parse(dataScript.textContent);
|
||||
} catch (e) {
|
||||
console.error('Suchergebnis-Daten konnten nicht gelesen werden.', e);
|
||||
return;
|
||||
}
|
||||
|
||||
els.list = listContainer;
|
||||
els.categorySelect = document.getElementById('category-filter');
|
||||
els.perPageSelect = document.getElementById('s-res-per-page');
|
||||
els.sortRadios = document.querySelectorAll('.sort-radio');
|
||||
els.pagerContainer = document.querySelector('.s-res-page-navigation');
|
||||
els.metaCount = document.querySelector('.s-res-meta');
|
||||
|
||||
// Ausgangszustand aus dem serverseitig gerenderten Markup übernehmen,
|
||||
// damit Browser-zurück / geteilte Links konsistent bleiben.
|
||||
if (els.categorySelect) state.category = els.categorySelect.value || 'all';
|
||||
if (els.perPageSelect) state.perPage = parseInt(els.perPageSelect.value, 10) || DEFAULT_PER_PAGE;
|
||||
const checkedSort = document.querySelector('.sort-radio:checked');
|
||||
if (checkedSort) state.sort = checkedSort.value;
|
||||
|
||||
// Ab hier übernimmt JS: Formular-Steuerelemente lösen keinen
|
||||
// Seiten-Reload mehr aus, sondern rendern direkt neu.
|
||||
if (els.categorySelect) {
|
||||
els.categorySelect.addEventListener('change', function () {
|
||||
state.category = this.value;
|
||||
state.page = 1;
|
||||
render();
|
||||
});
|
||||
}
|
||||
if (els.perPageSelect) {
|
||||
els.perPageSelect.addEventListener('change', function () {
|
||||
state.perPage = parseInt(this.value, 10) || DEFAULT_PER_PAGE;
|
||||
state.page = 1;
|
||||
render();
|
||||
});
|
||||
}
|
||||
els.sortRadios.forEach(function (radio) {
|
||||
radio.addEventListener('change', function () {
|
||||
state.sort = this.value;
|
||||
state.page = 1;
|
||||
render();
|
||||
});
|
||||
});
|
||||
|
||||
render();
|
||||
}
|
||||
|
||||
function sortItems(items, sortValue) {
|
||||
const copy = items.slice();
|
||||
switch (sortValue) {
|
||||
case 'likes':
|
||||
copy.sort(function (a, b) { return (b.likes || 0) - (a.likes || 0); });
|
||||
break;
|
||||
case 'newest':
|
||||
copy.sort(function (a, b) { return (b.creationDate || '').localeCompare(a.creationDate || ''); });
|
||||
break;
|
||||
case 'oldest':
|
||||
copy.sort(function (a, b) { return (a.creationDate || '').localeCompare(b.creationDate || ''); });
|
||||
break;
|
||||
case 'alphabet':
|
||||
default:
|
||||
copy.sort(function (a, b) { return a.title.localeCompare(b.title, 'de', { sensitivity: 'base' }); });
|
||||
break;
|
||||
}
|
||||
return copy;
|
||||
}
|
||||
|
||||
function render() {
|
||||
let items = state.all;
|
||||
if (state.category && state.category !== 'all') {
|
||||
items = items.filter(function (it) {
|
||||
return (it.category || '').toLowerCase() === state.category.toLowerCase();
|
||||
});
|
||||
}
|
||||
state.filtered = sortItems(items, state.sort);
|
||||
|
||||
const totalResults = state.filtered.length;
|
||||
const totalPages = Math.max(1, Math.ceil(totalResults / state.perPage));
|
||||
if (state.page > totalPages) state.page = totalPages;
|
||||
if (state.page < 1) state.page = 1;
|
||||
|
||||
const start = (state.page - 1) * state.perPage;
|
||||
const pageItems = state.filtered.slice(start, start + state.perPage);
|
||||
|
||||
renderList(pageItems);
|
||||
renderPager(totalPages);
|
||||
renderMeta(totalResults);
|
||||
}
|
||||
|
||||
function renderList(items) {
|
||||
els.list.innerHTML = '';
|
||||
|
||||
if (items.length === 0) {
|
||||
const p = document.createElement('p');
|
||||
p.textContent = 'Keine Beiträge zu diesem Suchbegriff gefunden.';
|
||||
els.list.appendChild(p);
|
||||
return;
|
||||
}
|
||||
|
||||
items.forEach(function (item) {
|
||||
const div = document.createElement('div');
|
||||
div.className = 's-res-item';
|
||||
div.setAttribute('data-likes', item.likes || 0);
|
||||
div.setAttribute('data-category', (item.category || '').toLowerCase());
|
||||
|
||||
div.innerHTML =
|
||||
'<div class="s-res-content">' +
|
||||
'<h2 class="s-res-item-title">' +
|
||||
'<a class="s-res-link"></a>' +
|
||||
'</h2>' +
|
||||
'<div class="s-res-meta-row">' +
|
||||
'<p class="s-res-author">Von: <span class="s-res-author-name"></span></p>' +
|
||||
'<span class="s-res-likes"></span>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'<div class="s-res-arrow">→</div>';
|
||||
|
||||
const link = div.querySelector('.s-res-link');
|
||||
link.href = 'index.php?pfad=showArticle&id=' + encodeURIComponent(item.id);
|
||||
link.textContent = item.title;
|
||||
div.querySelector('.s-res-author-name').textContent = item.author;
|
||||
div.querySelector('.s-res-likes').textContent = item.likes || 0;
|
||||
|
||||
els.list.appendChild(div);
|
||||
});
|
||||
}
|
||||
|
||||
function renderPager(totalPages) {
|
||||
if (!els.pagerContainer) return;
|
||||
els.pagerContainer.innerHTML = '';
|
||||
|
||||
const prevBtn = document.createElement('button');
|
||||
prevBtn.type = 'button';
|
||||
prevBtn.className = 's-res-page-btn';
|
||||
prevBtn.textContent = '\u00AB';
|
||||
prevBtn.disabled = state.page <= 1;
|
||||
prevBtn.addEventListener('click', function () { goToPage(state.page - 1); });
|
||||
els.pagerContainer.appendChild(prevBtn);
|
||||
|
||||
const span = document.createElement('span');
|
||||
span.id = 'dynamic-page-numbers';
|
||||
span.textContent = 'Seite ' + state.page + ' von ' + totalPages;
|
||||
els.pagerContainer.appendChild(span);
|
||||
|
||||
const nextBtn = document.createElement('button');
|
||||
nextBtn.type = 'button';
|
||||
nextBtn.className = 's-res-page-btn';
|
||||
nextBtn.textContent = '\u00BB';
|
||||
nextBtn.disabled = state.page >= totalPages;
|
||||
nextBtn.addEventListener('click', function () { goToPage(state.page + 1); });
|
||||
els.pagerContainer.appendChild(nextBtn);
|
||||
}
|
||||
|
||||
function renderMeta(totalResults) {
|
||||
if (!els.metaCount) return;
|
||||
const query = els.metaCount.getAttribute('data-query') || '';
|
||||
els.metaCount.textContent = totalResults + ' Treffer für Ihre Suchanfrage "' + query + '"';
|
||||
}
|
||||
|
||||
function goToPage(page) {
|
||||
state.page = page;
|
||||
render();
|
||||
els.list.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||
}
|
||||
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', init);
|
||||
} else {
|
||||
init();
|
||||
}
|
||||
})();
|
||||
+156
-30
@@ -3,32 +3,153 @@ if (session_status() === PHP_SESSION_NONE) {
|
||||
session_start();
|
||||
}
|
||||
|
||||
header("Content-Type: application/json");
|
||||
|
||||
require_once "../model/CommentManager.php";
|
||||
|
||||
if (!isset($_SESSION["user_email"])) {
|
||||
echo json_encode([
|
||||
"success" => false,
|
||||
"message" => "Du musst angemeldet sein, um zu kommentieren."
|
||||
]);
|
||||
/**
|
||||
* Prüft, ob die Anfrage durch JavaScript per AJAX gesendet wurde.
|
||||
*/
|
||||
$isAjaxRequest = isset($_SERVER["HTTP_X_REQUESTED_WITH"])
|
||||
&& strtolower($_SERVER["HTTP_X_REQUESTED_WITH"]) === "xmlhttprequest";
|
||||
|
||||
/**
|
||||
* Gibt das Ergebnis entweder als JSON zurück oder leitet
|
||||
* bei einem normalen Formularaufruf wieder zum Beitrag zurück.
|
||||
*
|
||||
* @param bool $success War das Speichern erfolgreich?
|
||||
* @param string $message Rückmeldung für den Benutzer
|
||||
* @param int|null $articleId ID des Beitrags
|
||||
* @param array $additionalData Zusätzliche Daten für AJAX
|
||||
*/
|
||||
function sendCommentResponse(
|
||||
$success,
|
||||
$message,
|
||||
$articleId,
|
||||
$additionalData = []
|
||||
) {
|
||||
global $isAjaxRequest;
|
||||
|
||||
if ($isAjaxRequest) {
|
||||
header("Content-Type: application/json; charset=utf-8");
|
||||
|
||||
echo json_encode(
|
||||
array_merge(
|
||||
[
|
||||
"success" => $success,
|
||||
"message" => $message
|
||||
],
|
||||
$additionalData
|
||||
)
|
||||
);
|
||||
|
||||
exit();
|
||||
}
|
||||
|
||||
/*
|
||||
* Bei deaktiviertem JavaScript wird die Rückmeldung
|
||||
* in der Session gespeichert und die Beitragsseite neu geladen.
|
||||
*/
|
||||
$_SESSION["comment_message"] = $message;
|
||||
$_SESSION["comment_message_type"] = $success ? "success" : "error";
|
||||
|
||||
if ($articleId !== null) {
|
||||
header(
|
||||
"Location: ../../index.php?pfad=showArticle&id="
|
||||
. urlencode((string) $articleId)
|
||||
. "#comments"
|
||||
);
|
||||
} else {
|
||||
header("Location: ../../index.php");
|
||||
}
|
||||
|
||||
exit();
|
||||
}
|
||||
|
||||
$articleId = $_POST["article_id"] ?? null;
|
||||
$content = trim($_POST["content"] ?? "");
|
||||
$parentCommentId = $_POST["parent_comment_id"] ?? null;
|
||||
/*
|
||||
* Nur POST-Anfragen dürfen Kommentare erstellen.
|
||||
*/
|
||||
if ($_SERVER["REQUEST_METHOD"] !== "POST") {
|
||||
sendCommentResponse(
|
||||
false,
|
||||
"Ungültige Anfrage.",
|
||||
null
|
||||
);
|
||||
}
|
||||
|
||||
if ($parentCommentId === "" || $parentCommentId === "0") {
|
||||
/*
|
||||
* Die Beitrags-ID wird zuerst eingelesen,
|
||||
* damit bei Fehlern wieder zum Beitrag zurückgeleitet werden kann.
|
||||
*/
|
||||
$articleId = filter_input(
|
||||
INPUT_POST,
|
||||
"article_id",
|
||||
FILTER_VALIDATE_INT
|
||||
);
|
||||
|
||||
/*
|
||||
* Ein Benutzer muss angemeldet sein.
|
||||
*/
|
||||
if (!isset($_SESSION["user_email"])) {
|
||||
sendCommentResponse(
|
||||
false,
|
||||
"Du musst angemeldet sein, um zu kommentieren.",
|
||||
$articleId !== false ? $articleId : null
|
||||
);
|
||||
}
|
||||
|
||||
/*
|
||||
* Weitere Formulardaten einlesen.
|
||||
*/
|
||||
|
||||
$content = trim($_POST["content"] ?? "");
|
||||
|
||||
$parentCommentId = filter_input(
|
||||
INPUT_POST,
|
||||
"parent_comment_id",
|
||||
FILTER_VALIDATE_INT
|
||||
);
|
||||
|
||||
/*
|
||||
* Ein leerer Wert bedeutet, dass es sich um einen
|
||||
* normalen Hauptkommentar handelt.
|
||||
*/
|
||||
if (
|
||||
!isset($_POST["parent_comment_id"])
|
||||
|| $_POST["parent_comment_id"] === ""
|
||||
|| $_POST["parent_comment_id"] === "0"
|
||||
) {
|
||||
$parentCommentId = null;
|
||||
}
|
||||
|
||||
if (empty($articleId) || empty($content)) {
|
||||
echo json_encode([
|
||||
"success" => false,
|
||||
"message" => "Kommentar darf nicht leer sein."
|
||||
]);
|
||||
exit();
|
||||
if ($articleId === false || $articleId === null) {
|
||||
sendCommentResponse(
|
||||
false,
|
||||
"Der zugehörige Beitrag ist ungültig.",
|
||||
null
|
||||
);
|
||||
}
|
||||
|
||||
if ($content === "") {
|
||||
sendCommentResponse(
|
||||
false,
|
||||
"Der Kommentar darf nicht leer sein.",
|
||||
$articleId
|
||||
);
|
||||
}
|
||||
|
||||
/*
|
||||
* Eine ungültige Eltern-ID darf nicht gespeichert werden.
|
||||
*/
|
||||
if (
|
||||
isset($_POST["parent_comment_id"])
|
||||
&& $_POST["parent_comment_id"] !== ""
|
||||
&& $_POST["parent_comment_id"] !== "0"
|
||||
&& $parentCommentId === false
|
||||
) {
|
||||
sendCommentResponse(
|
||||
false,
|
||||
"Der ausgewählte Kommentar ist ungültig.",
|
||||
$articleId
|
||||
);
|
||||
}
|
||||
|
||||
try {
|
||||
@@ -41,18 +162,23 @@ try {
|
||||
$parentCommentId
|
||||
);
|
||||
|
||||
echo json_encode([
|
||||
"success" => true,
|
||||
"commentId" => $commentId,
|
||||
"author" => $_SESSION["user_email"],
|
||||
"content" => $content,
|
||||
"created" => date("Y-m-d H:i:s"),
|
||||
"parentCommentId" => $parentCommentId
|
||||
]);
|
||||
sendCommentResponse(
|
||||
true,
|
||||
"Der Kommentar wurde erfolgreich gespeichert.",
|
||||
$articleId,
|
||||
[
|
||||
"commentId" => $commentId,
|
||||
"author" => $_SESSION["user_email"],
|
||||
"content" => $content,
|
||||
"created" => date("Y-m-d H:i:s"),
|
||||
"parentCommentId" => $parentCommentId
|
||||
]
|
||||
);
|
||||
|
||||
} catch (Exception $e) {
|
||||
echo json_encode([
|
||||
"success" => false,
|
||||
"message" => "Kommentar konnte nicht gespeichert werden."
|
||||
]);
|
||||
} catch (Throwable $e) {
|
||||
sendCommentResponse(
|
||||
false,
|
||||
"Der Kommentar konnte nicht gespeichert werden.",
|
||||
$articleId
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,105 @@
|
||||
<?php
|
||||
|
||||
if (session_status() === PHP_SESSION_NONE) {
|
||||
session_start();
|
||||
}
|
||||
|
||||
require_once __DIR__ . "/../model/CommentManager.php";
|
||||
|
||||
/*
|
||||
* Kommentare dürfen nur über ein POST-Formular gelöscht werden.
|
||||
*/
|
||||
if ($_SERVER["REQUEST_METHOD"] !== "POST") {
|
||||
header("Location: index.php");
|
||||
exit();
|
||||
}
|
||||
$commentId = filter_input(
|
||||
INPUT_POST,
|
||||
"comment_id",
|
||||
FILTER_VALIDATE_INT
|
||||
);
|
||||
|
||||
$articleId = filter_input(
|
||||
INPUT_POST,
|
||||
"article_id",
|
||||
FILTER_VALIDATE_INT
|
||||
);
|
||||
|
||||
/*
|
||||
* Nur angemeldete Nutzer dürfen Kommentare löschen.
|
||||
*/
|
||||
if (!isset($_SESSION["user_email"])) {
|
||||
$_SESSION["comment_message"] = "Du musst angemeldet sein.";
|
||||
$_SESSION["comment_message_type"] = "error";
|
||||
|
||||
if ($articleId !== false && $articleId !== null) {
|
||||
header(
|
||||
"Location: index.php?pfad=showArticle&id="
|
||||
. urlencode((string) $articleId)
|
||||
. "#comments"
|
||||
);
|
||||
} else {
|
||||
header("Location: index.php");
|
||||
}
|
||||
exit();
|
||||
}
|
||||
|
||||
/*
|
||||
* Kommentar-ID und Beitrags-ID müssen gültige Zahlen sein.
|
||||
*/
|
||||
if (
|
||||
$commentId === false
|
||||
|| $commentId === null
|
||||
|| $articleId === false
|
||||
|| $articleId === null
|
||||
) {
|
||||
$_SESSION["comment_message"] =
|
||||
"Der Kommentar konnte nicht gelöscht werden.";
|
||||
|
||||
$_SESSION["comment_message_type"] = "error";
|
||||
|
||||
header("Location: index.php");
|
||||
exit();
|
||||
}
|
||||
|
||||
try {
|
||||
$commentManager = CommentManager::getInstance();
|
||||
|
||||
/*
|
||||
* Die E-Mail-Adresse aus der Session wird mitgegeben.
|
||||
* Dadurch kann der Nutzer nur eigene Kommentare löschen.
|
||||
*/
|
||||
$deleted = $commentManager->deleteComment(
|
||||
$commentId,
|
||||
$_SESSION["user_email"]
|
||||
);
|
||||
|
||||
if ($deleted) {
|
||||
$_SESSION["comment_message"] =
|
||||
"Der Kommentar wurde gelöscht.";
|
||||
|
||||
$_SESSION["comment_message_type"] = "success";
|
||||
} else {
|
||||
$_SESSION["comment_message"] =
|
||||
"Der Kommentar wurde nicht gefunden oder gehört nicht dir.";
|
||||
|
||||
$_SESSION["comment_message_type"] = "error";
|
||||
}
|
||||
|
||||
} catch (Throwable $e) {
|
||||
$_SESSION["comment_message"] =
|
||||
"Der Kommentar konnte nicht gelöscht werden.";
|
||||
|
||||
$_SESSION["comment_message_type"] = "error";
|
||||
}
|
||||
|
||||
/*
|
||||
* Anschließend wird wieder zum Beitrag und zu den Kommentaren geleitet.
|
||||
*/
|
||||
header(
|
||||
"Location: index.php?pfad=showArticle&id="
|
||||
. urlencode((string) $articleId)
|
||||
. "#comments"
|
||||
);
|
||||
|
||||
exit();
|
||||
@@ -8,61 +8,64 @@ require_once '../model/Article.php';
|
||||
require_once '../validator/search-validator.php';
|
||||
|
||||
if ($_SERVER["REQUEST_METHOD"] === "GET" && isset($_GET["q"])) {
|
||||
$search = trim($_GET["q"]);
|
||||
|
||||
$search = trim($_GET["q"]);
|
||||
if (!searchQueryValidator($search)) {
|
||||
$_SESSION["search_results"] = [];
|
||||
$_SESSION["search_query"] = "";
|
||||
$_SESSION["message"] = "invalid_search_query";
|
||||
} else {
|
||||
try {
|
||||
|
||||
$articleManager = ArticleManager::getInstance();
|
||||
$userManager = UserManager::getInstance();
|
||||
$results = $articleManager->search($search);
|
||||
$userManager = UserManager::getInstance();
|
||||
|
||||
$results = $articleManager->search($search);
|
||||
|
||||
$sortStyle = $_GET['sort'] ?? 'alphabet';
|
||||
$_SESSION['search_sort'] = $sortStyle;
|
||||
|
||||
if ($sortStyle === 'alphabet') {
|
||||
// Titel aufsteigend alphabetisch sortiert
|
||||
// Titel aufsteigend alphabetiisch sortiert
|
||||
usort($results, function ($a, $b) {
|
||||
return strcasecmp($a->getTitle(), $b->getTitle());
|
||||
});
|
||||
} elseif ($sortStyle === 'likes') {
|
||||
usort($results, function ($a, $b) {
|
||||
usort($results, function($a, $b) {
|
||||
return $b->getLikeCount() <=> $a->getLikeCount();
|
||||
});
|
||||
} elseif ($sortStyle === 'newest') {
|
||||
// Datum neu zu alt sortiert
|
||||
usort($results, function ($a, $b) {
|
||||
usort($results, function($a, $b) {
|
||||
return strcmp($b->getCreationDate(), $a->getCreationDate());
|
||||
});
|
||||
} elseif ($sortStyle === 'oldest') {
|
||||
// Datum alt zu neu sortiert
|
||||
usort($results, function ($a, $b) {
|
||||
usort($results, function($a, $b) {
|
||||
return strcmp($a->getCreationDate(), $b->getCreationDate());
|
||||
});
|
||||
}
|
||||
|
||||
// Ergebnisse werden in ein flaches Array umgewandelt, da sonst incomplete-PHP-Fehler im Ergebnis
|
||||
// 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"],
|
||||
"category" => $obj->getCategory(),
|
||||
"tags" => $obj->getTags(),
|
||||
"id" => $obj->getId(),
|
||||
"title" => $obj->getTitle(),
|
||||
"content" => $obj->getContent(),
|
||||
"author" => $userManager->findUser($obj->getAuthor())["vorname"] . " " . $userManager->findUser($obj->getAuthor())["nachname"],
|
||||
"category" => $obj->getCategory(),
|
||||
"tags" => $obj->getTags(),
|
||||
"creationDate" => $obj->getCreationDate(),
|
||||
"likes" => $obj->getLikes(),
|
||||
"likes" => $obj->getLikes(),
|
||||
];
|
||||
}
|
||||
|
||||
|
||||
$_SESSION["search_results"] = $safeArrayResults;
|
||||
$_SESSION["search_query"] = $search;
|
||||
$_SESSION["message"] = "new_search_results";
|
||||
} catch (Exception $e) {
|
||||
|
||||
} catch (Exception $e){
|
||||
$_SESSION["message"] = "internal_error";
|
||||
}
|
||||
}
|
||||
@@ -72,18 +75,10 @@ if ($_SERVER["REQUEST_METHOD"] === "GET" && isset($_GET["q"])) {
|
||||
if (!searchLimitValidator($limit)) {
|
||||
$limit = 10;
|
||||
}
|
||||
$page = isset($_GET['page']) ? (int)$_GET['page'] : 1;
|
||||
|
||||
// Kategorie-Filter durchreichen (Whitelist-Prüfung erfolgt in der View)
|
||||
$category = isset($_GET['category']) ? $_GET['category'] : 'all';
|
||||
|
||||
header(
|
||||
"Location: ../../index.php?pfad=search-results&q=" . urlencode($search) .
|
||||
"&sort=" . urlencode($sort) .
|
||||
"&limit=" . $limit .
|
||||
"&category=" . urlencode($category) .
|
||||
"&page=" . $page
|
||||
);
|
||||
$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();
|
||||
|
||||
}
|
||||
|
||||
?>
|
||||
@@ -49,8 +49,9 @@ if (isset($_GET["id"]) && !empty($_GET["id"])){
|
||||
}
|
||||
}
|
||||
|
||||
} catch (Exception $e){
|
||||
} catch (Throwable $e) {
|
||||
$_SESSION["message"] = "internal_error";
|
||||
header("Location: index.php");
|
||||
exit();
|
||||
}
|
||||
}else{
|
||||
|
||||
@@ -0,0 +1,92 @@
|
||||
<?php
|
||||
|
||||
if (session_status() === PHP_SESSION_NONE) {
|
||||
session_start();
|
||||
}
|
||||
|
||||
require_once "php/model/CommentManager.php";
|
||||
|
||||
if ($_SERVER["REQUEST_METHOD"] !== "POST") {
|
||||
header("Location: index.php");
|
||||
exit();
|
||||
}
|
||||
|
||||
if (!isset($_SESSION["user_email"])) {
|
||||
header("Location: index.php?pfad=login");
|
||||
exit();
|
||||
}
|
||||
|
||||
$commentId = filter_input(
|
||||
INPUT_POST,
|
||||
"comment_id",
|
||||
FILTER_VALIDATE_INT
|
||||
);
|
||||
|
||||
$articleId = filter_input(
|
||||
INPUT_POST,
|
||||
"article_id",
|
||||
FILTER_VALIDATE_INT
|
||||
);
|
||||
|
||||
$content = trim($_POST["content"] ?? "");
|
||||
|
||||
/*
|
||||
* Ohne gültige Beitrags-ID kann nicht sicher
|
||||
* zum ursprünglichen Beitrag zurückgeleitet werden.
|
||||
*/
|
||||
if (!$articleId) {
|
||||
header("Location: index.php");
|
||||
exit();
|
||||
}
|
||||
|
||||
/*
|
||||
* Kommentar-ID und Inhalt werden geprüft.
|
||||
*/
|
||||
if (!$commentId || $content === "") {
|
||||
$_SESSION["comment_message"] =
|
||||
"Der Kommentar darf nicht leer sein.";
|
||||
|
||||
$_SESSION["comment_message_type"] = "error";
|
||||
|
||||
header(
|
||||
"Location: index.php?pfad=showArticle&id="
|
||||
. urlencode((string) $articleId)
|
||||
. "#comments"
|
||||
);
|
||||
exit();
|
||||
}
|
||||
|
||||
try {
|
||||
$commentManager = CommentManager::getInstance();
|
||||
|
||||
$updated = $commentManager->updateComment(
|
||||
$commentId,
|
||||
$_SESSION["user_email"],
|
||||
$content
|
||||
);
|
||||
|
||||
if ($updated) {
|
||||
$_SESSION["comment_message"] =
|
||||
"Der Kommentar wurde erfolgreich bearbeitet.";
|
||||
|
||||
$_SESSION["comment_message_type"] = "success";
|
||||
} else {
|
||||
$_SESSION["comment_message"] =
|
||||
"Der Kommentar konnte nicht bearbeitet werden.";
|
||||
|
||||
$_SESSION["comment_message_type"] = "error";
|
||||
}
|
||||
|
||||
} catch (Throwable $e) {
|
||||
$_SESSION["comment_message"] =
|
||||
"Beim Bearbeiten des Kommentars ist ein Fehler aufgetreten.";
|
||||
|
||||
$_SESSION["comment_message_type"] = "error";
|
||||
}
|
||||
|
||||
header(
|
||||
"Location: index.php?pfad=showArticle&id="
|
||||
. urlencode((string) $articleId)
|
||||
. "#comments"
|
||||
);
|
||||
exit();
|
||||
@@ -13,7 +13,7 @@ class Comment
|
||||
private int $id;
|
||||
private int $articleId;
|
||||
private ?int $parentCommentId;
|
||||
private string $author;
|
||||
private ?string $author;
|
||||
private string $content;
|
||||
private string $created;
|
||||
|
||||
@@ -23,7 +23,7 @@ class Comment
|
||||
* @param int $id Eindeutige ID des Kommentars
|
||||
* @param int $articleId ID des zugehörigen Beitrags
|
||||
* @param int|null $parentCommentId ID des Eltern-Kommentars oder null
|
||||
* @param string $author Autor des Kommentars
|
||||
* @param string|null $author Autor des Kommentars oder null bei gelöschten Kommentaren
|
||||
* @param string $content Inhalt des Kommentars
|
||||
* @param string $created Erstellungsdatum des Kommentars
|
||||
*/
|
||||
@@ -31,7 +31,7 @@ class Comment
|
||||
int $id,
|
||||
int $articleId,
|
||||
?int $parentCommentId,
|
||||
string $author,
|
||||
?string $author,
|
||||
string $content,
|
||||
string $created
|
||||
) {
|
||||
@@ -86,9 +86,9 @@ class Comment
|
||||
/**
|
||||
* Gibt den Autor des Kommentars zurück.
|
||||
*
|
||||
* @return string Autor
|
||||
* @return string|null Autor oder null bei gelöschten Kommentaren
|
||||
*/
|
||||
public function getAuthor(): string
|
||||
public function getAuthor(): ?string
|
||||
{
|
||||
return $this->author;
|
||||
}
|
||||
|
||||
@@ -51,4 +51,40 @@ interface CommentManagerDAO
|
||||
* @return Comment[] Liste der Kommentare
|
||||
*/
|
||||
public function getCommentsByAuthor($author);
|
||||
/**
|
||||
* Löscht einen einzelnen Kommentar des angemeldeten Nutzers.
|
||||
*
|
||||
* Kommentare ohne Antworten werden vollständig entfernt.
|
||||
* Kommentare mit Antworten bleiben als anonymer Platzhalter erhalten.
|
||||
*
|
||||
* @param int $commentId ID des Kommentars
|
||||
* @param string $author E-Mail-Adresse des Autors
|
||||
* @return bool true, wenn der Kommentar gefunden und gelöscht wurde
|
||||
*/
|
||||
public function deleteComment(int $commentId, string $author): bool;
|
||||
|
||||
/**
|
||||
* Löscht beziehungsweise anonymisiert alle Kommentare eines Nutzers.
|
||||
*
|
||||
* Diese Methode wird bei der Löschung eines Benutzerkontos verwendet.
|
||||
*
|
||||
* @param string $author E-Mail-Adresse des Nutzers
|
||||
* @return void
|
||||
*/
|
||||
public function deleteCommentsByAuthor(string $author): void;
|
||||
/**
|
||||
* Bearbeitet einen Kommentar des angemeldeten Nutzers.
|
||||
*
|
||||
* Nur der Autor des Kommentars darf den Inhalt ändern.
|
||||
*
|
||||
* @param int $commentId ID des Kommentars
|
||||
* @param string $author E-Mail-Adresse des Autors
|
||||
* @param string $content Neuer Kommentarinhalt
|
||||
* @return bool true, wenn der Kommentar bearbeitet wurde
|
||||
*/
|
||||
public function updateComment(
|
||||
int $commentId,
|
||||
string $author,
|
||||
string $content
|
||||
): bool;
|
||||
}
|
||||
@@ -17,7 +17,7 @@ class DatabaseCommentManager implements CommentManagerDAO
|
||||
/**
|
||||
* Erstellt die Kommentartabelle, falls diese noch nicht existiert.
|
||||
*/
|
||||
public function __construct()
|
||||
private function __construct()
|
||||
{
|
||||
$this->dbPath = __DIR__ . '/../../db/eduforgeDB.db';
|
||||
DatabaseInitializer::initialize($this->dbPath);
|
||||
@@ -223,4 +223,194 @@ class DatabaseCommentManager implements CommentManagerDAO
|
||||
|
||||
return $comments;
|
||||
}
|
||||
/**
|
||||
* Bearbeitet einen eigenen Kommentar.
|
||||
*
|
||||
* Der Kommentar wird nur geändert, wenn er dem
|
||||
* angemeldeten Nutzer gehört.
|
||||
*
|
||||
* @param int $commentId ID des Kommentars
|
||||
* @param string $author E-Mail-Adresse des Autors
|
||||
* @param string $content Neuer Kommentarinhalt
|
||||
* @return bool true, wenn der Kommentar bearbeitet wurde
|
||||
*/
|
||||
public function updateComment(
|
||||
int $commentId,
|
||||
string $author,
|
||||
string $content
|
||||
): bool {
|
||||
try {
|
||||
$db = $this->getConnection();
|
||||
|
||||
$command = $db->prepare("
|
||||
UPDATE comments
|
||||
SET content = :content
|
||||
WHERE id = :commentId
|
||||
AND author = :author
|
||||
");
|
||||
|
||||
$command->execute([
|
||||
":content" => $content,
|
||||
":commentId" => $commentId,
|
||||
":author" => $author
|
||||
]);
|
||||
|
||||
return $command->rowCount() > 0;
|
||||
|
||||
} catch (PDOException $e) {
|
||||
throw new RuntimeException("internal_error");
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Löscht einen eigenen Kommentar.
|
||||
*
|
||||
* Hat der Kommentar Antworten, wird er anonymisiert.
|
||||
* Hat er keine Antworten, wird er vollständig gelöscht.
|
||||
*
|
||||
* @param int $commentId ID des Kommentars
|
||||
* @param string $author E-Mail-Adresse des Autors
|
||||
* @return bool true, wenn der Kommentar gelöscht wurde
|
||||
*/
|
||||
public function deleteComment(int $commentId, string $author): bool
|
||||
{
|
||||
try {
|
||||
$db = $this->getConnection();
|
||||
|
||||
/*
|
||||
* Zuerst wird geprüft, ob der Kommentar existiert
|
||||
* und wirklich dem angemeldeten Nutzer gehört.
|
||||
*/
|
||||
$checkCommand = $db->prepare("
|
||||
SELECT id
|
||||
FROM comments
|
||||
WHERE id = :commentId
|
||||
AND author = :author
|
||||
");
|
||||
|
||||
$checkCommand->execute([
|
||||
":commentId" => $commentId,
|
||||
":author" => $author
|
||||
]);
|
||||
|
||||
if ($checkCommand->fetch() === false) {
|
||||
return false;
|
||||
}
|
||||
|
||||
/*
|
||||
* Danach wird geprüft, ob Antworten auf den Kommentar existieren.
|
||||
*/
|
||||
$replyCommand = $db->prepare("
|
||||
SELECT COUNT(*)
|
||||
FROM comments
|
||||
WHERE parent_comment_id = :commentId
|
||||
");
|
||||
|
||||
$replyCommand->execute([
|
||||
":commentId" => $commentId
|
||||
]);
|
||||
|
||||
$hasReplies = (int) $replyCommand->fetchColumn() > 0;
|
||||
|
||||
if ($hasReplies) {
|
||||
/*
|
||||
* Der Kommentar wird für den Kommentarbaum benötigt.
|
||||
* Deshalb bleibt er als anonymer Platzhalter erhalten.
|
||||
*/
|
||||
$deleteCommand = $db->prepare("
|
||||
UPDATE comments
|
||||
SET author = NULL,
|
||||
content = 'Dieser Kommentar wurde gelöscht.'
|
||||
WHERE id = :commentId
|
||||
AND author = :author
|
||||
");
|
||||
} else {
|
||||
/*
|
||||
* Ohne Antworten kann der Kommentar vollständig
|
||||
* aus der Datenbank entfernt werden.
|
||||
*/
|
||||
$deleteCommand = $db->prepare("
|
||||
DELETE FROM comments
|
||||
WHERE id = :commentId
|
||||
AND author = :author
|
||||
");
|
||||
}
|
||||
|
||||
$deleteCommand->execute([
|
||||
":commentId" => $commentId,
|
||||
":author" => $author
|
||||
]);
|
||||
|
||||
return $deleteCommand->rowCount() > 0;
|
||||
|
||||
} catch (PDOException $e) {
|
||||
throw new RuntimeException("internal_error");
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Löscht beziehungsweise anonymisiert alle Kommentare eines Nutzers.
|
||||
*
|
||||
* Kommentare ohne Antworten werden vollständig gelöscht.
|
||||
* Kommentare mit Antworten bleiben als anonyme Platzhalter erhalten.
|
||||
*
|
||||
* @param string $author E-Mail-Adresse des Nutzers
|
||||
* @return void
|
||||
*/
|
||||
public function deleteCommentsByAuthor(string $author): void
|
||||
{
|
||||
$db = $this->getConnection();
|
||||
|
||||
try {
|
||||
$db->beginTransaction();
|
||||
|
||||
/*
|
||||
* Zuerst werden alle Kommentare ohne Antworten gelöscht.
|
||||
*
|
||||
* Die Schleife ist wichtig, weil durch das Löschen einer Antwort
|
||||
* eventuell auch der darüberliegende Kommentar keine Antworten
|
||||
* mehr besitzt und anschließend ebenfalls gelöscht werden kann.
|
||||
*/
|
||||
do {
|
||||
$deleteCommand = $db->prepare("
|
||||
DELETE FROM comments
|
||||
WHERE author = :author
|
||||
AND NOT EXISTS (
|
||||
SELECT 1
|
||||
FROM comments AS replies
|
||||
WHERE replies.parent_comment_id = comments.id
|
||||
)
|
||||
");
|
||||
|
||||
$deleteCommand->execute([
|
||||
":author" => $author
|
||||
]);
|
||||
|
||||
$deletedRows = $deleteCommand->rowCount();
|
||||
|
||||
} while ($deletedRows > 0);
|
||||
|
||||
/*
|
||||
* Kommentare, auf die noch Antworten anderer Nutzer folgen,
|
||||
* müssen für den Kommentarbaum erhalten bleiben.
|
||||
*/
|
||||
$placeholderCommand = $db->prepare("
|
||||
UPDATE comments
|
||||
SET author = NULL,
|
||||
content = 'Dieser Kommentar wurde gelöscht.'
|
||||
WHERE author = :author
|
||||
");
|
||||
|
||||
$placeholderCommand->execute([
|
||||
":author" => $author
|
||||
]);
|
||||
|
||||
$db->commit();
|
||||
|
||||
} catch (PDOException $e) {
|
||||
if ($db->inTransaction()) {
|
||||
$db->rollBack();
|
||||
}
|
||||
|
||||
throw new RuntimeException("internal_error");
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -46,17 +46,17 @@ class DatabaseInitializer {
|
||||
|
||||
$db->exec("
|
||||
CREATE TABLE IF NOT EXISTS comments (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
article_id INTEGER NOT NULL,
|
||||
parent_comment_id INTEGER NULL,
|
||||
author TEXT NOT NULL,
|
||||
content TEXT NOT NULL,
|
||||
created TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (article_id) REFERENCES articles(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (author) REFERENCES users(email) ON DELETE CASCADE,
|
||||
FOREIGN KEY (parent_comment_id) REFERENCES comments(id) ON DELETE CASCADE
|
||||
);
|
||||
");
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
article_id INTEGER NOT NULL,
|
||||
parent_comment_id INTEGER NULL,
|
||||
author TEXT NULL,
|
||||
content TEXT NOT NULL,
|
||||
created TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
FOREIGN KEY (article_id) REFERENCES articles(id) ON DELETE CASCADE,
|
||||
FOREIGN KEY (author) REFERENCES users(email) ON DELETE SET NULL,
|
||||
FOREIGN KEY (parent_comment_id) REFERENCES comments(id) ON DELETE CASCADE
|
||||
);
|
||||
");
|
||||
|
||||
$initializer = new self();
|
||||
$availableEmails = $initializer->seedDummyUsers($db);
|
||||
|
||||
Reference in New Issue
Block a user