Compare commits
110 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e1529da4b0 | |||
| 986b85bed9 | |||
| 39d90c9fe0 | |||
| db62cee09b | |||
| b8d32de25f | |||
| 470d98940a | |||
| cab41ade7a | |||
| cf76f86f09 | |||
| bf33afb15b | |||
| 193c523de6 | |||
| 36c47bb7a6 | |||
| 6031fc0185 | |||
| e77c60d8c8 | |||
| 7f5cea8c1e | |||
| 71c213ef1e | |||
| 0b4c5f988d | |||
| 59eeb05e4b | |||
| 5d8239822a | |||
| 31585511d0 | |||
| 2ec1b70c91 | |||
| 8f8b25249c | |||
| 8be6e6d61c | |||
| bad0c08e6f | |||
| 55695f3f82 | |||
| 74cbc60cbe | |||
| c09c7ecfa3 | |||
| 944e332b49 | |||
| 4306785be9 | |||
| 266b70a094 | |||
| bd8593d212 | |||
| 0d009262b6 | |||
| bb2c368b1f | |||
| a712f5a993 | |||
| 53bee08833 | |||
| 7a2a3ac1e9 | |||
| a5f02c9a6c | |||
| f77f09ec6f | |||
| 535df85cff | |||
| 82e8c8a1a3 | |||
| c0d8fdede6 | |||
| 958ee1c1f5 | |||
| 1dd128d480 | |||
| dca716ddc5 | |||
| c1dd4fce2b | |||
| 16cfa92721 | |||
| 3b2ed78c1c | |||
| cebbe8869a | |||
| e07051b356 | |||
| 2d2bbeb39f | |||
| c00443b6fa | |||
| 1d541e285c | |||
| b96c588697 | |||
| fde9c59f91 | |||
| 72c7363a07 | |||
| 0b36050558 | |||
| 00dbf83da4 | |||
| c3e060b963 | |||
| a382d9254e | |||
| 2b7f44b817 | |||
| b5e4f44252 | |||
| 8561b02a08 | |||
| 01f4ff2d28 | |||
| b7e4387373 | |||
| e9a92eaec7 | |||
| 7a4f2d738f | |||
| a0a469a9df | |||
| 54209929fe | |||
| 5321534d71 | |||
| 7cf542c270 | |||
| c45d23a6b3 | |||
| ab094429b7 | |||
| cc5f46c00e | |||
| 1b2ab1cccb | |||
| adbf488e01 | |||
| 15ea5ddbfb | |||
| cbb662d159 | |||
| c5e7439541 | |||
| a748d94305 | |||
| 6c1a893f80 | |||
| 788e803e84 | |||
| 4d0f1de01c | |||
| e71ee8300e | |||
| f39885da10 | |||
| b7ca5bcfe2 | |||
| 57b0782577 | |||
| 4f524db221 | |||
| 17034c928b | |||
| 395041fd44 | |||
| c117c7e641 | |||
| 12ad9759cf | |||
| 057639be7c | |||
| 87e7be1c10 | |||
| 1db77346d0 | |||
| 1e6ac0fcd9 | |||
| b3c74c2172 | |||
| 0805958033 | |||
| 5c0e978c93 | |||
| 520298bae4 | |||
| 969adc4836 | |||
| d9eca06197 | |||
| 48f2e90e49 | |||
| 358247a2a1 | |||
| de4d2fe5c0 | |||
| e1102eb7db | |||
| a8df9590fd | |||
| 3e453e22ec | |||
| beeab0ec90 | |||
| 9353a7eaaa | |||
| cac8f3046d | |||
| 66eeac372c |
@@ -13,6 +13,10 @@
|
||||
- Per Klick auf das Logo gelangt man auf die Home-Seite.
|
||||
|
||||
## Ausgelassene Teilaufgaben
|
||||
- Das Anerkennen der Datenschutzerklärung und das Einhalten der
|
||||
Nutzungsbedingungen (bspw. was Rechte an eingestellten Texten und
|
||||
hochgeladenen Fotos angeht) muss ein Nutzer bei der Registrierung via einer
|
||||
Checkbox und dem Opt-In-Verfahren fehlt noch.
|
||||
|
||||
## Bekannte Fehler und Mängel
|
||||
- Bitte auf die gesetzten TODO's achten. Wenn Inhalte fehlen, sind sie i.d.R. als TODO kommentiert.
|
||||
@@ -23,6 +27,7 @@
|
||||
- Bilder im Beitragseditor sollen zukünftig eine Bildunterschrift bekommen und größenverstellbar sein.
|
||||
- Die Elemente eines Contents im Beitrag werden momentan stumpf untereinander aufgelistet. Soll später
|
||||
sich responisve auch nebeneinander orientieren usw.
|
||||
- Die Datenbank ist noch in die verschiedenen Manager unterteilt. Zukünftig werden alle Daten in einer Datenbank gespeichert.
|
||||
|
||||
## Besonderheiten des Projektes
|
||||
- Es wurde AJAX verwendet, um asynchrone Erstellung von Kommentaren zu implementieren. Es ermöglicht dem Nutzer, einen
|
||||
@@ -34,3 +39,4 @@
|
||||
|
||||
## Sonstiges
|
||||
- Das Datenschema befindet sich unter /planung/Datenschema.pdf
|
||||
- Im Impressum, sowie der Datenschutzerklaerung wurden Dummy-Daten verwendet
|
||||
+1
-2
@@ -14,7 +14,6 @@
|
||||
?>
|
||||
<h1>404 - Seite nicht vorhanden</h1>
|
||||
<p>
|
||||
Später im Projekt sollen über index.php?pfad= ... der Inhalt der index.php dynamisch gesetzt werden.
|
||||
Alle Content-Links der Navbar führen zunächst hier her. Exemplarisch wurden für die Fächer Informatik, Physik, Mathematik der Content als Seite erstellt und kann über die Navbar ausgekundschaftet werden.
|
||||
Die Seite, nach der du suchst, existiert hier leider nicht. Entweder haben wir sie verlegt, ein hungriger Bug hat sie gefressen, oder du hast dich beim Tippen vertippt. (Wir schieben die Schuld einfach mal ganz unauffällig auf dich.)
|
||||
</p>
|
||||
</main>
|
||||
@@ -0,0 +1,66 @@
|
||||
<!--
|
||||
Seite: Barrierefreiheitserklärung
|
||||
Inhalt: Erklärung zur Barrierefreiheit der Plattform
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="EduForge">
|
||||
<meta name="author" content="Niklas Ortmann">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" type="image/x-icon" href="../images/logos/logo_icon.ico">
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/navbar.css">
|
||||
<link rel="stylesheet" href="../css/footer.css">
|
||||
<title>EduForge</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<?php
|
||||
include_once 'includes/navbar.php';
|
||||
?>
|
||||
|
||||
<main>
|
||||
|
||||
<h1>Barrierefreiheitserklärung</h1>
|
||||
|
||||
<p>
|
||||
Wir bemühen uns, die Plattform EduForge möglichst barrierefrei zugänglich zu gestalten.
|
||||
Die Website wurde im Rahmen eines Hochschulprojekts erstellt.
|
||||
</p>
|
||||
|
||||
<h2>Stand der Vereinbarkeit</h2>
|
||||
<p>
|
||||
Diese Website ist teilweise barrierefrei. Einzelne Funktionen oder Inhalte können
|
||||
noch nicht vollständig barrierefrei nutzbar sein.
|
||||
</p>
|
||||
|
||||
<h2>Nicht barrierefreie Inhalte</h2>
|
||||
<p>
|
||||
Einzelne Bilder verfügen möglicherweise noch nicht über vollständige Alternativtexte.
|
||||
Außerdem kann die Bedienung mit Tastatur oder Screenreader in einzelnen Bereichen
|
||||
eingeschränkt sein.
|
||||
</p>
|
||||
|
||||
<h2>Feedback und Kontakt</h2>
|
||||
<p>
|
||||
Sollten Ihnen Barrieren auf unserer Website auffallen, kontaktieren Sie uns bitte
|
||||
über die im Impressum angegebenen Kontaktdaten.
|
||||
</p>
|
||||
|
||||
<h2>Erstellungsdatum</h2>
|
||||
<p>
|
||||
Diese Erklärung wurde im Rahmen eines Hochschulprojekts erstellt.
|
||||
</p>
|
||||
|
||||
</main>
|
||||
|
||||
<?php
|
||||
include_once 'includes/footer.php';
|
||||
?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,30 @@
|
||||
<?php
|
||||
/** @var string $title */
|
||||
/** @var string $message */
|
||||
/** @var string $link */
|
||||
/** @var bool $isSuccess */
|
||||
|
||||
$title = $title ?? "Passwort zurücksetzen";
|
||||
$message = $message ?? "Der Bestätigungslink konnte nicht verarbeitet werden.";
|
||||
$link = $link ?? "";
|
||||
$isSuccess = $isSuccess ?? false;
|
||||
?>
|
||||
|
||||
<!--
|
||||
Ansicht: Passwortbestätigung
|
||||
Funktion: Zeigt das Ergebnis der Passwortänderung an.
|
||||
-->
|
||||
|
||||
<main class="login-page">
|
||||
<div class="login-container">
|
||||
|
||||
<h1><?php echo htmlspecialchars($title); ?></h1>
|
||||
|
||||
<p class="alert-message <?php echo $isSuccess ? 'is-success' : 'is-error'; ?> confirm-message">
|
||||
<?php echo htmlspecialchars($message); ?>
|
||||
</p>
|
||||
|
||||
<?php echo $link; ?>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
@@ -0,0 +1,29 @@
|
||||
<?php
|
||||
/** @var string $title */
|
||||
/** @var string $message */
|
||||
/** @var string $link */
|
||||
/** @var bool $isSuccess */
|
||||
|
||||
$title = $title ?? "Registrierung";
|
||||
$message = $message ?? "Der Registrierungslink konnte nicht verarbeitet werden.";
|
||||
$link = $link ?? "";
|
||||
$isSuccess = $isSuccess ?? false;
|
||||
?>
|
||||
|
||||
<!--
|
||||
Ansicht: Registrierungsbestätigung
|
||||
Funktion: Zeigt das Ergebnis der Registrierungsbestätigung an.
|
||||
-->
|
||||
<main class="login-page">
|
||||
<div class="login-container">
|
||||
|
||||
<h1><?php echo htmlspecialchars($title); ?></h1>
|
||||
|
||||
<p class="alert-message <?php echo $isSuccess ? 'is-success' : 'is-error'; ?> confirm-message">
|
||||
<?php echo htmlspecialchars($message); ?>
|
||||
</p>
|
||||
|
||||
<?php echo $link; ?>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
+178
-7
@@ -4,15 +4,186 @@
|
||||
-->
|
||||
<main>
|
||||
|
||||
<h1>Datenschutz</h1>
|
||||
<h1>Datenschutz­erklärung</h1>
|
||||
<h2>1. Datenschutz auf einen Blick</h2>
|
||||
<h3>Allgemeine Hinweise</h3> <p>Die folgenden Hinweise geben einen einfachen Überblick darüber,
|
||||
was mit Ihren personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene Daten sind
|
||||
alle Daten, mit denen Sie persönlich identifiziert werden können. Ausführliche Informationen zum
|
||||
Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgeführten
|
||||
Datenschutzerklärung.</p>
|
||||
<h3>Datenerfassung auf dieser Website</h3> <h4>Wer ist verantwortlich für die Datenerfassung auf dieser
|
||||
Website?</h4> <p>Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen
|
||||
Kontaktdaten können Sie dem Abschnitt „Hinweis zur verantwortlichen Stelle“ in dieser
|
||||
Datenschutzerklärung entnehmen.</p> <h4>Wie erfassen wir Ihre Daten?</h4> <p>Ihre Daten werden zum
|
||||
einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann es sich z. B. um Daten handeln, die Sie in ein
|
||||
Kontaktformular eingeben.</p> <p>Andere Daten werden automatisch oder nach Ihrer Einwilligung beim Besuch
|
||||
der Website durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z. B. Internetbrowser,
|
||||
Betriebssystem oder Uhrzeit des Seitenaufrufs). Die Erfassung dieser Daten erfolgt automatisch, sobald Sie diese
|
||||
Website betreten.</p> <h4>Wofür nutzen wir Ihre Daten?</h4> <p>Ein Teil der Daten wird erhoben, um eine
|
||||
fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres
|
||||
Nutzerverhaltens verwendet werden. Sofern über die Website Verträge geschlossen oder angebahnt
|
||||
werden können, werden die übermittelten Daten auch für Vertragsangebote, Bestellungen oder
|
||||
sonstige Auftragsanfragen verarbeitet.</p> <h4>Welche Rechte haben Sie bezüglich Ihrer Daten?</h4>
|
||||
<p>Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer
|
||||
gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung oder
|
||||
Löschung dieser Daten zu verlangen. Wenn Sie eine Einwilligung zur Datenverarbeitung erteilt haben,
|
||||
können Sie diese Einwilligung jederzeit für die Zukunft widerrufen. Außerdem haben Sie das Recht,
|
||||
unter bestimmten Umständen die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu
|
||||
verlangen. Des Weiteren steht Ihnen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde
|
||||
zu.</p> <p>Hierzu sowie zu weiteren Fragen zum Thema Datenschutz können Sie sich jederzeit an uns
|
||||
wenden.</p>
|
||||
<h2>2. Hosting</h2>
|
||||
<p>Wir hosten die Inhalte unserer Website bei folgendem Anbieter:</p>
|
||||
<h3>Externes Hosting</h3> <p>Diese Website wird extern gehostet. Die personenbezogenen Daten, die auf dieser
|
||||
Website erfasst werden, werden auf den Servern des Hosters / der Hoster gespeichert. Hierbei kann es sich
|
||||
v. a. um IP-Adressen, Kontaktanfragen, Meta- und Kommunikationsdaten, Vertragsdaten, Kontaktdaten,
|
||||
Namen, Websitezugriffe und sonstige Daten, die über eine Website generiert werden, handeln.</p> <p>Das
|
||||
externe Hosting erfolgt zum Zwecke der Vertragserfüllung gegenüber unseren potenziellen und
|
||||
bestehenden Kunden (Art. 6 Abs. 1 lit. b DSGVO) und im Interesse einer sicheren, schnellen und effizienten
|
||||
Bereitstellung unseres Online-Angebots durch einen professionellen Anbieter (Art. 6 Abs. 1 lit. f DSGVO). Sofern
|
||||
eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage von
|
||||
Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG, soweit die Einwilligung die Speicherung von Cookies oder
|
||||
den Zugriff auf Informationen im Endgerät des Nutzers (z. B. Device-Fingerprinting) im Sinne des
|
||||
TDDDG umfasst. Die Einwilligung ist jederzeit widerrufbar.</p> <p>Unser(e) Hoster wird bzw. werden Ihre Daten
|
||||
nur insoweit verarbeiten, wie dies zur Erfüllung seiner Leistungspflichten erforderlich ist und unsere
|
||||
Weisungen in Bezug auf diese Daten befolgen.</p> <p>Wir setzen folgende(n) Hoster ein:</p>
|
||||
<p>-Platzhalter-</p>
|
||||
<h4>Auftragsverarbeitung</h4> <p>Wir haben einen Vertrag über Auftragsverarbeitung (AVV) zur Nutzung
|
||||
des oben genannten Dienstes geschlossen. Hierbei handelt es sich um einen datenschutzrechtlich vorgeschriebenen
|
||||
Vertrag, der gewährleistet, dass dieser die personenbezogenen Daten unserer Websitebesucher nur nach
|
||||
unseren Weisungen und unter Einhaltung der DSGVO verarbeitet.</p>
|
||||
<h2>3. Allgemeine Hinweise und Pflicht­informationen</h2>
|
||||
<h3>Datenschutz</h3> <p>Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr
|
||||
ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend den gesetzlichen
|
||||
Datenschutzvorschriften sowie dieser Datenschutzerklärung.</p> <p>Wenn Sie diese Website benutzen,
|
||||
werden verschiedene personenbezogene Daten erhoben. Personenbezogene Daten sind Daten, mit denen Sie
|
||||
persönlich identifiziert werden können. Die vorliegende Datenschutzerklärung erläutert,
|
||||
welche Daten wir erheben und wofür wir sie nutzen. Sie erläutert auch, wie und zu welchem Zweck das
|
||||
geschieht.</p> <p>Wir weisen darauf hin, dass die Datenübertragung im Internet (z. B. bei der
|
||||
Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor
|
||||
dem Zugriff durch Dritte ist nicht möglich.</p>
|
||||
<h3>Hinweis zur verantwortlichen Stelle</h3> <p>Die verantwortliche Stelle für die Datenverarbeitung auf
|
||||
dieser Website ist:</p> <p>Ammerlaender Heerstrasse, 114-118</p>
|
||||
<p>Telefon: 0123456789<br />
|
||||
E-Mail: GruppeC@uol.de</p>
|
||||
<p>Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder gemeinsam mit anderen
|
||||
über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten (z. B. Namen, E-Mail-
|
||||
Adressen o. Ä.) entscheidet.</p>
|
||||
<h3>Speicherdauer</h3> <p>Soweit innerhalb dieser Datenschutzerklärung keine speziellere Speicherdauer
|
||||
genannt wurde, verbleiben Ihre personenbezogenen Daten bei uns, bis der Zweck für die Datenverarbeitung
|
||||
entfällt. Wenn Sie ein berechtigtes Löschersuchen geltend machen oder eine Einwilligung zur
|
||||
Datenverarbeitung widerrufen, werden Ihre Daten gelöscht, sofern wir keine anderen rechtlich
|
||||
zulässigen Gründe für die Speicherung Ihrer personenbezogenen Daten haben (z. B. steuer-
|
||||
oder handelsrechtliche Aufbewahrungsfristen); im letztgenannten Fall erfolgt die Löschung nach Fortfall
|
||||
dieser Gründe.</p>
|
||||
<h3>Allgemeine Hinweise zu den Rechtsgrundlagen der Datenverarbeitung auf dieser Website</h3> <p>Sofern Sie
|
||||
in die Datenverarbeitung eingewilligt haben, verarbeiten wir Ihre personenbezogenen Daten auf Grundlage von Art.
|
||||
6 Abs. 1 lit. a DSGVO bzw. Art. 9 Abs. 2 lit. a DSGVO, sofern besondere Datenkategorien nach Art. 9 Abs. 1 DSGVO
|
||||
verarbeitet werden. Im Falle einer ausdrücklichen Einwilligung in die Übertragung personenbezogener
|
||||
Daten in Drittstaaten erfolgt die Datenverarbeitung außerdem auf Grundlage von Art. 49 Abs. 1 lit. a DSGVO.
|
||||
Sofern Sie in die Speicherung von Cookies oder in den Zugriff auf Informationen in Ihr Endgerät (z. B. via
|
||||
Device-Fingerprinting) eingewilligt haben, erfolgt die Datenverarbeitung zusätzlich auf Grundlage von §
|
||||
25 Abs. 1 TDDDG. Die Einwilligung ist jederzeit widerrufbar. Sind Ihre Daten zur Vertragserfüllung oder zur
|
||||
Durchführung vorvertraglicher Maßnahmen erforderlich, verarbeiten wir Ihre Daten auf Grundlage des
|
||||
Art. 6 Abs. 1 lit. b DSGVO. Des Weiteren verarbeiten wir Ihre Daten, sofern diese zur Erfüllung einer
|
||||
rechtlichen Verpflichtung erforderlich sind, auf Grundlage von Art. 6 Abs. 1 lit. c DSGVO. Die Datenverarbeitung
|
||||
kann ferner auf Grundlage unseres berechtigten Interesses nach Art. 6 Abs. 1 lit. f DSGVO erfolgen. Über die
|
||||
jeweils im Einzelfall einschlägigen Rechtsgrundlagen wird in den folgenden Absätzen dieser
|
||||
Datenschutzerklärung informiert.</p>
|
||||
<h3>Empfänger von personenbezogenen Daten</h3> <p>Im Rahmen unserer Geschäftstätigkeit
|
||||
arbeiten wir mit verschiedenen externen Stellen zusammen. Dabei ist teilweise auch eine Übermittlung von
|
||||
personenbezogenen Daten an diese externen Stellen erforderlich. Wir geben personenbezogene Daten nur dann an
|
||||
externe Stellen weiter, wenn dies im Rahmen einer Vertragserfüllung erforderlich ist, wenn wir gesetzlich
|
||||
hierzu verpflichtet sind (z. B. Weitergabe von Daten an Steuerbehörden), wenn wir ein berechtigtes
|
||||
Interesse nach Art. 6 Abs. 1 lit. f DSGVO an der Weitergabe haben oder wenn eine sonstige Rechtsgrundlage die
|
||||
Datenweitergabe erlaubt. Beim Einsatz von Auftragsverarbeitern geben wir personenbezogene Daten unserer
|
||||
Kunden nur auf Grundlage eines gültigen Vertrags über Auftragsverarbeitung weiter. Im Falle einer
|
||||
gemeinsamen Verarbeitung wird ein Vertrag über gemeinsame Verarbeitung geschlossen.</p>
|
||||
<h3>Widerruf Ihrer Einwilligung zur Datenverarbeitung</h3> <p>Viele Datenverarbeitungsvorgänge sind
|
||||
nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung
|
||||
jederzeit widerrufen. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom
|
||||
Widerruf unberührt.</p>
|
||||
<h3>Widerspruchsrecht gegen die Datenerhebung in besonderen Fällen sowie gegen Direktwerbung (Art. 21
|
||||
DSGVO)</h3> <p>WENN DIE DATENVERARBEITUNG AUF GRUNDLAGE VON ART. 6 ABS. 1 LIT. E ODER F
|
||||
DSGVO ERFOLGT, HABEN SIE JEDERZEIT DAS RECHT, AUS GRÜNDEN, DIE SICH AUS IHRER
|
||||
BESONDEREN SITUATION ERGEBEN, GEGEN DIE VERARBEITUNG IHRER PERSONENBEZOGENEN DATEN
|
||||
WIDERSPRUCH EINZULEGEN; DIES GILT AUCH FÜR EIN AUF DIESE BESTIMMUNGEN GESTÜTZTES
|
||||
PROFILING. DIE JEWEILIGE RECHTSGRUNDLAGE, AUF DENEN EINE VERARBEITUNG BERUHT, ENTNEHMEN
|
||||
SIE DIESER DATENSCHUTZERKLÄRUNG. WENN SIE WIDERSPRUCH EINLEGEN, WERDEN WIR IHRE
|
||||
BETROFFENEN PERSONENBEZOGENEN DATEN NICHT MEHR VERARBEITEN, ES SEI DENN, WIR
|
||||
KÖNNEN ZWINGENDE SCHUTZWÜRDIGE GRÜNDE FÜR DIE VERARBEITUNG
|
||||
NACHWEISEN, DIE IHRE INTERESSEN, RECHTE UND FREIHEITEN ÜBERWIEGEN ODER DIE
|
||||
VERARBEITUNG DIENT DER GELTENDMACHUNG, AUSÜBUNG ODER VERTEIDIGUNG VON
|
||||
RECHTSANSPRÜCHEN (WIDERSPRUCH NACH ART. 21 ABS. 1 DSGVO).</p> <p>WERDEN IHRE
|
||||
PERSONENBEZOGENEN DATEN VERARBEITET, UM DIREKTWERBUNG ZU BETREIBEN, SO HABEN SIE DAS
|
||||
RECHT, JEDERZEIT WIDERSPRUCH GEGEN DIE VERARBEITUNG SIE BETREFFENDER PERSONENBEZOGENER
|
||||
DATEN ZUM ZWECKE DERARTIGER WERBUNG EINZULEGEN; DIES GILT AUCH FÜR DAS PROFILING,
|
||||
SOWEIT ES MIT SOLCHER DIREKTWERBUNG IN VERBINDUNG STEHT. WENN SIE WIDERSPRECHEN,
|
||||
WERDEN IHRE PERSONENBEZOGENEN DATEN ANSCHLIESSEND NICHT MEHR ZUM ZWECKE DER
|
||||
DIREKTWERBUNG VERWENDET (WIDERSPRUCH NACH ART. 21 ABS. 2 DSGVO).</p>
|
||||
<h3>Beschwerde­recht bei der zuständigen Aufsichts­behörde</h3> <p>Im Falle von
|
||||
Verstößen gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei einer
|
||||
Aufsichtsbehörde, insbesondere in dem Mitgliedstaat ihres gewöhnlichen Aufenthalts, ihres
|
||||
Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes zu. Das Beschwerderecht besteht
|
||||
unbeschadet anderweitiger verwaltungsrechtlicher oder gerichtlicher Rechtsbehelfe.</p>
|
||||
<h3>Recht auf Daten­übertrag­barkeit</h3> <p>Sie haben das Recht, Daten, die wir auf Grundlage
|
||||
Ihrer Einwilligung oder in Erfüllung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in
|
||||
einem gängigen, maschinenlesbaren Format aushändigen zu lassen. Sofern Sie die direkte
|
||||
Übertragung der Daten an einen anderen Verantwortlichen verlangen, erfolgt dies nur, soweit es technisch
|
||||
machbar ist.</p>
|
||||
<h3>Auskunft, Berichtigung und Löschung</h3> <p>Sie haben im Rahmen der geltenden gesetzlichen
|
||||
Bestimmungen jederzeit das Recht auf unentgeltliche Auskunft über Ihre gespeicherten personenbezogenen
|
||||
Daten, deren Herkunft und Empfänger und den Zweck der Datenverarbeitung und ggf. ein Recht auf
|
||||
Berichtigung oder Löschung dieser Daten. Hierzu sowie zu weiteren Fragen zum Thema personenbezogene
|
||||
Daten können Sie sich jederzeit an uns wenden.</p>
|
||||
<h3>Recht auf Einschränkung der Verarbeitung</h3> <p>Sie haben das Recht, die Einschränkung der
|
||||
Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Hierzu können Sie sich jederzeit an uns wenden.
|
||||
Das Recht auf Einschränkung der Verarbeitung besteht in folgenden Fällen:</p> <ul> <li>Wenn Sie die
|
||||
Richtigkeit Ihrer bei uns gespeicherten personenbezogenen Daten bestreiten, benötigen wir in der Regel Zeit,
|
||||
um dies zu überprüfen. Für die Dauer der Prüfung haben Sie das Recht, die
|
||||
Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.</li> <li>Wenn die
|
||||
Verarbeitung Ihrer personenbezogenen Daten unrechtmäßig geschah/geschieht, können Sie statt
|
||||
der Löschung die Einschränkung der Datenverarbeitung verlangen.</li> <li>Wenn wir Ihre
|
||||
personenbezogenen Daten nicht mehr benötigen, Sie sie jedoch zur Ausübung, Verteidigung oder
|
||||
Geltendmachung von Rechtsansprüchen benötigen, haben Sie das Recht, statt der Löschung die
|
||||
Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.</li> <li>Wenn Sie einen
|
||||
Widerspruch nach Art. 21 Abs. 1 DSGVO eingelegt haben, muss eine Abwägung zwischen Ihren und unseren
|
||||
Interessen vorgenommen werden. Solange noch nicht feststeht, wessen Interessen überwiegen, haben Sie das
|
||||
Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.</li> </ul>
|
||||
<p>Wenn Sie die Verarbeitung Ihrer personenbezogenen Daten eingeschränkt haben, dürfen diese
|
||||
Daten – von ihrer Speicherung abgesehen – nur mit Ihrer Einwilligung oder zur Geltendmachung,
|
||||
Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der Rechte einer anderen
|
||||
natürlichen oder juristischen Person oder aus Gründen eines wichtigen öffentlichen Interesses der
|
||||
Europäischen Union oder eines Mitgliedstaats verarbeitet werden.</p>
|
||||
|
||||
<h4>Cookies</h4>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
|
||||
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
|
||||
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
|
||||
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
|
||||
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||
sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
Unsere Internetseiten verwenden so genannte „Cookies“. Cookies sind kleine Datenpakete und richten auf
|
||||
Ihrem Endgerät keinen Schaden an. Sie werden entweder vorübergehend für die Dauer einer Sitzung
|
||||
(Session-Cookies) oder dauerhaft (permanente Cookies) auf Ihrem Endgerät gespeichert. Session-Cookies
|
||||
werden nach Ende Ihres Besuchs automatisch gelöscht. Permanente Cookies bleiben auf Ihrem Endgerät
|
||||
gespeichert, bis Sie diese selbst löschen oder eine automatische Löschung durch Ihren Webbrowser erfolgt.
|
||||
Cookies haben verschiedene Funktionen. Zahlreiche Cookies sind technisch notwendig, da bestimmte
|
||||
Webseitenfunktionen ohne diese nicht funktionieren würden (z. B. die Anmeldung). Andere Cookies können zur
|
||||
Auswertung des Nutzerverhaltens oder zu Werbezwecken verwendet werden.
|
||||
Cookies, die zur Durchführung des elektronischen Kommunikationsvorgangs, zur Bereitstellung
|
||||
bestimmter, von Ihnen erwünschter Funktionen oder zur Optimierung der
|
||||
Website (z. B. Cookies zur Messung des Webpublikums) erforderlich sind (notwendige Cookies), werden auf
|
||||
Grundlage von Art. 6 Abs. 1 lit. f DSGVO gespeichert, sofern keine andere Rechtsgrundlage angegeben wird.
|
||||
Der Websitebetreiber hat ein berechtigtes Interesse an der Speicherung von notwendigen Cookies zur
|
||||
technisch fehlerfreien und optimierten Bereitstellung seiner Dienste. Sofern eine Einwilligung zur
|
||||
Speicherung von Cookies und vergleichbaren Wiedererkennungstechnologien abgefragt wurde, erfolgt die
|
||||
Verarbeitung ausschließlich auf Grundlage dieser Einwilligung (Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1
|
||||
TDDDG); die Einwilligung ist jederzeit widerrufbar.
|
||||
Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und
|
||||
Cookies nur im Einzelfall erlauben, die Annahme von Cookies für bestimmte Fälle oder generell ausschließen
|
||||
sowie das automatische Löschen der Cookies beim Schließen des Browsers aktivieren. Bei der
|
||||
Deaktivierung von Cookies kann die Funktionalität dieser Website eingeschränkt sein.
|
||||
Sofern weitere Cookies und Dienste auf dieser Website eingesetzt werden, können Sie dies dieser
|
||||
Datenschutzerklärung entnehmen.
|
||||
|
||||
Auf dieser Webseite werden jedoch nur technisch notwendige Cookies verwendet.
|
||||
</p>
|
||||
<p>Quelle: <a href="https://www.e-recht24.de">https://www.e-recht24.de</a></p>
|
||||
|
||||
</main>
|
||||
|
||||
+3
-6
@@ -11,12 +11,9 @@ include_once 'php/controller/home-controller.php';
|
||||
|
||||
<h1>Home</h1>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
|
||||
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
|
||||
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
|
||||
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
|
||||
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||
sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
Schön, dass du da bist. EduForge ist deine digitale Werkstatt für Lernerfolg. Wir unterstützen Schüler und
|
||||
Studierende dabei, die passenden Lernmaterialien zu finden, Wissenslücken zu schließen und Gelerntes gezielt
|
||||
zu vertiefen.
|
||||
</p>
|
||||
|
||||
<!-- Flexbox für aktive Kategorien -->
|
||||
|
||||
@@ -6,14 +6,12 @@
|
||||
<main>
|
||||
|
||||
<h1>Impressum</h1>
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
|
||||
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
|
||||
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
|
||||
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
|
||||
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||
sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
</p>
|
||||
<p>Gruppe C<br />
|
||||
Ammerlaender Heerstrasse, 114-118<br />
|
||||
26129 Oldenburg</p>
|
||||
<h2>Kontakt</h2>
|
||||
<p>Telefon: 0123456789<br />
|
||||
E-Mail: GruppeC@uni-oldenburg.de</p>
|
||||
<p>Quelle: <a href="https://www.e-recht24.de/impressum-generator.html">https://www.e-recht24.de/impressum-generator.html</a></p>
|
||||
|
||||
</main>
|
||||
|
||||
+10
-2
@@ -11,8 +11,10 @@ $error = $error ?? null;
|
||||
|
||||
<h1>Bitte anmelden</h1>
|
||||
|
||||
<?php if ($error): ?>
|
||||
<p style="color:red;">
|
||||
<?php include_once "includes/alertMessages.php"; ?>
|
||||
|
||||
<?php if (!empty($error)): ?>
|
||||
<p class="alert-message is-error">
|
||||
<?php echo htmlspecialchars($error); ?>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
@@ -41,6 +43,12 @@ $error = $error ?? null;
|
||||
anmelden
|
||||
</button>
|
||||
|
||||
<div class="register-link">
|
||||
<a href="index.php?pfad=password-forgotten">
|
||||
Passwort vergessen?
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="register-link">
|
||||
<a href="index.php?pfad=register">
|
||||
Noch keinen Account? Jetzt hier registrieren!
|
||||
|
||||
@@ -23,19 +23,58 @@
|
||||
include_once 'includes/navbar.php';
|
||||
?>
|
||||
|
||||
<main>
|
||||
|
||||
<main>
|
||||
|
||||
<h1>Nutzungsbedingungen</h1>
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
|
||||
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
|
||||
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
|
||||
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
|
||||
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||
sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||
Diese Nutzungsbedingungen regeln die Nutzung der Plattform EduForge.
|
||||
Mit der Registrierung und Nutzung der Website erkennen Nutzerinnen und Nutzer
|
||||
die nachfolgenden Bedingungen an.
|
||||
</p>
|
||||
|
||||
<h2>1. Nutzung der Plattform</h2>
|
||||
<p>
|
||||
EduForge dient dem Austausch von Lerninhalten, Beiträgen und Kommentaren.
|
||||
Die Nutzung der Plattform darf ausschließlich im Rahmen der geltenden Gesetze erfolgen.
|
||||
</p>
|
||||
|
||||
<h2>2. Verhalten der Nutzerinnen und Nutzer</h2>
|
||||
<p>
|
||||
Nutzerinnen und Nutzer verpflichten sich zu einem respektvollen Umgang miteinander.
|
||||
Das Veröffentlichen von beleidigenden, diskriminierenden, rechtswidrigen oder
|
||||
anderweitig unangemessenen Inhalten ist untersagt.
|
||||
</p>
|
||||
|
||||
<h2>3. Veröffentlichung von Inhalten</h2>
|
||||
<p>
|
||||
Nutzerinnen und Nutzer sind für die von ihnen veröffentlichten Inhalte selbst verantwortlich.
|
||||
Dies gilt insbesondere für Beiträge, Kommentare, Bilder und sonstige hochgeladene Dateien.
|
||||
</p>
|
||||
|
||||
<h2>4. Urheberrechte</h2>
|
||||
<p>
|
||||
Es dürfen ausschließlich Inhalte veröffentlicht werden, an denen die Nutzerinnen und Nutzer
|
||||
die erforderlichen Rechte besitzen. Durch das Einstellen von Inhalten versichern die
|
||||
Nutzerinnen und Nutzer, keine Rechte Dritter zu verletzen.
|
||||
</p>
|
||||
|
||||
<h2>5. Entfernung von Inhalten</h2>
|
||||
<p>
|
||||
Inhalte, die gegen diese Nutzungsbedingungen oder geltendes Recht verstoßen,
|
||||
können vom Betreiber der Plattform entfernt werden.
|
||||
</p>
|
||||
|
||||
<h2>6. Änderungen der Nutzungsbedingungen</h2>
|
||||
<p>
|
||||
Der Betreiber behält sich vor, diese Nutzungsbedingungen anzupassen, sofern dies
|
||||
für den Betrieb oder die Weiterentwicklung der Plattform erforderlich ist.
|
||||
</p>
|
||||
|
||||
</main>
|
||||
|
||||
</main>
|
||||
|
||||
<?php
|
||||
|
||||
@@ -0,0 +1,54 @@
|
||||
<?php
|
||||
$error = $error ?? null;
|
||||
$success = $success ?? null;
|
||||
?>
|
||||
|
||||
<main class="login-page">
|
||||
<div class="login-container">
|
||||
|
||||
<h1>Passwort vergessen</h1>
|
||||
|
||||
<?php if (!empty($error)): ?>
|
||||
<p class="alert-message is-error">
|
||||
<?php echo htmlspecialchars($error); ?>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (!empty($success)): ?>
|
||||
<p class="alert-message is-success">
|
||||
<?php echo $success; ?>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
|
||||
<form method="post" action="index.php?pfad=password-forgotten">
|
||||
|
||||
<p class="input-label">E-Mail-Adresse:</p>
|
||||
<input type="email"
|
||||
name="email"
|
||||
class="login-input"
|
||||
placeholder="E-Mail-Adresse"
|
||||
required>
|
||||
|
||||
<p class="input-label">Neues Passwort:</p>
|
||||
<input type="password"
|
||||
name="password"
|
||||
class="login-input"
|
||||
placeholder="Neues Passwort"
|
||||
required>
|
||||
|
||||
<button type="submit"
|
||||
name="passwordForgottenSubmit"
|
||||
class="button">
|
||||
Passwort zurücksetzen
|
||||
</button>
|
||||
|
||||
<div class="register-link">
|
||||
<a href="index.php?pfad=login">
|
||||
Zurück zum Login
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
@@ -1,5 +1,6 @@
|
||||
<?php
|
||||
$error = $error ?? null;
|
||||
$success = $success ?? null;
|
||||
?>
|
||||
|
||||
<!--
|
||||
@@ -12,11 +13,17 @@ $error = $error ?? null;
|
||||
<h1>Jetzt Registrieren!</h1>
|
||||
|
||||
<?php if (!empty($error)): ?>
|
||||
<p class="alert-message is-error" style="color:red;">
|
||||
<p class="alert-message is-error">
|
||||
<?php echo htmlspecialchars($error); ?>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (!empty($success)): ?>
|
||||
<p class="alert-message is-success">
|
||||
<?php echo $success; ?>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
|
||||
<form method="post" action="index.php?pfad=register">
|
||||
|
||||
<p class="input-label">Email:</p>
|
||||
|
||||
+132
-65
@@ -5,17 +5,47 @@ if (session_status() === PHP_SESSION_NONE) {
|
||||
|
||||
$all_results = $_SESSION["search_results"] ?? [];
|
||||
$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;
|
||||
if (!in_array($limit, [10, 20, 50, 100])) {
|
||||
if (!in_array($limit, [10, 20, 50, 100], true)) {
|
||||
$limit = 10;
|
||||
}
|
||||
|
||||
// Gesamtseitenzahl
|
||||
$totalPages = max(1, ceil($totalResultsCount / $limit));
|
||||
$currentSort = $_SESSION['search_sort'] ?? 'alphabet';
|
||||
|
||||
// ---------------------------------------------------------------
|
||||
// Diese Berechnung ist der Server-seitige Fallback für Nutzer ohne
|
||||
// JavaScript. Sobald JS aktiv ist, übernimmt js/search-results.js
|
||||
// Filterung, Sortierung und Pagination komplett im Browser (auf
|
||||
// Basis des unten eingebetteten JSON-Datensatzes) und überschreibt
|
||||
// diese Ausgabe live, ohne dass eine neue Seite geladen wird.
|
||||
// ---------------------------------------------------------------
|
||||
$filteredResults = $all_results;
|
||||
if ($category !== 'all') {
|
||||
$filteredResults = array_values(array_filter($filteredResults, function ($item) use ($category) {
|
||||
return ($item['category'] ?? '') === $category;
|
||||
}));
|
||||
}
|
||||
|
||||
$totalResultsCount = count($filteredResults);
|
||||
$totalPages = max(1, (int)ceil($totalResultsCount / $limit));
|
||||
|
||||
// Aktuelle Seite auslesen und validieren
|
||||
$currentPage = isset($_GET['page']) ? (int)$_GET['page'] : 1;
|
||||
if ($currentPage < 1) {
|
||||
$currentPage = 1;
|
||||
@@ -23,16 +53,45 @@ if ($currentPage < 1) {
|
||||
$currentPage = $totalPages;
|
||||
}
|
||||
|
||||
// Startpunkt im Array berechnen (Offset)
|
||||
$offset = ($currentPage - 1) * $limit;
|
||||
|
||||
// Nur die Ergebnisse für die aktuelle Seite ausschneiden
|
||||
$results = array_slice($all_results, $offset, $limit);
|
||||
$results = array_slice($filteredResults, $offset, $limit);
|
||||
$resultCount = count($results);
|
||||
|
||||
// Hilfsfunktion, um Pagination-Links zu bauen, die alle aktuellen
|
||||
// Parameter (q, sort, limit, category) beibehalten.
|
||||
function buildPageUrl(int $page, string $query, string $sort, int $limit, string $category): string
|
||||
{
|
||||
$params = [
|
||||
'pfad' => 'search-results',
|
||||
'q' => $query,
|
||||
'sort' => $sort,
|
||||
'limit' => $limit,
|
||||
'category' => $category,
|
||||
'page' => $page,
|
||||
];
|
||||
return 'index.php?' . http_build_query($params);
|
||||
}
|
||||
|
||||
// ---------------------------------------------------------------
|
||||
// JSON-Datensatz für die clientseitige Aufbereitung (Filter,
|
||||
// Sortierung, Pagination) durch js/search-results.js. Enthält ALLE
|
||||
// Treffer der Suche (unabhängig von Kategorie/Sortierung/Seite),
|
||||
// damit im Browser ohne weitere Serveranfragen gearbeitet werden kann.
|
||||
// ---------------------------------------------------------------
|
||||
$jsonItems = array_map(function ($item) {
|
||||
$likes = isset($item['likes']) && is_array($item['likes']) ? count($item['likes']) : ($item['likes'] ?? 0);
|
||||
return [
|
||||
'id' => $item['id'] ?? null,
|
||||
'title' => $item['title'] ?? '',
|
||||
'author' => $item['author'] ?? '',
|
||||
'category' => $item['category'] ?? '',
|
||||
'likes' => $likes,
|
||||
'creationDate'=> $item['creationDate'] ?? '',
|
||||
];
|
||||
}, $all_results);
|
||||
?>
|
||||
<noscript>
|
||||
Bitte JavaScript aktivieren!
|
||||
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>
|
||||
<!--
|
||||
Seite: Suchergebnisse
|
||||
@@ -40,63 +99,77 @@ $resultCount = count($results);
|
||||
-->
|
||||
<div class="s-res-layout-grid">
|
||||
<?php include_once "includes/alertMessages.php" ?>
|
||||
|
||||
<!-- Links: Seitenleiste für Filter und Suche -->
|
||||
<aside class="s-res-sidebar">
|
||||
|
||||
<!-- Sortierfuntion Box und Such Box -->
|
||||
<form id="search-form-id" action="php/controller/search-results-controller.php" method="GET" class="s-res-sidebar-form">
|
||||
<!-- Dieses Feld hält die aktuelle Seitenzahl für den Submit bereit -->
|
||||
<input type="hidden" name="page" id="s-res-page-input" value="<?php echo $currentPage; ?>">
|
||||
<form action="php/controller/search-results-controller.php" method="GET" id="searchform-id" class="s-res-sidebar-form">
|
||||
|
||||
<input type="hidden" id="s-res-page-input" name="page" value="<?php echo (int)$currentPage; ?>">
|
||||
|
||||
<div class="s-res-sidebar-box">
|
||||
<h3 class="s-res-sidebar-title">Suche anpassen</h3>
|
||||
<input type="search" id="site-search" name="q" placeholder="Suchen..." class="nav__search" value="<?php echo htmlspecialchars($query); ?>" maxlength="50" required>
|
||||
<input type="search" id="site-search" name="q" placeholder="Suchen..."
|
||||
class="nav__search" value="<?php echo htmlspecialchars($query); ?>" maxlength="50" required>
|
||||
<button type="submit" class="nav__search-button">Suchen</button>
|
||||
</div>
|
||||
|
||||
<div class="s-res-sidebar-box">
|
||||
<h3 class="s-res-sidebar-title">Sortierung</h3>
|
||||
<?php $currentSort = $_SESSION['search_sort'] ?? 'alphabet'; ?>
|
||||
<div class="s-res-filter-group">
|
||||
<label class="s-res-filter-option">
|
||||
<input type="radio" name="sort" value="alphabet" <?php echo $currentSort === 'alphabet' ? 'checked' : ''; ?> onchange="this.form.submit()">
|
||||
<input type="radio" name="sort" value="alphabet" class="sort-radio" <?php echo $currentSort === 'alphabet' ? 'checked' : ''; ?>>
|
||||
<span>Alphabetisch</span>
|
||||
</label>
|
||||
<!-- Noch disabled, da likes noch nicht implementiert-->
|
||||
<label class="s-res-filter-option">
|
||||
<input type="radio" name="sort" value="likes" <?php echo $currentSort === 'likes' ? 'checked' : ''; ?> onchange="this.form.submit()">
|
||||
<input type="radio" name="sort" value="likes" class="sort-radio" <?php echo $currentSort === 'likes' ? 'checked' : ''; ?>>
|
||||
<span>Beliebtheit (Likes)</span>
|
||||
</label>
|
||||
<label class="s-res-filter-option">
|
||||
<input type="radio" name="sort" value="newest" <?php echo $currentSort === 'newest' ? 'checked' : ''; ?> onchange="this.form.submit()">
|
||||
<input type="radio" name="sort" value="newest" class="sort-radio" <?php echo $currentSort === 'newest' ? 'checked' : ''; ?>>
|
||||
<span>Neueste Beiträge</span>
|
||||
</label>
|
||||
<label class="s-res-filter-option">
|
||||
<input type="radio" name="sort" value="oldest" <?php echo $currentSort === 'oldest' ? 'checked' : ''; ?> onchange="this.form.submit()">
|
||||
<input type="radio" name="sort" value="oldest" class="sort-radio" <?php echo $currentSort === 'oldest' ? 'checked' : ''; ?>>
|
||||
<span>Älteste Beiträge</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
<div class="s-res-sidebar-box">
|
||||
<h3 class="s-res-sidebar-title">Kategorie filtern</h3>
|
||||
<select id="category-filter" name="category" class="s-res-limit-select" style="width: 100%; padding: 8px; border-radius: 6px; border: 1px solid #cbd5e1;">
|
||||
<?php foreach ($allowedCategories as $catValue):
|
||||
$label = $catValue === 'all' ? 'Alle Kategorien' : ($catValue === 'Franzoesisch' ? 'Französisch' : $catValue);
|
||||
?>
|
||||
<option value="<?php echo htmlspecialchars($catValue); ?>" <?php echo $category === $catValue ? 'selected' : ''; ?>>
|
||||
<?php echo htmlspecialchars($label); ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- Für Nutzer ohne JavaScript: expliziter Button, um Sortierung/Kategorie anzuwenden -->
|
||||
<noscript>
|
||||
<button type="submit" class="nav__search-button">Filter anwenden</button>
|
||||
</noscript>
|
||||
</form>
|
||||
</aside>
|
||||
|
||||
<main class="s-res-main-content">
|
||||
|
||||
<div class="s-res-header">
|
||||
<h1 class="s-res-main-title">Suchergebnisse</h1>
|
||||
<p class="s-res-meta"><?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>
|
||||
|
||||
<!-- Ergebnisliste -->
|
||||
<!-- Ergebnisliste: serverseitig gerendert (No-JS-Fallback). Wird bei aktivem JS durch js/search-results.js live ersetzt. -->
|
||||
<div class="s-res-list">
|
||||
<?php
|
||||
if (!empty($results)): ?>
|
||||
|
||||
<?php foreach ($results as $item): ?>
|
||||
<div class="s-res-item">
|
||||
<?php if (!empty($results)): ?>
|
||||
<?php foreach ($results as $item):
|
||||
$likesCount = isset($item['likes']) && is_array($item['likes']) ? count($item['likes']) : ($item['likes'] ?? 0);
|
||||
?>
|
||||
<div class="s-res-item" data-likes="<?php echo $likesCount; ?>" data-category="<?php echo strtolower($item['category'] ?? ''); ?>">
|
||||
<div class="s-res-content">
|
||||
<h2 class="s-res-item-title">
|
||||
<a href="index.php?pfad=showArticle&id=<?php echo $item['id']; ?>" class="s-res-link">
|
||||
@@ -105,36 +178,25 @@ $resultCount = count($results);
|
||||
</h2>
|
||||
<div class="s-res-meta-row">
|
||||
<p class="s-res-author">Von: <span class="s-res-author-name"><?php echo htmlspecialchars($item['author']); ?></span></p>
|
||||
|
||||
<span class="s-res-likes">
|
||||
❤️ <?php echo isset($item['likes']) && is_array($item['likes']) ? count($item['likes']) : 0; ?>
|
||||
</span>
|
||||
<span class="s-res-likes"> ❤️ <?php echo $likesCount; ?></span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="s-res-arrow">→</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
|
||||
<?php
|
||||
elseif (isset($_SESSION["search_query"]) && $_SESSION["search_query"] !== "" && $resultCount === 0): ?>
|
||||
<?php elseif (isset($_SESSION["search_query"]) && $_SESSION["search_query"] !== "" && $resultCount === 0): ?>
|
||||
<p>Keine Beiträge zu diesem Suchbegriff gefunden.</p>
|
||||
<?php
|
||||
elseif (isset($_SESSION["message"]) && $_SESSION["message"] == "missing_parameters"): ?>
|
||||
<p>Bitte überprüfe deine Sucheingabe und versuche es erneut!</p>
|
||||
|
||||
<?php elseif (isset($_SESSION["message"]) && $_SESSION["message"] == "invalid_search_query"): ?>
|
||||
<p>Unzulässige Suchanfrage</p>
|
||||
<?php endif; ?>
|
||||
<?php
|
||||
unset($_SESSION["message"]);
|
||||
?>
|
||||
|
||||
<?php unset($_SESSION["message"]); ?>
|
||||
</div>
|
||||
<div class="s-res-pagination-footer">
|
||||
|
||||
<div class="s-res-pagination-footer">
|
||||
<!-- Auswahl der Ergebnisse pro Seite -->
|
||||
<div class="s-res-limit-selector">
|
||||
<label for="s-res-per-page" class="s-res-limit-label">Ergebnisse pro Seite:</label>
|
||||
<select id="s-res-per-page" name="limit" class="s-res-limit-select" form="search-form-id" onchange="this.form.submit()">
|
||||
<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="20" <?php echo $limit === 20 ? 'selected' : ''; ?>>20</option>
|
||||
<option value="50" <?php echo $limit === 50 ? 'selected' : ''; ?>>50</option>
|
||||
@@ -142,24 +204,29 @@ $resultCount = count($results);
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- No-JS-Fallback: echte Links, die serverseitig neu paginieren -->
|
||||
<div class="s-res-page-navigation">
|
||||
<button type="button" class="s-res-page-btn" data-page="<?php echo $currentPage - 1; ?>" <?php echo $currentPage <= 1 ? 'disabled' : ''; ?>>
|
||||
«
|
||||
</button>
|
||||
<!-- Dynamische Seitenzahlen -->
|
||||
<?php for ($i = 1; $i <= $totalPages; $i++): ?>
|
||||
<button type="button"
|
||||
class="s-res-page-btn <?php echo $i === $currentPage ? 's-res-page-btn-active' : ''; ?>"
|
||||
data-page="<?php echo $i; ?>">
|
||||
<?php echo $i; ?>
|
||||
</button>
|
||||
<?php endfor; ?>
|
||||
<button type="button" class="s-res-page-btn" data-page="<?php echo $currentPage + 1; ?>" <?php echo $currentPage >= $totalPages ? 'disabled' : ''; ?>>
|
||||
»
|
||||
</button>
|
||||
</div>
|
||||
<?php if ($currentPage > 1): ?>
|
||||
<a class="s-res-page-btn" href="<?php echo htmlspecialchars(buildPageUrl($currentPage - 1, $query, $currentSort, $limit, $category)); ?>">«</a>
|
||||
<?php else: ?>
|
||||
<span class="s-res-page-btn" aria-disabled="true">«</span>
|
||||
<?php endif; ?>
|
||||
|
||||
<span id="dynamic-page-numbers">Seite <?php echo $currentPage; ?> von <?php echo $totalPages; ?></span>
|
||||
|
||||
<?php if ($currentPage < $totalPages): ?>
|
||||
<a class="s-res-page-btn" href="<?php echo htmlspecialchars(buildPageUrl($currentPage + 1, $query, $currentSort, $limit, $category)); ?>">»</a>
|
||||
<?php else: ?>
|
||||
<span class="s-res-page-btn" aria-disabled="true">»</span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Vollständiger, ungefilterter Ergebnis-Datensatz für die clientseitige
|
||||
Filterung/Sortierung/Pagination (siehe js/search-results.js).
|
||||
JSON_HEX_* verhindert das Ausbrechen aus dem <script>-Tag bzw. XSS. -->
|
||||
<script type="application/json" id="s-res-data">
|
||||
<?php echo json_encode($jsonItems, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP); ?>
|
||||
</script>
|
||||
@@ -0,0 +1,24 @@
|
||||
<?php
|
||||
|
||||
/*
|
||||
* Zeigt den Inhalt einer simulierten E-Mail an.
|
||||
* Die Datei wird über einen zufällig erzeugten Token geladen.
|
||||
*/
|
||||
|
||||
$token = basename($_GET["token"] ?? "");
|
||||
$file = __DIR__ . "/../data/mails/" . $token . ".html";
|
||||
|
||||
if (!file_exists($file)) {
|
||||
echo "<p>Datei nicht gefunden.</p>";
|
||||
exit();
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
<main class="login-page">
|
||||
<div class="login-container">
|
||||
<h1>Simulierte E-Mail</h1>
|
||||
|
||||
<?php include $file; ?>
|
||||
</div>
|
||||
</main>
|
||||
@@ -45,8 +45,8 @@ include_once 'php/controller/showArticle-controller.php';
|
||||
</h1>
|
||||
|
||||
<div class="article-view-meta">
|
||||
<?php if (isset($author) && !empty($author)): ?>
|
||||
<span class="article-view-author">Von: <strong><?php echo htmlspecialchars($author); ?></strong></span>
|
||||
<?php if (isset($name) && !empty($name)): ?>
|
||||
<span class="article-view-author">Von: <strong><?php echo htmlspecialchars($name); ?></strong></span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
|
||||
+95
-16
@@ -1,32 +1,111 @@
|
||||
<?php
|
||||
include_once "php/controller/showCategory-controller.php";
|
||||
|
||||
$currentSort = isset($sortStyle) ? $sortStyle : 'alphabet';
|
||||
$currentPage = isset($page) ? $page : 1;
|
||||
?>
|
||||
|
||||
<main>
|
||||
<?php include_once "includes/alertMessages.php"?>
|
||||
<noscript>
|
||||
Bitte JavaScript aktivieren!
|
||||
</noscript>
|
||||
|
||||
<h1><?php if (isset($category) && !empty($category)){ echo htmlspecialchars($category); } ?></h1>
|
||||
<!-- Das Formular umschließt jetzt das gesamte Layout -->
|
||||
<form id="search-form-id" action="index.php" method="GET" style="display: contents;">
|
||||
<input type="hidden" name="pfad" value="showCategory">
|
||||
<input type="hidden" name="category" value="<?php echo (isset($category) && !empty($category)) ? htmlspecialchars($category) : ''; ?>">
|
||||
<input type="hidden" id="s-res-page-input" name="page" value="<?php echo $currentPage; ?>">
|
||||
|
||||
<div class="s-res-list">
|
||||
<?php
|
||||
if (!empty($articles)): ?>
|
||||
<div class="cat-view-container">
|
||||
|
||||
<!-- LINKE SPALTE: SEITENLEISTE FÜR SORTIERUNG -->
|
||||
<aside class="cat-sidebar">
|
||||
<div class="cat-sidebar-box">
|
||||
<h3 class="cat-sidebar-title">Sortierung</h3>
|
||||
<div class="cat-filter-group">
|
||||
<label class="cat-filter-option">
|
||||
<input type="radio" name="sort" value="alphabet" <?php echo ($currentSort === 'alphabet') ? 'checked' : ''; ?> onchange="this.form.submit();">
|
||||
Alphabetisch
|
||||
</label>
|
||||
<label class="cat-filter-option">
|
||||
<input type="radio" name="sort" value="likes" <?php echo ($currentSort === 'likes') ? 'checked' : ''; ?> onchange="this.form.submit();">
|
||||
Beliebtheit (Likes)
|
||||
</label>
|
||||
<label class="cat-filter-option">
|
||||
<input type="radio" name="sort" value="newest" <?php echo ($currentSort === 'newest') ? 'checked' : ''; ?> onchange="this.form.submit();">
|
||||
Neueste Beiträge
|
||||
</label>
|
||||
<label class="cat-filter-option">
|
||||
<input type="radio" name="sort" value="oldest" <?php echo ($currentSort === 'oldest') ? 'checked' : ''; ?> onchange="this.form.submit();">
|
||||
Älteste Beiträge
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<!-- RECHTE SPALTE: INHALT & PAGINATOR -->
|
||||
<main class="cat-view-main">
|
||||
<div class="cat-view-header">
|
||||
<h1 class="cat-view-title">Kategorie: <?php echo (isset($category) && !empty($category)) ? htmlspecialchars($category) : 'Unbekannt'; ?></h1>
|
||||
<p class="cat-view-meta-text">
|
||||
<?php echo (isset($totalArticles)) ? $totalArticles : 0; ?> Treffer in dieser Kategorie
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Beiträge -->
|
||||
<div class="cat-view-list">
|
||||
<?php if (isset($articles) && !empty($articles)): ?>
|
||||
<?php foreach ($articles as $article): ?>
|
||||
<div class="s-res-item">
|
||||
<div class="s-res-content">
|
||||
<h2 class="s-res-item-title">
|
||||
<a href="index.php?pfad=showArticle&id=<?php echo $article->getId(); ?>" class="s-res-link">
|
||||
<?php echo htmlspecialchars($article->getTitle()); ?>
|
||||
<div class="cat-view-item">
|
||||
<div class="cat-view-content">
|
||||
<h2 class="cat-view-item-title">
|
||||
<a href="index.php?pfad=showArticle&id=<?php echo htmlspecialchars($article->getID()); ?>" class="cat-view-link">
|
||||
<?php echo (isset($article) && !empty($article->getTitle())) ? htmlspecialchars($article->getTitle()) : 'Kein Titel'; ?>
|
||||
</a>
|
||||
</h2>
|
||||
<p class="s-res-author">Von: <span class="s-res-author-name"><?php echo htmlspecialchars($article->getAuthor()); ?></span></p>
|
||||
|
||||
<div class="cat-view-meta-row">
|
||||
<p class="cat-view-author">
|
||||
von <span class="cat-view-author-name"><?php echo (isset($article) && !empty($article->getAuthor())) ? htmlspecialchars($article->getAuthor()) : 'Anonym'; ?></span>
|
||||
</p>
|
||||
<span class="cat-view-likes">
|
||||
❤️ <?php echo (isset($article) && !empty($article->getLikes())) ? htmlspecialchars($article->getLikes()) : '0'; ?>
|
||||
</span>
|
||||
</div>
|
||||
<div class="s-res-arrow">→</div>
|
||||
|
||||
</div>
|
||||
<div class="cat-view-arrow">→</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php
|
||||
else: ?>
|
||||
<p> Es sind noch keine Beiträge in dieser Kategorie enthalten.</p>
|
||||
<?php else: ?>
|
||||
<p class="cat-view-meta-text">Keine Artikel in dieser Kategorie gefunden.</p>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<!-- Footer Paginator -->
|
||||
<?php if (isset($totalPages) && $totalPages > 1): ?>
|
||||
<div class="cat-view-pagination-footer">
|
||||
<div></div>
|
||||
<div class="s-res-page-navigation">
|
||||
<button type="button" class="s-res-page-btn" data-page="<?php echo $currentPage - 1; ?>" <?php echo ($currentPage <= 1) ? 'disabled' : ''; ?>>
|
||||
«
|
||||
</button>
|
||||
|
||||
<?php for ($i = 1; $i <= $totalPages; $i++): ?>
|
||||
<button type="button"
|
||||
class="s-res-page-btn <?php echo ($i === $currentPage) ? 'cat-active-btn' : ''; ?>"
|
||||
data-page="<?php echo $i; ?>"
|
||||
<?php echo ($i === $currentPage) ? 'disabled' : ''; ?>>
|
||||
<?php echo $i; ?>
|
||||
</button>
|
||||
<?php endfor; ?>
|
||||
|
||||
<button type="button" class="s-res-page-btn" data-page="<?php echo $currentPage + 1; ?>" <?php echo ($currentPage >= $totalPages) ? 'disabled' : ''; ?>>
|
||||
»
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</main>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
+15
-15
@@ -130,13 +130,6 @@ h1 {
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.input-label {
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
width: 100%;
|
||||
color: #1f2937;
|
||||
}
|
||||
|
||||
.login-input {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
@@ -210,14 +203,6 @@ h1 {
|
||||
.form-container {
|
||||
width: 90%;
|
||||
max-width: 600px;
|
||||
padding: 30px;
|
||||
background-color: white;
|
||||
border: 1px solid #dbe3ec;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 6px 20px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.form-container {
|
||||
flex: 1 1 450px;
|
||||
padding: 30px;
|
||||
background-color: white;
|
||||
@@ -226,3 +211,18 @@ h1 {
|
||||
box-shadow: 0 6px 20px rgba(0,0,0,0.1);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Darstellung der Registrierungsbestätigung */
|
||||
.confirm-message {
|
||||
text-align: center;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
/* Anpassung des Login-Buttons auf der Bestätigungsseite */
|
||||
.confirm-button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@@ -0,0 +1,227 @@
|
||||
/* --- ZWEISPALTIIGES GRID-LAYOUT --- */
|
||||
.cat-view-container {
|
||||
box-sizing: border-box;
|
||||
max-width: 95%; /* 95% Monitorbreite wie das Original */
|
||||
width: 95%;
|
||||
margin: 2rem auto;
|
||||
padding: 0 1rem;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
||||
color: #212529;
|
||||
line-height: 1.5;
|
||||
|
||||
/* Grid für die Zweispaltigkeit */
|
||||
display: grid;
|
||||
grid-template-columns: 320px 1fr; /* 320px Sidebar, Rest für Content */
|
||||
gap: 2.5rem;
|
||||
}
|
||||
|
||||
.cat-view-container * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* --- SEITENLEISTE (SORTIERUNG) --- */
|
||||
.cat-sidebar {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.cat-sidebar-box {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
.cat-sidebar-title {
|
||||
font-size: 1rem;
|
||||
font-weight: 700;
|
||||
color: #1a202c;
|
||||
margin: 0 0 1rem 0;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.cat-filter-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.cat-filter-option {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
cursor: pointer;
|
||||
font-size: 0.95rem;
|
||||
color: #4a5568;
|
||||
}
|
||||
|
||||
.cat-filter-option input[type="radio"] {
|
||||
margin: 0;
|
||||
accent-color: #3182ce;
|
||||
}
|
||||
|
||||
/* --- HAUPTINHALT --- */
|
||||
.cat-view-main {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.cat-view-header {
|
||||
margin-bottom: 2rem;
|
||||
border-bottom: 2px solid #dee2e6;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.cat-view-title {
|
||||
font-size: 2rem;
|
||||
color: #1a202c;
|
||||
margin: 0 0 0.5rem 0;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.cat-view-meta-text {
|
||||
color: #6c757d;
|
||||
font-size: 0.95rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* --- BEITRÄGE LISTE --- */
|
||||
.cat-view-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.cat-view-item {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
padding: 1.25rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
|
||||
}
|
||||
|
||||
.cat-view-item:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
|
||||
border-color: #cbd5e1;
|
||||
}
|
||||
|
||||
.cat-view-content {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.cat-view-item-title {
|
||||
font-size: 1.25rem;
|
||||
margin: 0 0 0.25rem 0;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.cat-view-link {
|
||||
color: #3182ce;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.cat-view-link:hover {
|
||||
text-decoration: underline;
|
||||
color: #2b6cb0;
|
||||
}
|
||||
|
||||
.cat-view-meta-row {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
align-items: center;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.cat-view-author {
|
||||
font-size: 0.875rem;
|
||||
color: #4a5568;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.cat-view-author-name {
|
||||
font-weight: 600;
|
||||
color: #2d3748;
|
||||
}
|
||||
|
||||
.cat-view-likes {
|
||||
font-size: 0.9em;
|
||||
color: #475569;
|
||||
}
|
||||
|
||||
.cat-view-arrow {
|
||||
font-size: 1.5rem;
|
||||
color: #a0aec0;
|
||||
padding-left: 1rem;
|
||||
transition: color 0.2s ease, transform 0.2s ease;
|
||||
}
|
||||
|
||||
.cat-view-item:hover .cat-view-arrow {
|
||||
color: #3182ce;
|
||||
transform: translateX(3px);
|
||||
}
|
||||
|
||||
/* --- FOOTER PAGINATION --- */
|
||||
.cat-view-pagination-footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 2rem;
|
||||
padding-top: 1.5rem;
|
||||
border-top: 1px solid #e2e8f0;
|
||||
}
|
||||
|
||||
.cat-view-pagination-footer .s-res-page-navigation {
|
||||
display: flex;
|
||||
gap: 0.25rem;
|
||||
}
|
||||
|
||||
.cat-view-pagination-footer .s-res-page-btn {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #cbd5e1;
|
||||
color: #4a5568;
|
||||
padding: 0.35rem 0.75rem;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.cat-view-pagination-footer .s-res-page-btn:hover:not(:disabled) {
|
||||
background-color: #f8f9fa;
|
||||
border-color: #cbd5e1;
|
||||
color: #2d3748;
|
||||
}
|
||||
|
||||
.cat-view-pagination-footer .cat-active-btn {
|
||||
background-color: #3182ce;
|
||||
border-color: #3182ce;
|
||||
color: #ffffff;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.cat-view-pagination-footer .s-res-page-btn:disabled:not(.cat-active-btn) {
|
||||
background-color: #f1f5f9;
|
||||
border-color: #e2e8f0;
|
||||
color: #94a3b8;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/* RESPONSIVE ANPASSUNG (Unter 768px) */
|
||||
@media (max-width: 768px) {
|
||||
.cat-view-container {
|
||||
grid-template-columns: 1fr; /* Stapelt Sidebar und Inhalt untereinander */
|
||||
gap: 1.5rem;
|
||||
margin: 1rem auto;
|
||||
}
|
||||
.cat-view-pagination-footer {
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
align-items: flex-start;
|
||||
}
|
||||
}
|
||||
@@ -78,6 +78,17 @@
|
||||
Das Bild konnte nicht hochgeladen werden. Bitte versuche es erneut oder verwende ein anderes Bildformat.
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "registration_confirmed"): ?>
|
||||
<p class="alert-message is-success">
|
||||
Ihre Registrierung wurde erfolgreich abgeschlossen. Sie können sich jetzt anmelden.
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "password_changed"): ?>
|
||||
<p class="alert-message is-success">
|
||||
Ihr Passwort wurde erfolgreich geändert. Sie können sich jetzt anmelden.
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
<?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "database_error"): ?>
|
||||
<p class="alert-message is-error">
|
||||
Es ist ein Datenbankfehler aufgetreten. Bitte versuche es erneut.
|
||||
|
||||
@@ -2,4 +2,5 @@
|
||||
<a href="index.php?pfad=impressum">Impressum</a>
|
||||
<a href="index.php?pfad=datenschutz">Datenschutz</a>
|
||||
<a href="index.php?pfad=nutzungsbedingungen">Nutzungsbedingungen</a>
|
||||
<a href="index.php?pfad=accessibility">Barrierefreiheit</a>
|
||||
</footer>
|
||||
@@ -18,6 +18,17 @@ if ($pfad === "login") {
|
||||
if ($pfad === "register") {
|
||||
include_once "php/controller/register-controller.php";
|
||||
}
|
||||
if ($pfad === "password-forgotten") {
|
||||
include_once "php/controller/password-forgotten-controller.php";
|
||||
}
|
||||
|
||||
if ($pfad === "confirm-register") {
|
||||
include_once "php/controller/confirm-register-controller.php";
|
||||
}
|
||||
|
||||
if ($pfad === "confirm-password") {
|
||||
include_once "php/controller/confirm-password-controller.php";
|
||||
}
|
||||
|
||||
if ($pfad === "logout") {
|
||||
include_once "php/controller/logout-controller.php";
|
||||
@@ -52,10 +63,14 @@ if ($pfad === "deleteAccount") {
|
||||
<link rel="stylesheet" href="css/profile.css">
|
||||
<link rel="stylesheet" href="css/showArticle.css">
|
||||
<link rel="stylesheet" href="css/message.css">
|
||||
<link rel="stylesheet" href="css/showCategory.css">
|
||||
|
||||
<script src="js/paginator.js" async></script>
|
||||
<!--<script src="js/paginator.js" async></script>
|
||||
<script src="js/sorter.js" async></script>-->
|
||||
<script src="js/comments.js" defer></script>
|
||||
<script src="js/editor.js" async></script>
|
||||
<!--<script src="js/filter.js" async></script>-->
|
||||
<script src="js/search-results.js" async></script>
|
||||
|
||||
<title>EduForge</title>
|
||||
</head>
|
||||
|
||||
+3
-3
@@ -1,13 +1,13 @@
|
||||
console.log("Die JavaScript-Datei wurde erfolgreich geladen!");
|
||||
console.log("editor.js wurde erfolgreich geladen!");
|
||||
|
||||
function initEditor() {
|
||||
const form = document.getElementById("editor-form");
|
||||
|
||||
if (!form) {
|
||||
console.error("Skript abgebrochen: Formular nicht gefunden!");
|
||||
console.error("editor.js wurde abgebrochen: Formular nicht gefunden!");
|
||||
return;
|
||||
} else {
|
||||
console.log("Formular gefunden und Editor initialisiert:", form);
|
||||
console.log("Formular gefunden und editor.js initialisiert:", form);
|
||||
}
|
||||
|
||||
const container = document.getElementById("block-container");
|
||||
|
||||
+116
@@ -0,0 +1,116 @@
|
||||
let currentClientPage = 1;
|
||||
let itemsPerPage = 10;
|
||||
|
||||
function initFilter() {
|
||||
const filterSelect = document.getElementById('category-filter');
|
||||
const listContainer = document.querySelector('.s-res-list');
|
||||
const limitSelect = document.getElementById('s-res-per-page');
|
||||
|
||||
if (!filterSelect || !listContainer) return;
|
||||
|
||||
if (limitSelect) {
|
||||
itemsPerPage = parseInt(limitSelect.value, 10) || 10;
|
||||
}
|
||||
|
||||
updateVisibility();
|
||||
|
||||
if (limitSelect) {
|
||||
limitSelect.addEventListener('change', function() {
|
||||
|
||||
//neues limit einlesen
|
||||
itemsPerPage = parseInt(this.value, 10);
|
||||
currentClientPage = 1;
|
||||
updateVisibility();
|
||||
});
|
||||
}
|
||||
|
||||
filterSelect.addEventListener('change', function() {
|
||||
currentClientPage = 1;
|
||||
updateVisibility();
|
||||
});
|
||||
|
||||
const navigationContainer = document.querySelector('.s-res-page-navigation');
|
||||
if (navigationContainer) {
|
||||
navigationContainer.addEventListener('click', function(e) {
|
||||
const button = e.target.closest('.s-res-page-btn');
|
||||
if (!button || button.disabled) return;
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
const targetPage = button.getAttribute('data-page');
|
||||
if (targetPage) {
|
||||
currentClientPage = parseInt(targetPage, 10);
|
||||
updateVisibility();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function updateVisibility() {
|
||||
const filterSelect = document.getElementById('category-filter');
|
||||
const listContainer = document.querySelector('.s-res-list');
|
||||
const selectedCategory = filterSelect.value.toLowerCase().trim();
|
||||
const cards = listContainer.querySelectorAll('.s-res-item');
|
||||
|
||||
let visibleCards = [];
|
||||
cards.forEach(card => {
|
||||
const cardCategory = (card.getAttribute('data-category') || '').toLowerCase().trim();
|
||||
if (selectedCategory === 'all' || cardCategory.includes(selectedCategory) || selectedCategory.includes(cardCategory)) {
|
||||
visibleCards.push(card);
|
||||
} else {
|
||||
card.style.display = 'none';
|
||||
}
|
||||
});
|
||||
|
||||
const totalVisible = visibleCards.length;
|
||||
const totalPages = Math.max(1, Math.ceil(totalVisible / itemsPerPage));
|
||||
|
||||
if (currentClientPage < 1) currentClientPage = 1;
|
||||
if (currentClientPage > totalPages) currentClientPage = totalPages;
|
||||
|
||||
const startOffset = (currentClientPage - 1) * itemsPerPage;
|
||||
const endOffset = startOffset + itemsPerPage;
|
||||
|
||||
visibleCards.forEach((card, index) => {
|
||||
if (index >= startOffset && index < endOffset) {
|
||||
card.style.display = 'flex';
|
||||
} else {
|
||||
card.style.display = 'none';
|
||||
}
|
||||
});
|
||||
|
||||
updatePaginatorUI(currentClientPage, totalPages);
|
||||
}
|
||||
|
||||
function updatePaginatorUI(currentPage, totalPages) {
|
||||
const prevBtn = document.getElementById('prev-page-btn');
|
||||
const nextBtn = document.getElementById('next-page-btn');
|
||||
const numbersContainer = document.getElementById('dynamic-page-numbers');
|
||||
|
||||
if (!prevBtn || !nextBtn || !numbersContainer) return;
|
||||
|
||||
prevBtn.setAttribute('data-page', currentPage - 1);
|
||||
prevBtn.disabled = (currentPage <= 1);
|
||||
|
||||
nextBtn.setAttribute('data-page', currentPage + 1);
|
||||
nextBtn.disabled = (currentPage >= totalPages);
|
||||
|
||||
let buttonsHTML = '';
|
||||
for (let i = 1; i <= totalPages; i++) {
|
||||
const activeClass = (i === currentPage) ? 's-res-page-btn-active' : '';
|
||||
buttonsHTML += `<button type="button" class="s-res-page-btn ${activeClass}" data-page="${i}">${i}</button> `;
|
||||
}
|
||||
numbersContainer.innerHTML = buttonsHTML;
|
||||
}
|
||||
|
||||
// Hilfsfunktion für Math.ceil in JS
|
||||
function ceil(val) { return Math.ceil(val); }
|
||||
|
||||
// ist das DOM bereits vollständig aufgebaut?
|
||||
if (document.readyState === 'loading') {
|
||||
// Falls noch geladen wird, auf das Event warten
|
||||
document.addEventListener('DOMContentLoaded', initFilter);
|
||||
} else {
|
||||
// Falls das HTML bereits komplett da ist, sofort ausführen
|
||||
initFilter();
|
||||
}
|
||||
+192
-16
@@ -1,27 +1,203 @@
|
||||
function initPaginator() {
|
||||
const form = document.getElementById('search-form-id');
|
||||
const pageInput = document.getElementById('s-res-page-input');
|
||||
const pageButtons = document.querySelectorAll('.s-res-page-navigation .s-res-page-btn');
|
||||
/**
|
||||
* Ü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;
|
||||
|
||||
pageButtons.forEach(button => {
|
||||
button.addEventListener('click', function() {
|
||||
if (this.disabled) return;
|
||||
const state = {
|
||||
all: [],
|
||||
filtered: [],
|
||||
category: 'all',
|
||||
sort: 'alphabet',
|
||||
perPage: DEFAULT_PER_PAGE,
|
||||
page: 1,
|
||||
};
|
||||
|
||||
const targetPage = this.getAttribute('data-page');
|
||||
const els = {};
|
||||
|
||||
if (targetPage && form && pageInput) {
|
||||
pageInput.value = targetPage;
|
||||
form.submit();
|
||||
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);
|
||||
});
|
||||
}
|
||||
|
||||
// ist das DOM bereits vollständig aufgebaut?
|
||||
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') {
|
||||
// Falls noch geladen wird, auf das Event warten
|
||||
document.addEventListener('DOMContentLoaded', initPaginator);
|
||||
document.addEventListener('DOMContentLoaded', init);
|
||||
} else {
|
||||
// Falls das HTML bereits komplett da ist, sofort ausführen
|
||||
initPaginator();
|
||||
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();
|
||||
}
|
||||
})();
|
||||
@@ -0,0 +1,50 @@
|
||||
|
||||
function initSorter() {
|
||||
const listContainer = document.querySelector('.s-res-list');
|
||||
const sortRadios = document.querySelectorAll('.sort-radio');
|
||||
|
||||
// wenn keine liste vorhanden, abbrechen
|
||||
if (!listContainer || sortRadios.length === 0) return;
|
||||
|
||||
sortRadios.forEach(radio => {
|
||||
radio.addEventListener('change', function() {
|
||||
const cards = Array.from(listContainer.querySelectorAll('.s-res-item'));
|
||||
const sortValue = this.value;
|
||||
|
||||
cards.sort((a, b) => {
|
||||
if (sortValue === 'likes') {
|
||||
const likesA = parseInt(a.getAttribute('data-likes') || '0', 10);
|
||||
const likesB = parseInt(b.getAttribute('data-likes') || '0', 10);
|
||||
return likesB - likesA;
|
||||
}
|
||||
else if (sortValue === 'alphabet') {
|
||||
// alphabetische sortierung
|
||||
const titleA = a.querySelector('.s-res-link').textContent.trim().toLowerCase();
|
||||
const titleB = b.querySelector('.s-res-link').textContent.trim().toLowerCase();
|
||||
return titleA.localeCompare(titleB);
|
||||
}
|
||||
else if (sortValue === 'newest' || sortValue === 'oldest') {
|
||||
// hoehere ID wird als neuer gesehen
|
||||
const urlA = a.querySelector('.s-res-link').getAttribute('href');
|
||||
const urlB = b.querySelector('.s-res-link').getAttribute('href');
|
||||
|
||||
const idA = parseInt(urlA.match(/id=(\d+)/)[1], 10);
|
||||
const idB = parseInt(urlB.match(/id=(\d+)/)[1], 10);
|
||||
|
||||
return sortValue === 'newest' ? idB - idA : idA - idB;
|
||||
}
|
||||
return 0;
|
||||
});
|
||||
|
||||
listContainer.innerHTML = '';
|
||||
cards.forEach(card => listContainer.appendChild(card));
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// ist das DOM bereits vollständig aufgebaut?
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', initSorter);
|
||||
} else {
|
||||
initSorter();
|
||||
}
|
||||
@@ -0,0 +1,65 @@
|
||||
<?php
|
||||
|
||||
require_once "php/model/UserManager.php";
|
||||
|
||||
/*
|
||||
Verarbeitung der Passwortbestätigung
|
||||
Funktion: Liest die zwischengespeicherten Passwortdaten aus,
|
||||
aktualisiert das Passwort des Benutzers und gibt das Ergebnis
|
||||
für die View zurück.
|
||||
*/
|
||||
|
||||
$title = "Passwort zurücksetzen";
|
||||
$message = "";
|
||||
$link = "";
|
||||
$isSuccess = false;
|
||||
|
||||
$token = basename($_GET["token"] ?? "");
|
||||
$file = "data/pending-password/" . $token . ".json";
|
||||
|
||||
if (empty($token) || !file_exists($file)) {
|
||||
|
||||
$message = "Der Bestätigungslink ist ungültig oder bereits abgelaufen.";
|
||||
|
||||
} else {
|
||||
|
||||
$data = json_decode(file_get_contents($file), true);
|
||||
|
||||
if ($data === null || empty($data["email"]) || empty($data["password"])) {
|
||||
|
||||
$message = "Die Daten zur Passwortänderung konnten nicht gelesen werden.";
|
||||
|
||||
} else {
|
||||
|
||||
try {
|
||||
|
||||
$dao = UserManager::getInstance();
|
||||
$user = $dao->findUser($data["email"]);
|
||||
|
||||
if ($user !== null) {
|
||||
|
||||
$dao->updateUser(
|
||||
$user["email"],
|
||||
$user["email"],
|
||||
$user["vorname"],
|
||||
$user["nachname"],
|
||||
$data["password"]
|
||||
);
|
||||
|
||||
$_SESSION["message"] = "password_changed";
|
||||
header("Location: index.php?pfad=login");
|
||||
exit();
|
||||
|
||||
} else {
|
||||
|
||||
$message = "Der Benutzer konnte nicht gefunden werden.";
|
||||
}
|
||||
|
||||
unlink($file);
|
||||
|
||||
} catch (Exception $e) {
|
||||
|
||||
$message = "Das Passwort konnte nicht geändert werden.";
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,64 @@
|
||||
<?php
|
||||
|
||||
require_once "php/model/UserManager.php";
|
||||
|
||||
/*
|
||||
Verarbeitung der Registrierungsbestätigung
|
||||
Funktion: Liest die zwischengespeicherten Registrierungsdaten aus,
|
||||
legt den Benutzer an und gibt das Ergebnis für die View zurück.
|
||||
*/
|
||||
|
||||
$title = "Registrierung";
|
||||
$message = "";
|
||||
$link = "";
|
||||
$isSuccess = false;
|
||||
|
||||
$token = basename($_GET["token"] ?? "");
|
||||
$file = "data/pending/" . $token . ".json";
|
||||
|
||||
if (empty($token) || !file_exists($file)) {
|
||||
|
||||
$message = "Der Registrierungslink ist ungültig oder bereits abgelaufen.";
|
||||
|
||||
} else {
|
||||
|
||||
$data = json_decode(file_get_contents($file), true);
|
||||
|
||||
if (
|
||||
$data === null ||
|
||||
empty($data["email"]) ||
|
||||
empty($data["vorname"]) ||
|
||||
empty($data["nachname"]) ||
|
||||
empty($data["password"])
|
||||
) {
|
||||
|
||||
$message = "Die Registrierungsdaten konnten nicht gelesen werden.";
|
||||
|
||||
} else {
|
||||
|
||||
try {
|
||||
|
||||
$dao = UserManager::getInstance();
|
||||
|
||||
if ($dao->findUser($data["email"]) === null) {
|
||||
|
||||
$dao->addUser(
|
||||
$data["email"],
|
||||
$data["vorname"],
|
||||
$data["nachname"],
|
||||
$data["password"]
|
||||
);
|
||||
}
|
||||
|
||||
unlink($file);
|
||||
|
||||
$_SESSION["message"] = "registration_confirmed";
|
||||
header("Location: index.php?pfad=login");
|
||||
exit();
|
||||
|
||||
} catch (Exception $e) {
|
||||
|
||||
$message = "Die Registrierung konnte nicht abgeschlossen werden.";
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
<?php
|
||||
|
||||
require_once "php/model/UserManager.php";
|
||||
require_once "php/validator/user-validator.php";
|
||||
|
||||
$error = null;
|
||||
$success = null;
|
||||
|
||||
if ($_SERVER["REQUEST_METHOD"] === "POST") {
|
||||
|
||||
$email = trim($_POST["email"] ?? "");
|
||||
$plainPassword = $_POST["password"] ?? "";
|
||||
|
||||
if (!userEmailValidator($email)) {
|
||||
$error = "Bitte gib eine gültige E-Mail-Adresse ein.";
|
||||
} elseif (!userPasswordValidator($plainPassword)) {
|
||||
$error = "Das Passwort muss 5 bis 12 Zeichen lang sein.";
|
||||
} else {
|
||||
try {
|
||||
$dao = UserManager::getInstance();
|
||||
|
||||
$token = bin2hex(random_bytes(16));
|
||||
$existingUser = $dao->findUser($email);
|
||||
|
||||
if (!is_dir("data/mails") && !mkdir("data/mails", 0777, true)) {
|
||||
throw new RuntimeException("Ordner data/mails konnte nicht erstellt werden.");
|
||||
}
|
||||
|
||||
if (!is_dir("data/pending-password") && !mkdir("data/pending-password", 0777, true)) {
|
||||
throw new RuntimeException("Ordner data/pending-password konnte nicht erstellt werden.");
|
||||
}
|
||||
|
||||
if (!is_writable("data/mails") || !is_writable("data/pending-password")) {
|
||||
throw new RuntimeException("Ordner sind nicht beschreibbar.");
|
||||
}
|
||||
|
||||
if ($existingUser !== null) {
|
||||
$pendingData = [
|
||||
"email" => $email,
|
||||
"password" => $plainPassword
|
||||
];
|
||||
|
||||
file_put_contents(
|
||||
"data/pending-password/" . $token . ".json",
|
||||
json_encode($pendingData, JSON_PRETTY_PRINT)
|
||||
);
|
||||
}
|
||||
|
||||
if ($existingUser !== null) {
|
||||
$mailContent = "
|
||||
<h2>Passwort zurücksetzen</h2>
|
||||
<p>Falls Sie diese Anfrage nicht gestellt haben, können Sie diese Nachricht ignorieren.</p>
|
||||
<p>
|
||||
<a href='index.php?pfad=confirm-password&token=$token'>
|
||||
Passwortänderung bestätigen
|
||||
</a>
|
||||
</p>
|
||||
";
|
||||
} else {
|
||||
$mailContent = "
|
||||
<h2>Passwort zurücksetzen</h2>
|
||||
<p>Falls Sie diese Anfrage nicht gestellt haben, können Sie diese Nachricht ignorieren.</p>
|
||||
<p>Für diese E-Mail-Adresse wurde kein Konto gefunden.</p>
|
||||
";
|
||||
}
|
||||
|
||||
file_put_contents("data/mails/" . $token . ".html", $mailContent);
|
||||
|
||||
$success = 'Weitere Infos finden Sie in der Datei
|
||||
<a href="index.php?pfad=show-mail&token=' . htmlspecialchars($token) . '" target="_blank">xy</a>.';
|
||||
|
||||
} catch (Exception $e) {
|
||||
$error = "Die Passwortänderung konnte nicht verarbeitet werden.";
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -4,6 +4,7 @@ require_once "php/model/UserManager.php";
|
||||
require_once "php/validator/user-validator.php";
|
||||
|
||||
$error = null;
|
||||
$success = null;
|
||||
|
||||
if ($_SERVER["REQUEST_METHOD"] === "POST") {
|
||||
|
||||
@@ -24,20 +25,71 @@ if ($_SERVER["REQUEST_METHOD"] === "POST") {
|
||||
try {
|
||||
$dao = UserManager::getInstance();
|
||||
|
||||
// Token für die simulierte E-Mail und die spätere Bestätigung erzeugen.
|
||||
$token = bin2hex(random_bytes(16));
|
||||
$existingUser = $dao->findUser($email);
|
||||
|
||||
if (!is_dir("data/mails") && !mkdir("data/mails", 0777, true)) {
|
||||
throw new RuntimeException("Ordner data/mails konnte nicht erstellt werden.");
|
||||
}
|
||||
|
||||
if (!is_dir("data/pending") && !mkdir("data/pending", 0777, true)) {
|
||||
throw new RuntimeException("Ordner data/pending konnte nicht erstellt werden.");
|
||||
}
|
||||
|
||||
if (!is_writable("data/mails")) {
|
||||
throw new RuntimeException("Ordner data/mails ist nicht beschreibbar.");
|
||||
}
|
||||
|
||||
if (!is_writable("data/pending")) {
|
||||
throw new RuntimeException("Ordner data/pending ist nicht beschreibbar.");
|
||||
}
|
||||
|
||||
if ($existingUser === null) {
|
||||
$password = password_hash($plainPassword, PASSWORD_DEFAULT);
|
||||
|
||||
$dao->addUser($email, $vorname, $nachname, $password);
|
||||
$pendingData = [
|
||||
"email" => $email,
|
||||
"vorname" => $vorname,
|
||||
"nachname" => $nachname,
|
||||
"password" => $password
|
||||
];
|
||||
|
||||
$_SESSION["user"] = $vorname . " " . $nachname;
|
||||
$_SESSION["user_email"] = $email;
|
||||
file_put_contents(
|
||||
"data/pending/" . $token . ".json",
|
||||
json_encode($pendingData, JSON_PRETTY_PRINT)
|
||||
);
|
||||
|
||||
header("Location: index.php");
|
||||
exit();
|
||||
$mailContent = "
|
||||
<h2>Registrierung bestätigen</h2>
|
||||
<p>Bitte ignorieren Sie diese Nachricht, wenn Sie sich nicht registrieren wollten.</p>
|
||||
<p>
|
||||
<a href='index.php?pfad=confirm-register&token=$token'>
|
||||
Registrierung bestätigen
|
||||
</a>
|
||||
</p>
|
||||
";
|
||||
} else {
|
||||
$mailContent = "
|
||||
<h2>Registrierung</h2>
|
||||
<p>Bitte ignorieren Sie diese Nachricht, wenn Sie sich nicht registrieren wollten.</p>
|
||||
<p>Sie sind bereits registriert.</p>
|
||||
<p>
|
||||
<a href='index.php?pfad=password-forgotten'>
|
||||
Passwort vergessen
|
||||
</a>
|
||||
</p>
|
||||
";
|
||||
}
|
||||
|
||||
file_put_contents("data/mails/" . $token . ".html", $mailContent);
|
||||
|
||||
// Neutrale Meldung, damit nicht sichtbar wird, ob die E-Mail bereits registriert ist.
|
||||
$success = 'Weitere Infos finden Sie in der Datei
|
||||
<a href="index.php?pfad=show-mail&token=' . htmlspecialchars($token) . '" target="_blank">xy</a>.';
|
||||
|
||||
} catch (InvalidArgumentException $e) {
|
||||
$error = $e->getMessage();
|
||||
} catch (Exception $e) {
|
||||
$error = "Die Registrierung konnte nicht gespeichert werden.";
|
||||
$error = "Die Registrierung konnte nicht verarbeitet werden.";
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -2,29 +2,29 @@
|
||||
if (session_status() === PHP_SESSION_NONE) {
|
||||
session_start();
|
||||
}
|
||||
require_once '../model/LocalArticleManager.php';
|
||||
require_once '../model/ArticleManager.php';
|
||||
require_once '../model/UserManager.php';
|
||||
require_once '../model/Article.php';
|
||||
require_once '../validator/search-validator.php';
|
||||
|
||||
if ($_SERVER["REQUEST_METHOD"] === "GET" && isset($_GET["q"])) {
|
||||
|
||||
$search = trim($_GET["q"]);
|
||||
if (empty($search)) {
|
||||
|
||||
if (!searchQueryValidator($search)) {
|
||||
$_SESSION["search_results"] = [];
|
||||
$_SESSION["search_query"] = "";
|
||||
$_SESSION["message"] = "missing_parameters";
|
||||
$_SESSION["message"] = "invalid_search_query";
|
||||
} else {
|
||||
try {
|
||||
|
||||
$articleManager = ArticleManager::getInstance();
|
||||
|
||||
$userManager = UserManager::getInstance();
|
||||
$results = $articleManager->search($search);
|
||||
|
||||
$sortStyle = $_GET['sort'] ?? 'alphabet';
|
||||
$_SESSION['search_sort'] = $sortStyle;
|
||||
|
||||
if ($sortStyle === 'alphabet') {
|
||||
// Titel aufsteigend alphabetiisch sortiert
|
||||
// Titel aufsteigend alphabetisch sortiert
|
||||
usort($results, function ($a, $b) {
|
||||
return strcasecmp($a->getTitle(), $b->getTitle());
|
||||
});
|
||||
@@ -44,14 +44,14 @@ if ($_SERVER["REQUEST_METHOD"] === "GET" && isset($_GET["q"])) {
|
||||
});
|
||||
}
|
||||
|
||||
// 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 = [];
|
||||
foreach ($results as $obj) {
|
||||
$safeArrayResults[] = [
|
||||
"id" => $obj->getId(),
|
||||
"title" => $obj->getTitle(),
|
||||
"content" => $obj->getContent(),
|
||||
"author" => $obj->getAuthor(),
|
||||
"author" => $userManager->findUser($obj->getAuthor())["vorname"] . " " . $userManager->findUser($obj->getAuthor())["nachname"],
|
||||
"category" => $obj->getCategory(),
|
||||
"tags" => $obj->getTags(),
|
||||
"creationDate" => $obj->getCreationDate(),
|
||||
@@ -62,7 +62,6 @@ if ($_SERVER["REQUEST_METHOD"] === "GET" && isset($_GET["q"])) {
|
||||
$_SESSION["search_results"] = $safeArrayResults;
|
||||
$_SESSION["search_query"] = $search;
|
||||
$_SESSION["message"] = "new_search_results";
|
||||
|
||||
} catch (Exception $e) {
|
||||
$_SESSION["message"] = "internal_error";
|
||||
}
|
||||
@@ -70,10 +69,21 @@ if ($_SERVER["REQUEST_METHOD"] === "GET" && isset($_GET["q"])) {
|
||||
|
||||
$sort = $_GET['sort'] ?? 'alphabet';
|
||||
$limit = isset($_GET['limit']) ? (int)$_GET['limit'] : 10;
|
||||
$page = isset($_GET['page']) ? (int)$_GET['page'] : 1;
|
||||
header("Location: ../../index.php?pfad=search-results&q=" . urlencode($search) . "&sort=" . urlencode($sort) . "&limit=" . $limit . "&page=" . $page);
|
||||
exit();
|
||||
|
||||
if (!searchLimitValidator($limit)) {
|
||||
$limit = 10;
|
||||
}
|
||||
$page = isset($_GET['page']) ? (int)$_GET['page'] : 1;
|
||||
|
||||
// Kategorie-Filter durchreichen (Whitelist-Prüfung erfolgt in der View)
|
||||
$category = isset($_GET['category']) ? $_GET['category'] : 'all';
|
||||
|
||||
header(
|
||||
"Location: ../../index.php?pfad=search-results&q=" . urlencode($search) .
|
||||
"&sort=" . urlencode($sort) .
|
||||
"&limit=" . $limit .
|
||||
"&category=" . urlencode($category) .
|
||||
"&page=" . $page
|
||||
);
|
||||
exit();
|
||||
}
|
||||
?>
|
||||
@@ -5,6 +5,7 @@ if (session_status() === PHP_SESSION_NONE) {
|
||||
|
||||
require_once 'php/model/Article.php';
|
||||
require_once 'php/model/ArticleManager.php';
|
||||
require_once 'php/model/UserManager.php';
|
||||
require_once 'php/model/CommentManager.php';
|
||||
|
||||
if (isset($_GET["id"]) && !empty($_GET["id"])){
|
||||
@@ -19,12 +20,23 @@ if (isset($_GET["id"]) && !empty($_GET["id"])){
|
||||
$author = $article->getAuthor();
|
||||
$tags = $article->getTags();
|
||||
$articleObj = $article; // Objekt für die Like-Abfagen sichern
|
||||
|
||||
$userManager = UserManager::getInstance();
|
||||
$name = $userManager->findUser($author)["vorname"]." ".$userManager->findUser($author)["nachname"];
|
||||
}else{
|
||||
//header("location: index.php?pfad=404");
|
||||
include_once "content/404.php";
|
||||
exit();
|
||||
}
|
||||
|
||||
if($_GET["pfad"] == "updateArticle"){
|
||||
if($article->getAuthor() != $_SESSION["user_email"]){
|
||||
$_SESSION["message"] = "unauthorized_access";
|
||||
header("location: index.php");
|
||||
exit();
|
||||
}
|
||||
}
|
||||
|
||||
$commentManager = CommentManager::getInstance();
|
||||
$comments = $commentManager->getCommentsByArticle($_GET["id"]);
|
||||
|
||||
|
||||
@@ -1,13 +1,59 @@
|
||||
<?php
|
||||
if (session_status() === PHP_SESSION_NONE) {
|
||||
session_start();
|
||||
}
|
||||
|
||||
require_once 'php/model/Article.php';
|
||||
require_once 'php/model/ArticleManager.php';
|
||||
require_once 'php/model/UserManager.php';
|
||||
require_once 'php/validator/article-validator.php';
|
||||
|
||||
if (isset($_GET["category"]) && !empty($_GET["category"]) && articleCategoryValidator($_GET["category"])){
|
||||
$category = $_GET["category"];
|
||||
|
||||
// Sortierung auslesen (Standard: alphabet)
|
||||
$sortStyle = isset($_GET['sort']) ? trim($_GET['sort']) : 'alphabet';
|
||||
|
||||
// Aktuelle Seite auslesen
|
||||
$page = isset($_GET['page']) ? (int)$_GET['page'] : 1;
|
||||
if ($page < 1) { $page = 1; }
|
||||
|
||||
try {
|
||||
$articleManager = ArticleManager::getInstance();
|
||||
$articles = $articleManager->getArticlesByCategory($category);
|
||||
$userManager = UserManager::getInstance();
|
||||
$allArticles = $articleManager->getArticlesByCategory($category);
|
||||
foreach ($allArticles as $article) {
|
||||
$article->setAuthor($userManager->findUser($article->getAuthor())["vorname"] . " " . $userManager->findUser($article->getAuthor())["nachname"]);
|
||||
}
|
||||
$totalArticles = count($allArticles);
|
||||
|
||||
// --- SORTIERUNG LOGIK ---
|
||||
if ($sortStyle === 'alphabet') {
|
||||
usort($allArticles, function($a, $b) {
|
||||
return strcasecmp($a->getTitle(), $b->getTitle());
|
||||
});
|
||||
} elseif ($sortStyle === 'likes') {
|
||||
usort($allArticles, function($a, $b) {
|
||||
return $b->getLikes() <=> $a->getLikes(); // Absteigend nach Likes
|
||||
});
|
||||
} elseif ($sortStyle === 'newest') {
|
||||
usort($allArticles, function($a, $b) {
|
||||
return strtotime($b->getCreationDate()) <=> strtotime($a->getCreationDate()); // Neueste zuerst
|
||||
});
|
||||
} elseif ($sortStyle === 'oldest') {
|
||||
usort($allArticles, function($a, $b) {
|
||||
return strtotime($a->getCreationDate()) <=> strtotime($b->getCreationDate()); // Älteste zuerst
|
||||
});
|
||||
}
|
||||
|
||||
// Paginierung konfigurieren
|
||||
$limit = 10;
|
||||
$totalPages = ceil($totalArticles / $limit);
|
||||
if ($page > $totalPages && $totalPages > 0) { $page = $totalPages; }
|
||||
|
||||
$offset = ($page - 1) * $limit;
|
||||
$articles = array_slice($allArticles, $offset, $limit);
|
||||
|
||||
} catch (Exception $e) {
|
||||
$_SESSION["message"] = "internal_error";
|
||||
include_once "content/404.php";
|
||||
|
||||
@@ -97,6 +97,16 @@ class Article
|
||||
return $this->author;
|
||||
}
|
||||
|
||||
/**
|
||||
* Setzt einen neuen Autor eines Beitrages.
|
||||
* @param string $author
|
||||
* @return void
|
||||
*/
|
||||
public function setAuthor(string $author)
|
||||
{
|
||||
$this->author = $author;
|
||||
}
|
||||
|
||||
/**
|
||||
* Gibt das Veröffentlichungsdatum des Beitrags zurück.
|
||||
* @return string
|
||||
|
||||
@@ -314,7 +314,8 @@ class DatabaseArticleManager implements ArticleManagerDAO {
|
||||
$sql = "SELECT id, title, content, author, category, tags, created
|
||||
FROM articles
|
||||
WHERE title LIKE :keyword
|
||||
OR content LIKE :keyword;";
|
||||
OR content LIKE :keyword
|
||||
OR tags LIKE :keyword";
|
||||
|
||||
$command = $db->prepare($sql);
|
||||
if (!$command) {
|
||||
|
||||
@@ -62,6 +62,8 @@ class DatabaseInitializer {
|
||||
$availableEmails = $initializer->seedDummyUsers($db);
|
||||
$initializer->seedDummyArticles($db, $availableEmails);
|
||||
|
||||
unset($db);
|
||||
|
||||
} catch (PDOException $e) {
|
||||
throw new RuntimeException("internal-error");
|
||||
}
|
||||
|
||||
@@ -211,9 +211,11 @@ class LocalArticleManager implements ArticleManagerDAO {
|
||||
foreach ($articles as $article) {
|
||||
$title = isset($article['title']) ? strtolower((string)$article['title']) : '';
|
||||
$content = isset($article['content']) ? strtolower((string)$article['content']) : '';
|
||||
$tags = isset($article['tags']) ? strtolower((string)$article['tags']) : '';
|
||||
|
||||
if (($cleanKeyword !== '' && strpos($title, $cleanKeyword) !== false) ||
|
||||
($cleanKeyword !== '' && strpos($content, $cleanKeyword) !== false)) {
|
||||
($cleanKeyword !== '' && strpos($content, $cleanKeyword) !== false) ||
|
||||
($cleanKeyword !== '' && strpos($tags, $cleanKeyword) !== false)) {
|
||||
|
||||
$likes = isset($article['likes']) && is_array($article['likes']) ? $article['likes'] : [];
|
||||
$filteredArticles[] = new Article(
|
||||
|
||||
@@ -0,0 +1,40 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* Prüft, ob eine Suchanfrage gültig ist.
|
||||
*
|
||||
* Erlaubt werden Buchstaben, Zahlen, Umlaute, typische Satzzeichen und Leerzeichen.
|
||||
* Die Länge muss zwischen 1 und 50 Zeichen liegen.
|
||||
*
|
||||
* @param string $query Zu prüfender Suchbegriff
|
||||
*
|
||||
* @return bool true wenn die Suche gültig ist, sonst false
|
||||
*/
|
||||
function searchQueryValidator($query)
|
||||
{
|
||||
$query = trim($query);
|
||||
|
||||
// Mindestens 1 Zeichen, maximal 50 Zeichen
|
||||
$length = mb_strlen($query);
|
||||
if ($length < 1 || $length > 50) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// Erlaubt Buchstaben (inkl. Umlaut/ß), Zahlen, Leerzeichen sowie ?, !, ., -, _
|
||||
$searchPattern = '/^[a-zA-Z0-9äöüÄÖÜß\s?!.,\-_]+$/u';
|
||||
|
||||
return preg_match($searchPattern, $query) === 1;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prüft, ob das gewählte Treffer-Limit erlaubt ist.
|
||||
*
|
||||
* @param int|string $limit Das zu prüfende Limit
|
||||
*
|
||||
* @return bool true wenn das Limit 10, 20, 50 oder 100 ist, sonst false
|
||||
*/
|
||||
function searchLimitValidator($limit)
|
||||
{
|
||||
$allowedLimits = [10, 20, 50, 100];
|
||||
return in_array((int)$limit, $allowedLimits, true);
|
||||
}
|
||||
Reference in New Issue
Block a user