Compare commits
15 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e1529da4b0 | |||
| 986b85bed9 | |||
| 39d90c9fe0 | |||
| db62cee09b | |||
| b8d32de25f | |||
| 470d98940a | |||
| cab41ade7a | |||
| cf76f86f09 | |||
| bf33afb15b | |||
| 193c523de6 | |||
| 36c47bb7a6 | |||
| 6031fc0185 | |||
| e77c60d8c8 | |||
| 7f5cea8c1e | |||
| 71c213ef1e |
Generated
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
<project version="4">
|
<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">
|
<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">
|
<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>
|
<identifier-quote-string>"</identifier-quote-string>
|
||||||
|
|||||||
@@ -36,9 +36,6 @@
|
|||||||
- JavaScript wird verwendet, um im erweitertem Beitragseditor clientseitig einzelne Content-Boxen erstellen und löschen
|
- JavaScript wird verwendet, um im erweitertem Beitragseditor clientseitig einzelne Content-Boxen erstellen und löschen
|
||||||
zu können.
|
zu können.
|
||||||
- JavaScript wird ebenfalls verwendet, um in die Suchergebnisse clientseitig zu sortieren.
|
- 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
|
## Sonstiges
|
||||||
- Das Datenschema befindet sich unter /planung/Datenschema.pdf
|
- Das Datenschema befindet sich unter /planung/Datenschema.pdf
|
||||||
|
|||||||
+122
-81
@@ -4,18 +4,48 @@ if (session_status() === PHP_SESSION_NONE) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
$all_results = $_SESSION["search_results"] ?? [];
|
$all_results = $_SESSION["search_results"] ?? [];
|
||||||
$query = $_SESSION["search_query"] ?? "";
|
$query = $_SESSION["search_query"] ?? "";
|
||||||
$totalResultsCount = count($all_results);
|
|
||||||
|
// ---------------------------------------------------------------
|
||||||
|
// Parameter aus der URL lesen & validieren
|
||||||
|
// ---------------------------------------------------------------
|
||||||
|
$allowedCategories = [
|
||||||
|
'all', 'Deutsch', 'Englisch', 'Franzoesisch', 'Latein', 'Literatur',
|
||||||
|
'Mathematik', 'Biologie', 'Informatik', 'Chemie', 'Physik', 'Astronomie',
|
||||||
|
'Geschichte', 'Erdkunde', 'Sozialkunde', 'Wirtschaftskunde', 'Religion',
|
||||||
|
'Ethikunterricht', 'Philosophie', 'Psychologie', 'Kunst', 'Musik',
|
||||||
|
'Theater', 'Technik', 'Werken', 'Hauswirtschaft', 'Sport',
|
||||||
|
];
|
||||||
|
|
||||||
|
$category = $_GET['category'] ?? 'all';
|
||||||
|
if (!in_array($category, $allowedCategories, true)) {
|
||||||
|
$category = 'all';
|
||||||
|
}
|
||||||
|
|
||||||
$limit = isset($_GET['limit']) ? (int)$_GET['limit'] : 10;
|
$limit = isset($_GET['limit']) ? (int)$_GET['limit'] : 10;
|
||||||
if (!in_array($limit, [10, 20, 50, 100])) {
|
if (!in_array($limit, [10, 20, 50, 100], true)) {
|
||||||
$limit = 10;
|
$limit = 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Gesamtseitenzahl
|
$currentSort = $_SESSION['search_sort'] ?? 'alphabet';
|
||||||
$totalPages = max(1, ceil($totalResultsCount / $limit));
|
|
||||||
|
// ---------------------------------------------------------------
|
||||||
|
// Diese Berechnung ist der Server-seitige Fallback für Nutzer ohne
|
||||||
|
// JavaScript. Sobald JS aktiv ist, übernimmt js/search-results.js
|
||||||
|
// Filterung, Sortierung und Pagination komplett im Browser (auf
|
||||||
|
// Basis des unten eingebetteten JSON-Datensatzes) und überschreibt
|
||||||
|
// diese Ausgabe live, ohne dass eine neue Seite geladen wird.
|
||||||
|
// ---------------------------------------------------------------
|
||||||
|
$filteredResults = $all_results;
|
||||||
|
if ($category !== 'all') {
|
||||||
|
$filteredResults = array_values(array_filter($filteredResults, function ($item) use ($category) {
|
||||||
|
return ($item['category'] ?? '') === $category;
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
$totalResultsCount = count($filteredResults);
|
||||||
|
$totalPages = max(1, (int)ceil($totalResultsCount / $limit));
|
||||||
|
|
||||||
// Aktuelle Seite auslesen und validieren
|
|
||||||
$currentPage = isset($_GET['page']) ? (int)$_GET['page'] : 1;
|
$currentPage = isset($_GET['page']) ? (int)$_GET['page'] : 1;
|
||||||
if ($currentPage < 1) {
|
if ($currentPage < 1) {
|
||||||
$currentPage = 1;
|
$currentPage = 1;
|
||||||
@@ -23,42 +53,68 @@ if ($currentPage < 1) {
|
|||||||
$currentPage = $totalPages;
|
$currentPage = $totalPages;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Startpunkt im Array berechnen (Offset)
|
$offset = ($currentPage - 1) * $limit;
|
||||||
$offset = ($currentPage - 1) * $limit;
|
$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);
|
$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>
|
<noscript>
|
||||||
Bitte JavaScript aktivieren!
|
Bitte JavaScript aktivieren, um die volle Funktionalität (Live-Filterung ohne Neuladen) zu nutzen. Die Seite funktioniert auch ohne JavaScript – Sortierung, Filterung und Seitenwechsel erfolgen dann über die Formular- bzw. Link-Auswahl.
|
||||||
</noscript>
|
</noscript>
|
||||||
<!--
|
<!--
|
||||||
Seite: Suchergebnisse
|
Seite: Suchergebnisse
|
||||||
Inhalt: Zeigt die Ergebnisse einer Suche an
|
Inhalt: Zeigt die Ergebnisse einer Suche an
|
||||||
-->
|
-->
|
||||||
<div class="s-res-layout-grid">
|
<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 -->
|
<!-- Links: Seitenleiste für Filter und Suche -->
|
||||||
<aside class="s-res-sidebar">
|
<aside class="s-res-sidebar">
|
||||||
|
<!-- Sortierfuntion Box und Such Box -->
|
||||||
|
<form action="php/controller/search-results-controller.php" method="GET" id="searchform-id" class="s-res-sidebar-form">
|
||||||
|
|
||||||
<!-- Sortierfuntion Box und Such Box-->
|
<input type="hidden" id="s-res-page-input" name="page" value="<?php echo (int)$currentPage; ?>">
|
||||||
<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">
|
<div class="s-res-sidebar-box">
|
||||||
<h3 class="s-res-sidebar-title">Suche anpassen</h3>
|
<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>
|
<button type="submit" class="nav__search-button">Suchen</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="s-res-sidebar-box">
|
<div class="s-res-sidebar-box">
|
||||||
<h3 class="s-res-sidebar-title">Sortierung</h3>
|
<h3 class="s-res-sidebar-title">Sortierung</h3>
|
||||||
<?php $currentSort = $_SESSION['search_sort'] ?? 'alphabet'; ?>
|
|
||||||
<div class="s-res-filter-group">
|
<div class="s-res-filter-group">
|
||||||
<label class="s-res-filter-option">
|
<label class="s-res-filter-option">
|
||||||
<input type="radio" name="sort" value="alphabet" class="sort-radio" <?php echo $currentSort === 'alphabet' ? 'checked' : ''; ?>>
|
<input type="radio" name="sort" value="alphabet" class="sort-radio" <?php echo $currentSort === 'alphabet' ? 'checked' : ''; ?>>
|
||||||
@@ -81,57 +137,38 @@ $resultCount = count($results);
|
|||||||
|
|
||||||
<div class="s-res-sidebar-box">
|
<div class="s-res-sidebar-box">
|
||||||
<h3 class="s-res-sidebar-title">Kategorie filtern</h3>
|
<h3 class="s-res-sidebar-title">Kategorie filtern</h3>
|
||||||
<select id="category-filter" class="s-res-limit-select" style="width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #cbd5e1;">
|
<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">Alle Kategorien</option>
|
<?php foreach ($allowedCategories as $catValue):
|
||||||
<option value="Deutsch">Deutsch</option>
|
$label = $catValue === 'all' ? 'Alle Kategorien' : ($catValue === 'Franzoesisch' ? 'Französisch' : $catValue);
|
||||||
<option value="Englisch">Englisch</option>
|
?>
|
||||||
<option value="Franzoesisch">Französisch</option>
|
<option value="<?php echo htmlspecialchars($catValue); ?>" <?php echo $category === $catValue ? 'selected' : ''; ?>>
|
||||||
<option value="Latein">Latein</option>
|
<?php echo htmlspecialchars($label); ?>
|
||||||
<option value="Literatur">Literatur</option>
|
</option>
|
||||||
<option value="Mathematik">Mathematik</option>
|
<?php endforeach; ?>
|
||||||
<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>
|
</select>
|
||||||
</div>
|
</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>
|
</form>
|
||||||
|
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
<main class="s-res-main-content">
|
<main class="s-res-main-content">
|
||||||
|
|
||||||
<div class="s-res-header">
|
<div class="s-res-header">
|
||||||
<h1 class="s-res-main-title">Suchergebnisse</h1>
|
<h1 class="s-res-main-title">Suchergebnisse</h1>
|
||||||
<p class="s-res-meta"><?php echo $totalResultsCount; ?> Treffer für Ihre Suchanfrage "<?php echo htmlspecialchars($query); ?>"</p>
|
<p class="s-res-meta" data-query="<?php echo htmlspecialchars($query); ?>">
|
||||||
|
<?php echo $totalResultsCount; ?> Treffer für Ihre Suchanfrage "<?php echo htmlspecialchars($query); ?>"
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Ergebnisliste -->
|
<!-- Ergebnisliste: serverseitig gerendert (No-JS-Fallback). Wird bei aktivem JS durch js/search-results.js live ersetzt. -->
|
||||||
<div class="s-res-list">
|
<div class="s-res-list">
|
||||||
<?php
|
<?php if (!empty($results)): ?>
|
||||||
if (!empty($results)): ?>
|
|
||||||
|
|
||||||
<?php foreach ($results as $item):
|
<?php foreach ($results as $item):
|
||||||
// Anzahl der Likes ermitteln (falls es ein Array ist, zählen; falls Zahl, direkt nutzen)
|
|
||||||
$likesCount = isset($item['likes']) && is_array($item['likes']) ? count($item['likes']) : ($item['likes'] ?? 0);
|
$likesCount = 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-item" data-likes="<?php echo $likesCount; ?>" data-category="<?php echo strtolower($item['category'] ?? ''); ?>">
|
||||||
<div class="s-res-content">
|
<div class="s-res-content">
|
||||||
<h2 class="s-res-item-title">
|
<h2 class="s-res-item-title">
|
||||||
@@ -141,35 +178,25 @@ $resultCount = count($results);
|
|||||||
</h2>
|
</h2>
|
||||||
<div class="s-res-meta-row">
|
<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>
|
<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>
|
</div>
|
||||||
<div class="s-res-arrow">→</div>
|
<div class="s-res-arrow">→</div>
|
||||||
</div>
|
</div>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
|
<?php elseif (isset($_SESSION["search_query"]) && $_SESSION["search_query"] !== "" && $resultCount === 0): ?>
|
||||||
<?php
|
|
||||||
elseif (isset($_SESSION["search_query"]) && $_SESSION["search_query"] !== "" && $resultCount === 0): ?>
|
|
||||||
<p>Keine Beiträge zu diesem Suchbegriff gefunden.</p>
|
<p>Keine Beiträge zu diesem Suchbegriff gefunden.</p>
|
||||||
<?php
|
<?php elseif (isset($_SESSION["message"]) && $_SESSION["message"] == "invalid_search_query"): ?>
|
||||||
elseif (isset($_SESSION["message"]) && $_SESSION["message"] == "invalid_search_query"): ?>
|
|
||||||
<p>Unzulässige Suchanfrage</p>
|
<p>Unzulässige Suchanfrage</p>
|
||||||
|
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<?php
|
<?php unset($_SESSION["message"]); ?>
|
||||||
unset($_SESSION["message"]);
|
|
||||||
?>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="s-res-pagination-footer">
|
|
||||||
|
|
||||||
|
<div class="s-res-pagination-footer">
|
||||||
<!-- Auswahl der Ergebnisse pro Seite -->
|
<!-- Auswahl der Ergebnisse pro Seite -->
|
||||||
<div class="s-res-limit-selector">
|
<div class="s-res-limit-selector">
|
||||||
<label for="s-res-per-page" class="s-res-limit-label">Ergebnisse pro Seite:</label>
|
<label for="s-res-per-page" class="s-res-limit-label">Ergebnisse pro Seite:</label>
|
||||||
<select id="s-res-per-page" name="limit" class="s-res-limit-select">
|
<select id="s-res-per-page" name="limit" form="searchform-id" class="s-res-limit-select">
|
||||||
<option value="10" <?php echo $limit === 10 ? 'selected' : ''; ?>>10</option>
|
<option value="10" <?php echo $limit === 10 ? 'selected' : ''; ?>>10</option>
|
||||||
<option value="20" <?php echo $limit === 20 ? 'selected' : ''; ?>>20</option>
|
<option value="20" <?php echo $limit === 20 ? 'selected' : ''; ?>>20</option>
|
||||||
<option value="50" <?php echo $limit === 50 ? 'selected' : ''; ?>>50</option>
|
<option value="50" <?php echo $limit === 50 ? 'selected' : ''; ?>>50</option>
|
||||||
@@ -177,15 +204,29 @@ $resultCount = count($results);
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- No-JS-Fallback: echte Links, die serverseitig neu paginieren -->
|
||||||
<div class="s-res-page-navigation">
|
<div class="s-res-page-navigation">
|
||||||
<button type="button" class="s-res-page-btn" id="prev-page-btn" data-page="0">«</button>
|
<?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"></span>
|
<span id="dynamic-page-numbers">Seite <?php echo $currentPage; ?> von <?php echo $totalPages; ?></span>
|
||||||
|
|
||||||
<button type="button" class="s-res-page-btn" id="next-page-btn" data-page="2">»</button>
|
<?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; ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
</div>
|
</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>
|
||||||
+25
-309
@@ -5,34 +5,6 @@ $repliesByParent = [];
|
|||||||
$articleObj = null;
|
$articleObj = null;
|
||||||
|
|
||||||
include_once 'php/controller/showArticle-controller.php';
|
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
|
Seite: Anzeige für Beiträge
|
||||||
@@ -45,6 +17,8 @@ if ($replyAuthor === null) {
|
|||||||
<!-- Metadaten & Titel -->
|
<!-- Metadaten & Titel -->
|
||||||
<div class="article-view-top-section">
|
<div class="article-view-top-section">
|
||||||
|
|
||||||
|
<div class="article-view-top-section">
|
||||||
|
|
||||||
<div class="category-and-likes-row">
|
<div class="category-and-likes-row">
|
||||||
<?php if (isset($category) && !empty($category)): ?>
|
<?php if (isset($category) && !empty($category)): ?>
|
||||||
<span class="article-view-category"><?php echo htmlspecialchars($category); ?></span>
|
<span class="article-view-category"><?php echo htmlspecialchars($category); ?></span>
|
||||||
@@ -132,268 +106,39 @@ if ($replyAuthor === null) {
|
|||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<section class="article-comments-section" id="comments">
|
<section class="article-comments-section">
|
||||||
<h2>Kommentare</h2>
|
<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">
|
<div id="comments-list">
|
||||||
<?php if (!empty($mainComments)): ?>
|
<?php if (!empty($mainComments)): ?>
|
||||||
<?php foreach ($mainComments as $comment): ?>
|
<?php foreach ($mainComments as $comment): ?>
|
||||||
<div class="comment-item"
|
<div class="comment-item" data-comment-id="<?php echo htmlspecialchars($comment->getId()); ?>">
|
||||||
data-comment-id="<?php echo htmlspecialchars(
|
<p>
|
||||||
(string) $comment->getId()
|
<strong><?php echo htmlspecialchars($comment->getAuthor()); ?></strong>
|
||||||
); ?>">
|
<span><?php echo htmlspecialchars($comment->getCreated()); ?></span>
|
||||||
|
</p>
|
||||||
|
|
||||||
<?php
|
<p><?php echo nl2br(htmlspecialchars($comment->getContent())); ?></p>
|
||||||
$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; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<div class="comment-replies">
|
<div class="comment-replies">
|
||||||
<?php if (isset($repliesByParent[$comment->getId()])): ?>
|
<?php if (isset($repliesByParent[$comment->getId()])): ?>
|
||||||
<?php foreach ($repliesByParent[$comment->getId()] as $reply): ?>
|
<?php foreach ($repliesByParent[$comment->getId()] as $reply): ?>
|
||||||
<div class="comment-item comment-reply">
|
<div class="comment-item comment-reply">
|
||||||
|
<p>
|
||||||
|
<strong><?php echo htmlspecialchars($reply->getAuthor()); ?></strong>
|
||||||
|
<span><?php echo htmlspecialchars($reply->getCreated()); ?></span>
|
||||||
|
</p>
|
||||||
|
|
||||||
<?php
|
<p><?php echo nl2br(htmlspecialchars($reply->getContent())); ?></p>
|
||||||
$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>
|
</div>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
@@ -408,46 +153,17 @@ if ($replyAuthor === null) {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<?php if (isset($_SESSION["user_email"])): ?>
|
<?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"
|
<input type="hidden"
|
||||||
name="article_id"
|
name="article_id"
|
||||||
value="<?php echo htmlspecialchars(
|
value="<?php echo htmlspecialchars($_GET["id"] ?? ""); ?>">
|
||||||
(string) ($_GET["id"] ?? "")
|
|
||||||
); ?>">
|
|
||||||
|
|
||||||
<input type="hidden"
|
<input type="hidden"
|
||||||
name="parent_comment_id"
|
name="parent_comment_id"
|
||||||
id="parent-comment-id"
|
id="parent-comment-id"
|
||||||
value="<?php echo $replyTo !== null
|
value="">
|
||||||
? htmlspecialchars((string) $replyTo)
|
|
||||||
: "";
|
|
||||||
?>">
|
|
||||||
|
|
||||||
<p id="reply-info"
|
<p id="reply-info" class="reply-info" style="display: none;"></p>
|
||||||
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"
|
<textarea name="content"
|
||||||
id="comment-content"
|
id="comment-content"
|
||||||
|
|||||||
@@ -34,20 +34,11 @@ if ($pfad === "logout") {
|
|||||||
include_once "php/controller/logout-controller.php";
|
include_once "php/controller/logout-controller.php";
|
||||||
exit();
|
exit();
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($pfad === "deleteAccount") {
|
if ($pfad === "deleteAccount") {
|
||||||
include_once "php/controller/deleteAccount-controller.php";
|
include_once "php/controller/deleteAccount-controller.php";
|
||||||
exit();
|
exit();
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($pfad === "updateComment") {
|
|
||||||
include_once "php/controller/updateComment-controller.php";
|
|
||||||
exit();
|
|
||||||
}
|
|
||||||
|
|
||||||
if ($pfad === "deleteComment") {
|
|
||||||
include_once "php/controller/deleteComment-controller.php";
|
|
||||||
exit();
|
|
||||||
}
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
@@ -74,11 +65,12 @@ if ($pfad === "deleteComment") {
|
|||||||
<link rel="stylesheet" href="css/message.css">
|
<link rel="stylesheet" href="css/message.css">
|
||||||
<link rel="stylesheet" href="css/showCategory.css">
|
<link rel="stylesheet" href="css/showCategory.css">
|
||||||
|
|
||||||
<script src="js/paginator.js" async></script>
|
<!--<script src="js/paginator.js" async></script>
|
||||||
<script src="js/sorter.js" async></script>
|
<script src="js/sorter.js" async></script>-->
|
||||||
<script src="js/comments.js" defer></script>
|
<script src="js/comments.js" defer></script>
|
||||||
<script src="js/editor.js" async></script>
|
<script src="js/editor.js" async></script>
|
||||||
<script src="js/filter.js" async></script>
|
<!--<script src="js/filter.js" async></script>-->
|
||||||
|
<script src="js/search-results.js" async></script>
|
||||||
|
|
||||||
<title>EduForge</title>
|
<title>EduForge</title>
|
||||||
</head>
|
</head>
|
||||||
|
|||||||
+43
-192
@@ -11,31 +11,20 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
const parentCommentInput = document.getElementById("parent-comment-id");
|
const parentCommentInput = document.getElementById("parent-comment-id");
|
||||||
const replyInfo = document.getElementById("reply-info");
|
const replyInfo = document.getElementById("reply-info");
|
||||||
|
|
||||||
if (!form || !commentsList || !commentContent || !parentCommentInput) {
|
if (!form || !commentsList || !commentContent || !parentCommentInput || !replyInfo) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Aktiviert einen einzelnen Antworten-Link.
|
* Aktiviert einen einzelnen Antworten-Button.
|
||||||
*
|
*
|
||||||
* @param {HTMLAnchorElement} replyLink Antworten-Link
|
* @param {HTMLButtonElement} button Antworten-Button
|
||||||
*/
|
*/
|
||||||
function registerReplyButton(replyLink) {
|
function registerReplyButton(button) {
|
||||||
replyLink.addEventListener("click", function (event) {
|
button.addEventListener("click", function () {
|
||||||
/*
|
parentCommentInput.value = button.dataset.commentId;
|
||||||
* Mit JavaScript wird die Seite nicht neu geladen.
|
replyInfo.textContent = "Antwort auf " + button.dataset.author;
|
||||||
* Ohne JavaScript funktioniert der normale Link.
|
replyInfo.style.display = "block";
|
||||||
*/
|
|
||||||
event.preventDefault();
|
|
||||||
|
|
||||||
parentCommentInput.value = replyLink.dataset.commentId;
|
|
||||||
|
|
||||||
if (replyInfo) {
|
|
||||||
replyInfo.textContent =
|
|
||||||
"Antwort auf " + replyLink.dataset.author;
|
|
||||||
replyInfo.style.display = "block";
|
|
||||||
}
|
|
||||||
|
|
||||||
commentContent.focus();
|
commentContent.focus();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@@ -56,29 +45,18 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
const formData = new FormData(form);
|
const formData = new FormData(form);
|
||||||
const parentCommentId = parentCommentInput.value;
|
const parentCommentId = parentCommentInput.value;
|
||||||
|
|
||||||
fetch(form.action, {
|
fetch("php/ajax/add-comment.php", {
|
||||||
method: "POST",
|
method: "POST",
|
||||||
body: formData,
|
body: formData
|
||||||
headers: {
|
|
||||||
"X-Requested-With": "XMLHttpRequest"
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
.then(function (response) {
|
.then(response => response.json())
|
||||||
if (!response.ok) {
|
.then(data => {
|
||||||
throw new Error("Fehlerhafte Serverantwort.");
|
|
||||||
}
|
|
||||||
|
|
||||||
return response.json();
|
|
||||||
})
|
|
||||||
.then(function (data) {
|
|
||||||
if (!data.success) {
|
if (!data.success) {
|
||||||
alert(data.message);
|
alert(data.message);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const emptyMessage = commentsList.querySelector(
|
const emptyMessage = commentsList.querySelector(".no-comments-message");
|
||||||
".no-comments-message"
|
|
||||||
);
|
|
||||||
|
|
||||||
if (emptyMessage) {
|
if (emptyMessage) {
|
||||||
emptyMessage.remove();
|
emptyMessage.remove();
|
||||||
@@ -86,172 +64,49 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
|
|
||||||
const commentElement = document.createElement("div");
|
const commentElement = document.createElement("div");
|
||||||
commentElement.classList.add("comment-item");
|
commentElement.classList.add("comment-item");
|
||||||
commentElement.dataset.commentId = data.commentId;
|
|
||||||
|
|
||||||
if (parentCommentId !== "") {
|
if (parentCommentId) {
|
||||||
commentElement.classList.add("comment-reply");
|
commentElement.classList.add("comment-reply");
|
||||||
|
|
||||||
commentElement.innerHTML = `
|
commentElement.innerHTML = `
|
||||||
<p>
|
<p>
|
||||||
<strong>${escapeHtml(data.author)}</strong>
|
<strong>${escapeHtml(data.author)}</strong>
|
||||||
<span>${escapeHtml(data.created)}</span>
|
<span>${escapeHtml(data.created)}</span>
|
||||||
</p>
|
</p>
|
||||||
|
<p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
|
||||||
|
`;
|
||||||
|
|
||||||
<p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
|
const parentReplies = document.querySelector(
|
||||||
|
|
||||||
<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`
|
`.comment-item[data-comment-id="${parentCommentId}"] .comment-replies`
|
||||||
);
|
);
|
||||||
|
|
||||||
if (parentReplies) {
|
if (parentReplies) {
|
||||||
parentReplies.appendChild(commentElement);
|
parentReplies.appendChild(commentElement);
|
||||||
} else {
|
|
||||||
commentsList.prepend(commentElement);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
|
commentElement.dataset.commentId = data.commentId;
|
||||||
|
|
||||||
commentElement.innerHTML = `
|
commentElement.innerHTML = `
|
||||||
<p>
|
<p>
|
||||||
<strong>${escapeHtml(data.author)}</strong>
|
<strong>${escapeHtml(data.author)}</strong>
|
||||||
<span>${escapeHtml(data.created)}</span>
|
<span>${escapeHtml(data.created)}</span>
|
||||||
</p>
|
</p>
|
||||||
|
<p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
|
||||||
|
|
||||||
<p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
|
<button type="button"
|
||||||
|
class="reply-button"
|
||||||
|
data-comment-id="${escapeHtml(data.commentId)}"
|
||||||
|
data-author="${escapeHtml(data.author)}">
|
||||||
|
Antworten
|
||||||
|
</button>
|
||||||
|
|
||||||
<details class="edit-comment-details">
|
<div class="comment-replies"></div>
|
||||||
<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);
|
commentsList.prepend(commentElement);
|
||||||
|
|
||||||
const newReplyButton =
|
const newReplyButton = commentElement.querySelector(".reply-button");
|
||||||
commentElement.querySelector(".reply-button");
|
|
||||||
|
|
||||||
if (newReplyButton) {
|
if (newReplyButton) {
|
||||||
registerReplyButton(newReplyButton);
|
registerReplyButton(newReplyButton);
|
||||||
@@ -260,14 +115,10 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
|
|
||||||
commentContent.value = "";
|
commentContent.value = "";
|
||||||
parentCommentInput.value = "";
|
parentCommentInput.value = "";
|
||||||
|
replyInfo.textContent = "";
|
||||||
if (replyInfo) {
|
replyInfo.style.display = "none";
|
||||||
replyInfo.textContent = "";
|
|
||||||
replyInfo.style.display = "none";
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
.catch(function (error) {
|
.catch(() => {
|
||||||
console.error(error);
|
|
||||||
alert("Kommentar konnte nicht gesendet werden.");
|
alert("Kommentar konnte nicht gesendet werden.");
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@@ -275,12 +126,12 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||||||
/**
|
/**
|
||||||
* Entfernt HTML-Sonderzeichen aus Nutzereingaben.
|
* Entfernt HTML-Sonderzeichen aus Nutzereingaben.
|
||||||
*
|
*
|
||||||
* @param {*} text Zu bereinigender Text
|
* @param {string} text Zu bereinigender Text
|
||||||
* @returns {string} Sicherer Text
|
* @returns {string} Sicherer Text
|
||||||
*/
|
*/
|
||||||
function escapeHtml(text) {
|
function escapeHtml(text) {
|
||||||
const div = document.createElement("div");
|
const div = document.createElement("div");
|
||||||
div.textContent = String(text ?? "");
|
div.textContent = text;
|
||||||
return div.innerHTML;
|
return div.innerHTML;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
+3
-3
@@ -1,13 +1,13 @@
|
|||||||
console.log("Die JavaScript-Datei wurde erfolgreich geladen!");
|
console.log("editor.js wurde erfolgreich geladen!");
|
||||||
|
|
||||||
function initEditor() {
|
function initEditor() {
|
||||||
const form = document.getElementById("editor-form");
|
const form = document.getElementById("editor-form");
|
||||||
|
|
||||||
if (!form) {
|
if (!form) {
|
||||||
console.error("Skript abgebrochen: Formular nicht gefunden!");
|
console.error("editor.js wurde abgebrochen: Formular nicht gefunden!");
|
||||||
return;
|
return;
|
||||||
} else {
|
} else {
|
||||||
console.log("Formular gefunden und Editor initialisiert:", form);
|
console.log("Formular gefunden und editor.js initialisiert:", form);
|
||||||
}
|
}
|
||||||
|
|
||||||
const container = document.getElementById("block-container");
|
const container = document.getElementById("block-container");
|
||||||
|
|||||||
+198
-22
@@ -1,27 +1,203 @@
|
|||||||
function initPaginator() {
|
/**
|
||||||
const form = document.getElementById('search-form-id');
|
* Übernimmt Filterung (Kategorie), Sortierung und Pagination der
|
||||||
const pageInput = document.getElementById('s-res-page-input');
|
* Suchergebnisse vollständig clientseitig, ohne Neuladen der Seite.
|
||||||
const pageButtons = document.querySelectorAll('.s-res-page-navigation .s-res-page-btn');
|
*
|
||||||
|
* Voraussetzung: Im HTML liegt ein <script type="application/json" id="s-res-data">
|
||||||
|
* mit allen Treffern der aktuellen Suche (siehe content/search-results.php).
|
||||||
|
*
|
||||||
|
* Ist kein JavaScript aktiv, bleibt die serverseitig gerenderte Ausgabe
|
||||||
|
* (inkl. echter Pagination-Links und Formular-Submit) unverändert nutzbar.
|
||||||
|
*/
|
||||||
|
(function () {
|
||||||
|
const DEFAULT_PER_PAGE = 10;
|
||||||
|
|
||||||
pageButtons.forEach(button => {
|
const state = {
|
||||||
button.addEventListener('click', function() {
|
all: [],
|
||||||
if (this.disabled) return;
|
filtered: [],
|
||||||
|
category: 'all',
|
||||||
|
sort: 'alphabet',
|
||||||
|
perPage: DEFAULT_PER_PAGE,
|
||||||
|
page: 1,
|
||||||
|
};
|
||||||
|
|
||||||
const targetPage = this.getAttribute('data-page');
|
const els = {};
|
||||||
|
|
||||||
if (targetPage && form && pageInput) {
|
function init() {
|
||||||
pageInput.value = targetPage;
|
const dataScript = document.getElementById('s-res-data');
|
||||||
form.submit();
|
const listContainer = document.querySelector('.s-res-list');
|
||||||
}
|
if (!dataScript || !listContainer) {
|
||||||
|
return; // keine Ergebnisliste auf dieser Seite vorhanden
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
state.all = JSON.parse(dataScript.textContent);
|
||||||
|
} catch (e) {
|
||||||
|
console.error('Suchergebnis-Daten konnten nicht gelesen werden.', e);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
els.list = listContainer;
|
||||||
|
els.categorySelect = document.getElementById('category-filter');
|
||||||
|
els.perPageSelect = document.getElementById('s-res-per-page');
|
||||||
|
els.sortRadios = document.querySelectorAll('.sort-radio');
|
||||||
|
els.pagerContainer = document.querySelector('.s-res-page-navigation');
|
||||||
|
els.metaCount = document.querySelector('.s-res-meta');
|
||||||
|
|
||||||
|
// Ausgangszustand aus dem serverseitig gerenderten Markup übernehmen,
|
||||||
|
// damit Browser-zurück / geteilte Links konsistent bleiben.
|
||||||
|
if (els.categorySelect) state.category = els.categorySelect.value || 'all';
|
||||||
|
if (els.perPageSelect) state.perPage = parseInt(els.perPageSelect.value, 10) || DEFAULT_PER_PAGE;
|
||||||
|
const checkedSort = document.querySelector('.sort-radio:checked');
|
||||||
|
if (checkedSort) state.sort = checkedSort.value;
|
||||||
|
|
||||||
|
// Ab hier übernimmt JS: Formular-Steuerelemente lösen keinen
|
||||||
|
// Seiten-Reload mehr aus, sondern rendern direkt neu.
|
||||||
|
if (els.categorySelect) {
|
||||||
|
els.categorySelect.addEventListener('change', function () {
|
||||||
|
state.category = this.value;
|
||||||
|
state.page = 1;
|
||||||
|
render();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (els.perPageSelect) {
|
||||||
|
els.perPageSelect.addEventListener('change', function () {
|
||||||
|
state.perPage = parseInt(this.value, 10) || DEFAULT_PER_PAGE;
|
||||||
|
state.page = 1;
|
||||||
|
render();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
els.sortRadios.forEach(function (radio) {
|
||||||
|
radio.addEventListener('change', function () {
|
||||||
|
state.sort = this.value;
|
||||||
|
state.page = 1;
|
||||||
|
render();
|
||||||
|
});
|
||||||
});
|
});
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// ist das DOM bereits vollständig aufgebaut?
|
render();
|
||||||
if (document.readyState === 'loading') {
|
}
|
||||||
// Falls noch geladen wird, auf das Event warten
|
|
||||||
document.addEventListener('DOMContentLoaded', initPaginator);
|
function sortItems(items, sortValue) {
|
||||||
} else {
|
const copy = items.slice();
|
||||||
// Falls das HTML bereits komplett da ist, sofort ausführen
|
switch (sortValue) {
|
||||||
initPaginator();
|
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();
|
||||||
|
}
|
||||||
|
})();
|
||||||
@@ -0,0 +1,203 @@
|
|||||||
|
/**
|
||||||
|
* Übernimmt Filterung (Kategorie), Sortierung und Pagination der
|
||||||
|
* Suchergebnisse vollständig clientseitig, ohne Neuladen der Seite.
|
||||||
|
*
|
||||||
|
* Voraussetzung: Im HTML liegt ein <script type="application/json" id="s-res-data">
|
||||||
|
* mit allen Treffern der aktuellen Suche (siehe content/search-results.php).
|
||||||
|
*
|
||||||
|
* Ist kein JavaScript aktiv, bleibt die serverseitig gerenderte Ausgabe
|
||||||
|
* (inkl. echter Pagination-Links und Formular-Submit) unverändert nutzbar.
|
||||||
|
*/
|
||||||
|
(function () {
|
||||||
|
const DEFAULT_PER_PAGE = 10;
|
||||||
|
|
||||||
|
const state = {
|
||||||
|
all: [],
|
||||||
|
filtered: [],
|
||||||
|
category: 'all',
|
||||||
|
sort: 'alphabet',
|
||||||
|
perPage: DEFAULT_PER_PAGE,
|
||||||
|
page: 1,
|
||||||
|
};
|
||||||
|
|
||||||
|
const els = {};
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
const dataScript = document.getElementById('s-res-data');
|
||||||
|
const listContainer = document.querySelector('.s-res-list');
|
||||||
|
if (!dataScript || !listContainer) {
|
||||||
|
return; // keine Ergebnisliste auf dieser Seite vorhanden
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
state.all = JSON.parse(dataScript.textContent);
|
||||||
|
} catch (e) {
|
||||||
|
console.error('Suchergebnis-Daten konnten nicht gelesen werden.', e);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
els.list = listContainer;
|
||||||
|
els.categorySelect = document.getElementById('category-filter');
|
||||||
|
els.perPageSelect = document.getElementById('s-res-per-page');
|
||||||
|
els.sortRadios = document.querySelectorAll('.sort-radio');
|
||||||
|
els.pagerContainer = document.querySelector('.s-res-page-navigation');
|
||||||
|
els.metaCount = document.querySelector('.s-res-meta');
|
||||||
|
|
||||||
|
// Ausgangszustand aus dem serverseitig gerenderten Markup übernehmen,
|
||||||
|
// damit Browser-zurück / geteilte Links konsistent bleiben.
|
||||||
|
if (els.categorySelect) state.category = els.categorySelect.value || 'all';
|
||||||
|
if (els.perPageSelect) state.perPage = parseInt(els.perPageSelect.value, 10) || DEFAULT_PER_PAGE;
|
||||||
|
const checkedSort = document.querySelector('.sort-radio:checked');
|
||||||
|
if (checkedSort) state.sort = checkedSort.value;
|
||||||
|
|
||||||
|
// Ab hier übernimmt JS: Formular-Steuerelemente lösen keinen
|
||||||
|
// Seiten-Reload mehr aus, sondern rendern direkt neu.
|
||||||
|
if (els.categorySelect) {
|
||||||
|
els.categorySelect.addEventListener('change', function () {
|
||||||
|
state.category = this.value;
|
||||||
|
state.page = 1;
|
||||||
|
render();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (els.perPageSelect) {
|
||||||
|
els.perPageSelect.addEventListener('change', function () {
|
||||||
|
state.perPage = parseInt(this.value, 10) || DEFAULT_PER_PAGE;
|
||||||
|
state.page = 1;
|
||||||
|
render();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
els.sortRadios.forEach(function (radio) {
|
||||||
|
radio.addEventListener('change', function () {
|
||||||
|
state.sort = this.value;
|
||||||
|
state.page = 1;
|
||||||
|
render();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
render();
|
||||||
|
}
|
||||||
|
|
||||||
|
function sortItems(items, sortValue) {
|
||||||
|
const copy = items.slice();
|
||||||
|
switch (sortValue) {
|
||||||
|
case 'likes':
|
||||||
|
copy.sort(function (a, b) { return (b.likes || 0) - (a.likes || 0); });
|
||||||
|
break;
|
||||||
|
case 'newest':
|
||||||
|
copy.sort(function (a, b) { return (b.creationDate || '').localeCompare(a.creationDate || ''); });
|
||||||
|
break;
|
||||||
|
case 'oldest':
|
||||||
|
copy.sort(function (a, b) { return (a.creationDate || '').localeCompare(b.creationDate || ''); });
|
||||||
|
break;
|
||||||
|
case 'alphabet':
|
||||||
|
default:
|
||||||
|
copy.sort(function (a, b) { return a.title.localeCompare(b.title, 'de', { sensitivity: 'base' }); });
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
return copy;
|
||||||
|
}
|
||||||
|
|
||||||
|
function render() {
|
||||||
|
let items = state.all;
|
||||||
|
if (state.category && state.category !== 'all') {
|
||||||
|
items = items.filter(function (it) {
|
||||||
|
return (it.category || '').toLowerCase() === state.category.toLowerCase();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
state.filtered = sortItems(items, state.sort);
|
||||||
|
|
||||||
|
const totalResults = state.filtered.length;
|
||||||
|
const totalPages = Math.max(1, Math.ceil(totalResults / state.perPage));
|
||||||
|
if (state.page > totalPages) state.page = totalPages;
|
||||||
|
if (state.page < 1) state.page = 1;
|
||||||
|
|
||||||
|
const start = (state.page - 1) * state.perPage;
|
||||||
|
const pageItems = state.filtered.slice(start, start + state.perPage);
|
||||||
|
|
||||||
|
renderList(pageItems);
|
||||||
|
renderPager(totalPages);
|
||||||
|
renderMeta(totalResults);
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderList(items) {
|
||||||
|
els.list.innerHTML = '';
|
||||||
|
|
||||||
|
if (items.length === 0) {
|
||||||
|
const p = document.createElement('p');
|
||||||
|
p.textContent = 'Keine Beiträge zu diesem Suchbegriff gefunden.';
|
||||||
|
els.list.appendChild(p);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
items.forEach(function (item) {
|
||||||
|
const div = document.createElement('div');
|
||||||
|
div.className = 's-res-item';
|
||||||
|
div.setAttribute('data-likes', item.likes || 0);
|
||||||
|
div.setAttribute('data-category', (item.category || '').toLowerCase());
|
||||||
|
|
||||||
|
div.innerHTML =
|
||||||
|
'<div class="s-res-content">' +
|
||||||
|
'<h2 class="s-res-item-title">' +
|
||||||
|
'<a class="s-res-link"></a>' +
|
||||||
|
'</h2>' +
|
||||||
|
'<div class="s-res-meta-row">' +
|
||||||
|
'<p class="s-res-author">Von: <span class="s-res-author-name"></span></p>' +
|
||||||
|
'<span class="s-res-likes"></span>' +
|
||||||
|
'</div>' +
|
||||||
|
'</div>' +
|
||||||
|
'<div class="s-res-arrow">→</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();
|
||||||
|
}
|
||||||
|
})();
|
||||||
+29
-155
@@ -3,153 +3,32 @@ if (session_status() === PHP_SESSION_NONE) {
|
|||||||
session_start();
|
session_start();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
header("Content-Type: application/json");
|
||||||
|
|
||||||
require_once "../model/CommentManager.php";
|
require_once "../model/CommentManager.php";
|
||||||
|
|
||||||
/**
|
if (!isset($_SESSION["user_email"])) {
|
||||||
* Prüft, ob die Anfrage durch JavaScript per AJAX gesendet wurde.
|
echo json_encode([
|
||||||
*/
|
"success" => false,
|
||||||
$isAjaxRequest = isset($_SERVER["HTTP_X_REQUESTED_WITH"])
|
"message" => "Du musst angemeldet sein, um zu kommentieren."
|
||||||
&& 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();
|
exit();
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
$articleId = $_POST["article_id"] ?? null;
|
||||||
* Nur POST-Anfragen dürfen Kommentare erstellen.
|
|
||||||
*/
|
|
||||||
if ($_SERVER["REQUEST_METHOD"] !== "POST") {
|
|
||||||
sendCommentResponse(
|
|
||||||
false,
|
|
||||||
"Ungültige Anfrage.",
|
|
||||||
null
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Die Beitrags-ID wird zuerst eingelesen,
|
|
||||||
* damit bei Fehlern wieder zum Beitrag zurückgeleitet werden kann.
|
|
||||||
*/
|
|
||||||
$articleId = filter_input(
|
|
||||||
INPUT_POST,
|
|
||||||
"article_id",
|
|
||||||
FILTER_VALIDATE_INT
|
|
||||||
);
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Ein Benutzer muss angemeldet sein.
|
|
||||||
*/
|
|
||||||
if (!isset($_SESSION["user_email"])) {
|
|
||||||
sendCommentResponse(
|
|
||||||
false,
|
|
||||||
"Du musst angemeldet sein, um zu kommentieren.",
|
|
||||||
$articleId !== false ? $articleId : null
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Weitere Formulardaten einlesen.
|
|
||||||
*/
|
|
||||||
|
|
||||||
$content = trim($_POST["content"] ?? "");
|
$content = trim($_POST["content"] ?? "");
|
||||||
|
$parentCommentId = $_POST["parent_comment_id"] ?? null;
|
||||||
|
|
||||||
$parentCommentId = filter_input(
|
if ($parentCommentId === "" || $parentCommentId === "0") {
|
||||||
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;
|
$parentCommentId = null;
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($articleId === false || $articleId === null) {
|
if (empty($articleId) || empty($content)) {
|
||||||
sendCommentResponse(
|
echo json_encode([
|
||||||
false,
|
"success" => false,
|
||||||
"Der zugehörige Beitrag ist ungültig.",
|
"message" => "Kommentar darf nicht leer sein."
|
||||||
null
|
]);
|
||||||
);
|
exit();
|
||||||
}
|
|
||||||
|
|
||||||
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 {
|
try {
|
||||||
@@ -162,23 +41,18 @@ try {
|
|||||||
$parentCommentId
|
$parentCommentId
|
||||||
);
|
);
|
||||||
|
|
||||||
sendCommentResponse(
|
echo json_encode([
|
||||||
true,
|
"success" => true,
|
||||||
"Der Kommentar wurde erfolgreich gespeichert.",
|
"commentId" => $commentId,
|
||||||
$articleId,
|
"author" => $_SESSION["user_email"],
|
||||||
[
|
"content" => $content,
|
||||||
"commentId" => $commentId,
|
"created" => date("Y-m-d H:i:s"),
|
||||||
"author" => $_SESSION["user_email"],
|
"parentCommentId" => $parentCommentId
|
||||||
"content" => $content,
|
]);
|
||||||
"created" => date("Y-m-d H:i:s"),
|
|
||||||
"parentCommentId" => $parentCommentId
|
|
||||||
]
|
|
||||||
);
|
|
||||||
|
|
||||||
} catch (Throwable $e) {
|
} catch (Exception $e) {
|
||||||
sendCommentResponse(
|
echo json_encode([
|
||||||
false,
|
"success" => false,
|
||||||
"Der Kommentar konnte nicht gespeichert werden.",
|
"message" => "Kommentar konnte nicht gespeichert werden."
|
||||||
$articleId
|
]);
|
||||||
);
|
|
||||||
}
|
}
|
||||||
@@ -1,105 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
if (session_status() === PHP_SESSION_NONE) {
|
|
||||||
session_start();
|
|
||||||
}
|
|
||||||
|
|
||||||
require_once __DIR__ . "/../model/CommentManager.php";
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Kommentare dürfen nur über ein POST-Formular gelöscht werden.
|
|
||||||
*/
|
|
||||||
if ($_SERVER["REQUEST_METHOD"] !== "POST") {
|
|
||||||
header("Location: index.php");
|
|
||||||
exit();
|
|
||||||
}
|
|
||||||
$commentId = filter_input(
|
|
||||||
INPUT_POST,
|
|
||||||
"comment_id",
|
|
||||||
FILTER_VALIDATE_INT
|
|
||||||
);
|
|
||||||
|
|
||||||
$articleId = filter_input(
|
|
||||||
INPUT_POST,
|
|
||||||
"article_id",
|
|
||||||
FILTER_VALIDATE_INT
|
|
||||||
);
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Nur angemeldete Nutzer dürfen Kommentare löschen.
|
|
||||||
*/
|
|
||||||
if (!isset($_SESSION["user_email"])) {
|
|
||||||
$_SESSION["comment_message"] = "Du musst angemeldet sein.";
|
|
||||||
$_SESSION["comment_message_type"] = "error";
|
|
||||||
|
|
||||||
if ($articleId !== false && $articleId !== null) {
|
|
||||||
header(
|
|
||||||
"Location: index.php?pfad=showArticle&id="
|
|
||||||
. urlencode((string) $articleId)
|
|
||||||
. "#comments"
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
header("Location: index.php");
|
|
||||||
}
|
|
||||||
exit();
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Kommentar-ID und Beitrags-ID müssen gültige Zahlen sein.
|
|
||||||
*/
|
|
||||||
if (
|
|
||||||
$commentId === false
|
|
||||||
|| $commentId === null
|
|
||||||
|| $articleId === false
|
|
||||||
|| $articleId === null
|
|
||||||
) {
|
|
||||||
$_SESSION["comment_message"] =
|
|
||||||
"Der Kommentar konnte nicht gelöscht werden.";
|
|
||||||
|
|
||||||
$_SESSION["comment_message_type"] = "error";
|
|
||||||
|
|
||||||
header("Location: index.php");
|
|
||||||
exit();
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
$commentManager = CommentManager::getInstance();
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Die E-Mail-Adresse aus der Session wird mitgegeben.
|
|
||||||
* Dadurch kann der Nutzer nur eigene Kommentare löschen.
|
|
||||||
*/
|
|
||||||
$deleted = $commentManager->deleteComment(
|
|
||||||
$commentId,
|
|
||||||
$_SESSION["user_email"]
|
|
||||||
);
|
|
||||||
|
|
||||||
if ($deleted) {
|
|
||||||
$_SESSION["comment_message"] =
|
|
||||||
"Der Kommentar wurde gelöscht.";
|
|
||||||
|
|
||||||
$_SESSION["comment_message_type"] = "success";
|
|
||||||
} else {
|
|
||||||
$_SESSION["comment_message"] =
|
|
||||||
"Der Kommentar wurde nicht gefunden oder gehört nicht dir.";
|
|
||||||
|
|
||||||
$_SESSION["comment_message_type"] = "error";
|
|
||||||
}
|
|
||||||
|
|
||||||
} catch (Throwable $e) {
|
|
||||||
$_SESSION["comment_message"] =
|
|
||||||
"Der Kommentar konnte nicht gelöscht werden.";
|
|
||||||
|
|
||||||
$_SESSION["comment_message_type"] = "error";
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Anschließend wird wieder zum Beitrag und zu den Kommentaren geleitet.
|
|
||||||
*/
|
|
||||||
header(
|
|
||||||
"Location: index.php?pfad=showArticle&id="
|
|
||||||
. urlencode((string) $articleId)
|
|
||||||
. "#comments"
|
|
||||||
);
|
|
||||||
|
|
||||||
exit();
|
|
||||||
@@ -8,64 +8,61 @@ require_once '../model/Article.php';
|
|||||||
require_once '../validator/search-validator.php';
|
require_once '../validator/search-validator.php';
|
||||||
|
|
||||||
if ($_SERVER["REQUEST_METHOD"] === "GET" && isset($_GET["q"])) {
|
if ($_SERVER["REQUEST_METHOD"] === "GET" && isset($_GET["q"])) {
|
||||||
|
|
||||||
$search = trim($_GET["q"]);
|
$search = trim($_GET["q"]);
|
||||||
|
|
||||||
if (!searchQueryValidator($search)) {
|
if (!searchQueryValidator($search)) {
|
||||||
$_SESSION["search_results"] = [];
|
$_SESSION["search_results"] = [];
|
||||||
$_SESSION["search_query"] = "";
|
$_SESSION["search_query"] = "";
|
||||||
$_SESSION["message"] = "invalid_search_query";
|
$_SESSION["message"] = "invalid_search_query";
|
||||||
} else {
|
} else {
|
||||||
try {
|
try {
|
||||||
|
|
||||||
$articleManager = ArticleManager::getInstance();
|
$articleManager = ArticleManager::getInstance();
|
||||||
$userManager = UserManager::getInstance();
|
$userManager = UserManager::getInstance();
|
||||||
|
$results = $articleManager->search($search);
|
||||||
$results = $articleManager->search($search);
|
|
||||||
|
|
||||||
$sortStyle = $_GET['sort'] ?? 'alphabet';
|
$sortStyle = $_GET['sort'] ?? 'alphabet';
|
||||||
$_SESSION['search_sort'] = $sortStyle;
|
$_SESSION['search_sort'] = $sortStyle;
|
||||||
|
|
||||||
if ($sortStyle === 'alphabet') {
|
if ($sortStyle === 'alphabet') {
|
||||||
// Titel aufsteigend alphabetiisch sortiert
|
// Titel aufsteigend alphabetisch sortiert
|
||||||
usort($results, function ($a, $b) {
|
usort($results, function ($a, $b) {
|
||||||
return strcasecmp($a->getTitle(), $b->getTitle());
|
return strcasecmp($a->getTitle(), $b->getTitle());
|
||||||
});
|
});
|
||||||
} elseif ($sortStyle === 'likes') {
|
} elseif ($sortStyle === 'likes') {
|
||||||
usort($results, function($a, $b) {
|
usort($results, function ($a, $b) {
|
||||||
return $b->getLikeCount() <=> $a->getLikeCount();
|
return $b->getLikeCount() <=> $a->getLikeCount();
|
||||||
});
|
});
|
||||||
} elseif ($sortStyle === 'newest') {
|
} elseif ($sortStyle === 'newest') {
|
||||||
// Datum neu zu alt sortiert
|
// Datum neu zu alt sortiert
|
||||||
usort($results, function($a, $b) {
|
usort($results, function ($a, $b) {
|
||||||
return strcmp($b->getCreationDate(), $a->getCreationDate());
|
return strcmp($b->getCreationDate(), $a->getCreationDate());
|
||||||
});
|
});
|
||||||
} elseif ($sortStyle === 'oldest') {
|
} elseif ($sortStyle === 'oldest') {
|
||||||
// Datum alt zu neu sortiert
|
// Datum alt zu neu sortiert
|
||||||
usort($results, function($a, $b) {
|
usort($results, function ($a, $b) {
|
||||||
return strcmp($a->getCreationDate(), $b->getCreationDate());
|
return strcmp($a->getCreationDate(), $b->getCreationDate());
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Ergebnisse werden in ein flaches array umgewandelt, da sont incomplete-PHP error im Ergebnis
|
// Ergebnisse werden in ein flaches Array umgewandelt, da sonst incomplete-PHP-Fehler im Ergebnis
|
||||||
$safeArrayResults = [];
|
$safeArrayResults = [];
|
||||||
foreach ($results as $obj) {
|
foreach ($results as $obj) {
|
||||||
$safeArrayResults[] = [
|
$safeArrayResults[] = [
|
||||||
"id" => $obj->getId(),
|
"id" => $obj->getId(),
|
||||||
"title" => $obj->getTitle(),
|
"title" => $obj->getTitle(),
|
||||||
"content" => $obj->getContent(),
|
"content" => $obj->getContent(),
|
||||||
"author" => $userManager->findUser($obj->getAuthor())["vorname"] . " " . $userManager->findUser($obj->getAuthor())["nachname"],
|
"author" => $userManager->findUser($obj->getAuthor())["vorname"] . " " . $userManager->findUser($obj->getAuthor())["nachname"],
|
||||||
"category" => $obj->getCategory(),
|
"category" => $obj->getCategory(),
|
||||||
"tags" => $obj->getTags(),
|
"tags" => $obj->getTags(),
|
||||||
"creationDate" => $obj->getCreationDate(),
|
"creationDate" => $obj->getCreationDate(),
|
||||||
"likes" => $obj->getLikes(),
|
"likes" => $obj->getLikes(),
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
$_SESSION["search_results"] = $safeArrayResults;
|
$_SESSION["search_results"] = $safeArrayResults;
|
||||||
$_SESSION["search_query"] = $search;
|
$_SESSION["search_query"] = $search;
|
||||||
$_SESSION["message"] = "new_search_results";
|
$_SESSION["message"] = "new_search_results";
|
||||||
|
} catch (Exception $e) {
|
||||||
} catch (Exception $e){
|
|
||||||
$_SESSION["message"] = "internal_error";
|
$_SESSION["message"] = "internal_error";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -75,10 +72,18 @@ if ($_SERVER["REQUEST_METHOD"] === "GET" && isset($_GET["q"])) {
|
|||||||
if (!searchLimitValidator($limit)) {
|
if (!searchLimitValidator($limit)) {
|
||||||
$limit = 10;
|
$limit = 10;
|
||||||
}
|
}
|
||||||
$page = isset($_GET['page']) ? (int)$_GET['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);
|
|
||||||
|
// Kategorie-Filter durchreichen (Whitelist-Prüfung erfolgt in der View)
|
||||||
|
$category = isset($_GET['category']) ? $_GET['category'] : 'all';
|
||||||
|
|
||||||
|
header(
|
||||||
|
"Location: ../../index.php?pfad=search-results&q=" . urlencode($search) .
|
||||||
|
"&sort=" . urlencode($sort) .
|
||||||
|
"&limit=" . $limit .
|
||||||
|
"&category=" . urlencode($category) .
|
||||||
|
"&page=" . $page
|
||||||
|
);
|
||||||
exit();
|
exit();
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
?>
|
?>
|
||||||
@@ -49,9 +49,8 @@ if (isset($_GET["id"]) && !empty($_GET["id"])){
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
} catch (Throwable $e) {
|
} catch (Exception $e){
|
||||||
$_SESSION["message"] = "internal_error";
|
$_SESSION["message"] = "internal_error";
|
||||||
header("Location: index.php");
|
|
||||||
exit();
|
exit();
|
||||||
}
|
}
|
||||||
}else{
|
}else{
|
||||||
|
|||||||
@@ -1,92 +0,0 @@
|
|||||||
<?php
|
|
||||||
|
|
||||||
if (session_status() === PHP_SESSION_NONE) {
|
|
||||||
session_start();
|
|
||||||
}
|
|
||||||
|
|
||||||
require_once "php/model/CommentManager.php";
|
|
||||||
|
|
||||||
if ($_SERVER["REQUEST_METHOD"] !== "POST") {
|
|
||||||
header("Location: index.php");
|
|
||||||
exit();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!isset($_SESSION["user_email"])) {
|
|
||||||
header("Location: index.php?pfad=login");
|
|
||||||
exit();
|
|
||||||
}
|
|
||||||
|
|
||||||
$commentId = filter_input(
|
|
||||||
INPUT_POST,
|
|
||||||
"comment_id",
|
|
||||||
FILTER_VALIDATE_INT
|
|
||||||
);
|
|
||||||
|
|
||||||
$articleId = filter_input(
|
|
||||||
INPUT_POST,
|
|
||||||
"article_id",
|
|
||||||
FILTER_VALIDATE_INT
|
|
||||||
);
|
|
||||||
|
|
||||||
$content = trim($_POST["content"] ?? "");
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Ohne gültige Beitrags-ID kann nicht sicher
|
|
||||||
* zum ursprünglichen Beitrag zurückgeleitet werden.
|
|
||||||
*/
|
|
||||||
if (!$articleId) {
|
|
||||||
header("Location: index.php");
|
|
||||||
exit();
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Kommentar-ID und Inhalt werden geprüft.
|
|
||||||
*/
|
|
||||||
if (!$commentId || $content === "") {
|
|
||||||
$_SESSION["comment_message"] =
|
|
||||||
"Der Kommentar darf nicht leer sein.";
|
|
||||||
|
|
||||||
$_SESSION["comment_message_type"] = "error";
|
|
||||||
|
|
||||||
header(
|
|
||||||
"Location: index.php?pfad=showArticle&id="
|
|
||||||
. urlencode((string) $articleId)
|
|
||||||
. "#comments"
|
|
||||||
);
|
|
||||||
exit();
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
$commentManager = CommentManager::getInstance();
|
|
||||||
|
|
||||||
$updated = $commentManager->updateComment(
|
|
||||||
$commentId,
|
|
||||||
$_SESSION["user_email"],
|
|
||||||
$content
|
|
||||||
);
|
|
||||||
|
|
||||||
if ($updated) {
|
|
||||||
$_SESSION["comment_message"] =
|
|
||||||
"Der Kommentar wurde erfolgreich bearbeitet.";
|
|
||||||
|
|
||||||
$_SESSION["comment_message_type"] = "success";
|
|
||||||
} else {
|
|
||||||
$_SESSION["comment_message"] =
|
|
||||||
"Der Kommentar konnte nicht bearbeitet werden.";
|
|
||||||
|
|
||||||
$_SESSION["comment_message_type"] = "error";
|
|
||||||
}
|
|
||||||
|
|
||||||
} catch (Throwable $e) {
|
|
||||||
$_SESSION["comment_message"] =
|
|
||||||
"Beim Bearbeiten des Kommentars ist ein Fehler aufgetreten.";
|
|
||||||
|
|
||||||
$_SESSION["comment_message_type"] = "error";
|
|
||||||
}
|
|
||||||
|
|
||||||
header(
|
|
||||||
"Location: index.php?pfad=showArticle&id="
|
|
||||||
. urlencode((string) $articleId)
|
|
||||||
. "#comments"
|
|
||||||
);
|
|
||||||
exit();
|
|
||||||
@@ -13,7 +13,7 @@ class Comment
|
|||||||
private int $id;
|
private int $id;
|
||||||
private int $articleId;
|
private int $articleId;
|
||||||
private ?int $parentCommentId;
|
private ?int $parentCommentId;
|
||||||
private ?string $author;
|
private string $author;
|
||||||
private string $content;
|
private string $content;
|
||||||
private string $created;
|
private string $created;
|
||||||
|
|
||||||
@@ -23,7 +23,7 @@ class Comment
|
|||||||
* @param int $id Eindeutige ID des Kommentars
|
* @param int $id Eindeutige ID des Kommentars
|
||||||
* @param int $articleId ID des zugehörigen Beitrags
|
* @param int $articleId ID des zugehörigen Beitrags
|
||||||
* @param int|null $parentCommentId ID des Eltern-Kommentars oder null
|
* @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 $content Inhalt des Kommentars
|
||||||
* @param string $created Erstellungsdatum des Kommentars
|
* @param string $created Erstellungsdatum des Kommentars
|
||||||
*/
|
*/
|
||||||
@@ -31,7 +31,7 @@ class Comment
|
|||||||
int $id,
|
int $id,
|
||||||
int $articleId,
|
int $articleId,
|
||||||
?int $parentCommentId,
|
?int $parentCommentId,
|
||||||
?string $author,
|
string $author,
|
||||||
string $content,
|
string $content,
|
||||||
string $created
|
string $created
|
||||||
) {
|
) {
|
||||||
@@ -86,9 +86,9 @@ class Comment
|
|||||||
/**
|
/**
|
||||||
* Gibt den Autor des Kommentars zurück.
|
* 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;
|
return $this->author;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -51,40 +51,4 @@ interface CommentManagerDAO
|
|||||||
* @return Comment[] Liste der Kommentare
|
* @return Comment[] Liste der Kommentare
|
||||||
*/
|
*/
|
||||||
public function getCommentsByAuthor($author);
|
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.
|
* Erstellt die Kommentartabelle, falls diese noch nicht existiert.
|
||||||
*/
|
*/
|
||||||
private function __construct()
|
public function __construct()
|
||||||
{
|
{
|
||||||
$this->dbPath = __DIR__ . '/../../db/eduforgeDB.db';
|
$this->dbPath = __DIR__ . '/../../db/eduforgeDB.db';
|
||||||
DatabaseInitializer::initialize($this->dbPath);
|
DatabaseInitializer::initialize($this->dbPath);
|
||||||
@@ -223,194 +223,4 @@ class DatabaseCommentManager implements CommentManagerDAO
|
|||||||
|
|
||||||
return $comments;
|
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("
|
$db->exec("
|
||||||
CREATE TABLE IF NOT EXISTS comments (
|
CREATE TABLE IF NOT EXISTS comments (
|
||||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||||
article_id INTEGER NOT NULL,
|
article_id INTEGER NOT NULL,
|
||||||
parent_comment_id INTEGER NULL,
|
parent_comment_id INTEGER NULL,
|
||||||
author TEXT NULL,
|
author TEXT NOT NULL,
|
||||||
content TEXT NOT NULL,
|
content TEXT NOT NULL,
|
||||||
created TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
created TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||||
FOREIGN KEY (article_id) REFERENCES articles(id) ON DELETE CASCADE,
|
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
|
FOREIGN KEY (parent_comment_id) REFERENCES comments(id) ON DELETE CASCADE
|
||||||
);
|
);
|
||||||
");
|
");
|
||||||
|
|
||||||
$initializer = new self();
|
$initializer = new self();
|
||||||
$availableEmails = $initializer->seedDummyUsers($db);
|
$availableEmails = $initializer->seedDummyUsers($db);
|
||||||
|
|||||||
Reference in New Issue
Block a user