Merge pull request 'Abgabe03: Profilbearbeitung: Reviewnacharbeitung' (#23) from dev into Abgabe03

Reviewed-on: #23

README.md

@@ -10,12 +10,15 @@ Jeweils im Format `Anmeldename, Passwort, Mailadresse`:
 - `max.mustermann, test123, mustermann@web.de`
 
 ## Weitere Voraussetzungen zur Nutzung
+- Per Klick auf das Logo gelangt man auf die Home-Seite.
 
 ## Ausgelassene Teilaufgaben
 
 ## Bekannte Fehler und Mängel
 - Der Beitragseditor fügt beim Laden von Inhalten leere Zeichen ein.
 - Bitte auf die gesetzten TODO's achten. Wenn Inhalte fehlen, sind sie i.d.R. als TODO kommentiert.
+- Die Navbar hat noch keine onHover-Effekte und erschwert etwas die Bedienung.
+- Suchleiste in der Nav ist in der mobilen Ansicht etwas schmal. Ggf. ein alternatives (kleineres) Logo implementieren.
 
 ## Besonderheiten des Projektes
 - Es wurde ein einfacher Beitrags-Editor erstellt. Mit diesem können Beiträge erstellt oder bearbeitet werden.
@@ -23,3 +26,6 @@ Jeweils im Format `Anmeldename, Passwort, Mailadresse`:
 - Es sind drei Dummy-Beiträge für den Nutzer max.mustermann hinterlegt.
 - Beim Verwenden der Navbar-Links bitte Folgendes beachten: nur die Kategorien Physik, Mathe, Informatik führen exemplarisch auf eine Beispiel-Seite.
   Die anderen Links sind erstmal Platzhalter und führen auf eine 404-Seite.
+- Die Such-Seite umfasst eine Suchfunktion (aber noch nicht nach Tags) und Sortierfunktion. Jedoch fehlt noch eine Filterfunktion (z.B. nur Mathe anzeigen). 
+  Wenn die Filterfunktion implementiert ist, dann können die statischen Seiten "Informatik", "Mathe", "Physik" entfernt und dynamisch auf der Suchseite 
+  nach gefiltertem Fach angezeigt werden. (Vorläufige showCategory.php implementiert)

content/404.php

@@ -4,6 +4,14 @@
 -->
 <main>
 
+    <?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "internal_error"): ?>
+        <p class="alert-message is-error">
+            Es ist ein interner Fehler beim Speichern aufgetreten. Bitte versuche es erneut.
+        </p>
+    <?php endif; ?>
+    <?php
+    unset($_SESSION["message"]);
+    ?>
     <h1>404 - Seite nicht vorhanden</h1>
     <p>
         Später im Projekt sollen über index.php?pfad= ... der Inhalt der index.php dynamisch gesetzt werden.

content/home.php

@@ -17,6 +17,11 @@ include_once 'php/controller/home-controller.php';
         Dein Beitrag wurde erfolgreich veröffentlicht!
     </p>
     <?php endif; ?>
+    <?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "invalid_category"): ?>
+        <p class="alert-message is-error">
+            Diese Kategorie ist nicht gültig.
+        </p>
+    <?php endif; ?>
     <?php
     unset($_SESSION["message"]);
     ?>
@@ -34,21 +39,21 @@ include_once 'php/controller/home-controller.php';
     <!-- Flexbox -->
      <div class="flexbox">
         <div class="container">
-            <a href="index.php?pfad=informatik" class="category-link">Informatik</a>
+            <a href="index.php?pfad=showCategory&category=informatik" class="category-link">Informatik</a>
             <div class="article-link">
                 <a href="index.php?pfad=showArticle&id=<?php echo $dummy3->getId()?>"><?php if(isset($dummy3)){echo $dummy3->getTitle();}else{echo "Fehler: Beitrag nicht gefunden!";} ?></a>
             </div>
         </div>
 
         <div class="container">
-            <a href="index.php?pfad=mathe" class="category-link">Mathe</a>
+            <a href="index.php?pfad=showCategory&category=mathe" class="category-link">Mathe</a>
             <div class="article-link">
                 <a href="index.php?pfad=showArticle&id=<?php echo $dummy1->getId()?>"><?php if(isset($dummy1)){echo $dummy1->getTitle();}else{echo "Fehler: Beitrag nicht gefunden!";} ?></a>
             </div>
         </div>
         
         <div class="container">
-            <a href="index.php?pfad=physik" class="category-link">Physik</a>
+            <a href="index.php?pfad=showCategory&category=physik" class="category-link">Physik</a>
             <div class="article-link">
                 <a href="index.php?pfad=showArticle&id=<?php echo $dummy2->getId()?>"><?php if(isset($dummy2)){echo $dummy2->getTitle();}else{echo "Fehler: Beitrag nicht gefunden!";} ?></a>
             </div>

content/search-results.php

@@ -1,5 +1,10 @@
 <?php
 session_start();
+ 
+$results = $_SESSION["search_results"] ?? [];
+$query = $_SESSION["search_query"] ?? "";
+$resultCount = count($results);
+
 ?>
 <!--
     Seite: Suchergebnisse
@@ -10,37 +15,40 @@ session_start();
     <!-- Links: Seitenleiste für Filter und Suche -->
     <aside class="s-res-sidebar">
 
-        <!-- Suchleiste Box -->
+        <!-- Sortierfuntion Box und Such Box-->
-        <div class="s-res-sidebar-box">
+         <form action="php/controller/search-results-controller.php" method="GET" class="s-res-sidebar-form">
-            <h3 class="s-res-sidebar-title">Suche anpassen</h3>
+    
-            <form action="#" method="GET" class="s-res-search-form">
+            <div class="s-res-sidebar-box">
-                <input type="search" id="site-search" name="q" placeholder="Suchen..." class="nav__search">
+                <h3 class="s-res-sidebar-title">Suche anpassen</h3>
+                <input type="search" id="site-search" name="q" placeholder="Suchen..." class="nav__search" value="<?php echo htmlspecialchars($query); ?>" maxlength="50" required>
                 <button type="submit" class="nav__search-button">Suchen</button>
-            </form>
-        </div>
-
-        <!-- Sortierfuntion Box -->
-        <div class="s-res-sidebar-box">
-            <h3 class="s-res-sidebar-title">Sortierung</h3>
-            <div class="s-res-filter-group">
-                <label class="s-res-filter-option">
-                    <input type="radio" name="sort" value="alphabet" checked>
-                    <span>Alphabetisch</span>
-                </label>
-                <label class="s-res-filter-option">
-                    <input type="radio" name="sort" value="likes">
-                    <span>Beliebtheit (Likes)</span>
-                </label>
-                <label class="s-res-filter-option">
-                    <input type="radio" name="sort" value="newest">
-                    <span>Neueste Beiträge</span>
-                </label>
-                <label class="s-res-filter-option">
-                    <input type="radio" name="sort" value="oldest">
-                    <span>Älteste Beiträge</span>
-                </label>
             </div>
-        </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()">
+                        <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' : ''; ?> disabled>
+                        <span style="color: #94a3b8;">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()">
+                        <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()">
+                        <span>Älteste Beiträge</span>
+                    </label>
+                </div>
+            </div>
+
+        </form>
 
     </aside>
 
@@ -48,57 +56,40 @@ session_start();
 
         <div class="s-res-header">
             <h1 class="s-res-main-title">Suchergebnisse</h1>
-            <p class="s-res-meta">3 Treffer für Ihre Suchanfrage</p>
+            <p class="s-res-meta"><?php echo $resultCount; ?> Treffer für Ihre Suchanfrage "<?php echo htmlspecialchars($query); ?>"</p>
         </div>
 
         <!-- Ergebnisliste -->
         <div class="s-res-list">
+            <?php 
+            if (!empty($results)): ?>
+    
+                <?php foreach ($results as $item): ?>
+                    <div class="s-res-item">
+                        <div class="s-res-content">
+                            <h2 class="s-res-item-title">
+                                <a href="index.php?pfad=showArticle&id=<?php echo $item['id']; ?>" class="s-res-link">
+                                    <?php echo htmlspecialchars($item['title']); ?>
+                                </a>
+                            </h2>
+                            <p class="s-res-author">Von: <span class="s-res-author-name"><?php echo htmlspecialchars($item['author']); ?></span></p>
+                        </div>
+                        <div class="s-res-arrow">&rarr;</div>
+                    </div>
+                <?php endforeach; ?>
 
-            <?php
+            <?php 
-            if(isset($_SESSION['message']) && $_SESSION['message'] == "new_search_results"): ?>
+            elseif (isset($_SESSION["search_query"]) && $_SESSION["search_query"] !== "" && $resultCount === 0): ?>
-            <!-- TODO: Hier die Beiträge ausgeben. -->
+                <p>Keine Beiträge zu diesem Suchbegriff gefunden.</p>  
-            <?php elseif (isset($_SESSION["message"]) && $_SESSION["message"] == "missing_parameters"): ?>
+            <?php 
-            <p>
+            elseif (isset($_SESSION["message"]) && $_SESSION["message"] == "missing_parameters"): ?>
-                Bitte überprüfe deine Sucheingabe und versuche es erneut!
+                <p>Bitte überprüfe deine Sucheingabe und versuche es erneut!</p>
-            </p>
+                
             <?php endif; ?>
             <?php
             unset($_SESSION["message"]);
             ?>
 
-            <!-- Beispielbeitrag -->
-            <div class="s-res-item">
-                <div class="s-res-content">
-                    <h2 class="s-res-item-title">
-                        <a href="#" class="s-res-link">Pythagoras</a>
-                    </h2>
-                    <p class="s-res-author">Von: <span class="s-res-author-name">Max Mustermann</span></p>
-                </div>
-                <div class="s-res-arrow">&rarr;</div>
-            </div>
-
-            <!-- Beispielbeitrag -->
-            <div class="s-res-item">
-                <div class="s-res-content">
-                    <h2 class="s-res-item-title">
-                        <a href="#" class="s-res-link">Pythagoras</a>
-                    </h2>
-                    <p class="s-res-author">Von: <span class="s-res-author-name">Max Mustermann</span></p>
-                </div>
-                <div class="s-res-arrow">&rarr;</div>
-            </div>
-
-            <!-- Beispielbeitrag -->
-            <div class="s-res-item">
-                <div class="s-res-content">
-                    <h2 class="s-res-item-title">
-                        <a href="#" class="s-res-link">Pythagoras</a>
-                    </h2>
-                    <p class="s-res-author">Von: <span class="s-res-author-name">Max Mustermann</span></p>
-                </div>
-                <div class="s-res-arrow">&rarr;</div>
-            </div>
-
         </div>
         <div class="s-res-pagination-footer">
 

content/showCategory.php

@@ -0,0 +1,31 @@
+<?php
+include_once "php/controller/showCategory-controller.php";
+?>
+
+<main>
+
+    <h1><?php if (isset($category) && !empty($category)){ echo htmlspecialchars($category); } ?></h1>
+
+    <div class="s-res-list">
+        <?php
+        if (!empty($articles)): ?>
+            <?php foreach ($articles as $article): ?>
+                <div class="s-res-item">
+                    <div class="s-res-content">
+                        <h2 class="s-res-item-title">
+                            <a href="index.php?pfad=showArticle&id=<?php echo $article->getId(); ?>" class="s-res-link">
+                                <?php echo htmlspecialchars($article->getTitle()); ?>
+                            </a>
+                        </h2>
+                        <p class="s-res-author">Von: <span class="s-res-author-name"><?php echo htmlspecialchars($article->getAuthor()); ?></span></p>
+                    </div>
+                    <div class="s-res-arrow">&rarr;</div>
+                </div>
+            <?php endforeach; ?>
+        <?php
+        else: ?>
+        <p> Es sind noch keine Beiträge in dieser Kategorie enthalten.</p>
+        <?php endif; ?>
+    </div>
+
+</main>

content/updateArticle.php

@@ -86,7 +86,7 @@ include_once 'php/controller/showArticle-controller.php';
     <aside class="editor-sidebar">
 
         <div class="sidebar-block">
-            <button type="submit" class="button">Änderungen speichern</button>
+            <button type="submit" id="editor-button" class="button">Änderungen speichern</button>
         </div>
 
         <div class="sidebar-block">

css/main.css

@@ -22,6 +22,10 @@ a, button, input, select, textarea, label, main{
     font-family: Arial, Helvetica, sans-serif;
 }
 
+h1 {
+    text-transform: uppercase;
+}
+
 .flexbox {
     display: flex;
     flex-direction: row;

datenschutzVSdatensicherheit.php

@@ -1,56 +0,0 @@
-<!--
-    Artikel: Datenschutz vs Datensicherheit
-    Funktion: Inhalt zum Fach Informatik
-    TODO: entfernen, wenn die Kategorie-Anzeige implementiert ist.
--->
-<!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>Datenschutz vs Datensicherheit</h1>
-
-        <p>
-            Datenschutz ist in unserer digital vernetzten Welt allgegenwärtig – ob in sozialen Netzwerken, beim
-            Online-Shopping oder dem Einsatz von Bonuskarten, bei der Auswertung von Konsumverhalten und selbstverständlich
-            auch im schulischen Kontext.
-        </p>
-        <h2>
-            Was ist Datenschutz?
-        </h2>
-        <p>
-            Datenschutz bedeutet, dass persönliche Daten nur gesammelt, gespeichert und verwendet werden dürfen, wenn
-            es wirklich nötig ist – und nur für klar festgelegte Zwecke. Es geht darum, die Privatsphäre von Menschen
-            zu schützen.
-        </p>
-        <h2>
-            Was ist Datenschutz?
-        </h2>
-        <p>
-            Datensicherheit umfasst alle technischen und organisatorischen Maßnahmen, die verhindern sollen, dass Daten
-            verloren gehen, beschädigt oder unbemerkt verändert werden. Sie schützt Informationen vor Missbrauch.
-        </p>
-    </main>
-
-<?php
-include_once 'includes/footer.php';
-?>
-</body>
-
-</html>

includes/navbar.php

@@ -39,50 +39,50 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
         <li>
             <label class="nav__mobile-label">Sprachen</label>
             <ul class="nav__mobile-submenu">
-                <li><a href="index.php?pfad=deutsch">Deutsch</a></li>
+                <li><a href="index.php?pfad=showCategory&category=deutsch">Deutsch</a></li>
-                <li><a href="index.php?pfad=englisch">Englisch</a></li>
+                <li><a href="index.php?pfad=showCategory&category=englisch">Englisch</a></li>
-                <li><a href="index.php?pfad=franzoesisch">Französisch</a></li>
+                <li><a href="index.php?pfad=showCategory&category=franzoesisch">Französisch</a></li>
-                <li><a href="index.php?pfad=latein">Latein</a></li>
+                <li><a href="index.php?pfad=showCategory&category=latein">Latein</a></li>
-                <li><a href="index.php?pfad=literatur">Literatur</a></li>
+                <li><a href="index.php?pfad=showCategory&category=literatur">Literatur</a></li>
             </ul>
         </li>
 
         <li>
             <label class="nav__mobile-label">MINT</label>
             <ul class="nav__mobile-submenu">
-                <li><a href="index.php?pfad=mathe">Mathematik</a></li>
+                <li><a href="index.php?pfad=showCategory&category=mathe">Mathematik</a></li>
-                <li><a href="index.php?pfad=biologie">Biologie</a></li>
+                <li><a href="index.php?pfad=showCategory&category=biologie">Biologie</a></li>
-                <li><a href="index.php?pfad=chemie">Chemie</a></li>
+                <li><a href="index.php?pfad=showCategory&category=chemie">Chemie</a></li>
-                <li><a href="index.php?pfad=physik">Physik</a></li>
+                <li><a href="index.php?pfad=showCategory&category=physik">Physik</a></li>
-                <li><a href="index.php?pfad=informatik">Informatik</a></li>
+                <li><a href="index.php?pfad=showCategory&category=informatik">Informatik</a></li>
-                <li><a href="index.php?pfad=astronomie">Astronomie</a></li>
+                <li><a href="index.php?pfad=showCategory&category=astronomie">Astronomie</a></li>
             </ul>
         </li>
 
         <li>
             <label class="nav__mobile-label">Gesellschaft & Werte</label>
             <ul class="nav__mobile-submenu">
-                <li><a href="index.php?pfad=geschichte">Geschichte</a></li>
+                <li><a href="index.php?pfad=showCategory&category=geschichte">Geschichte</a></li>
-                <li><a href="index.php?pfad=erdkunde">Erdkunde</a></li>
+                <li><a href="index.php?pfad=showCategory&category=erdkunde">Erdkunde</a></li>
-                <li><a href="index.php?pfad=sozialkunde">Sozialkunde</a></li>
+                <li><a href="index.php?pfad=showCategory&category=sozialkunde">Sozialkunde</a></li>
-                <li><a href="index.php?pfad=wirtschaft">Wirtschaftskunde</a></li>
+                <li><a href="index.php?pfad=showCategory&category=wirtschaft">Wirtschaftskunde</a></li>
-                <li><a href="index.php?pfad=religion">Religion</a></li>
+                <li><a href="index.php?pfad=showCategory&category=religion">Religion</a></li>
-                <li><a href="index.php?pfad=ethik">Ethikunterricht</a></li>
+                <li><a href="index.php?pfad=showCategory&category=ethik">Ethikunterricht</a></li>
-                <li><a href="index.php?pfad=philosophie">Philosophie</a></li>
+                <li><a href="index.php?pfad=showCategory&category=philosophie">Philosophie</a></li>
-                <li><a href="index.php?pfad=psychologie">Psychologie</a></li>
+                <li><a href="index.php?pfad=showCategory&category=psychologie">Psychologie</a></li>
-                <li><a href="index.php?pfad=kunst">Kunst</a></li>
+                <li><a href="index.php?pfad=showCategory&category=kunst">Kunst</a></li>
-                <li><a href="index.php?pfad=musik">Musik</a></li>
+                <li><a href="index.php?pfad=showCategory&category=musik">Musik</a></li>
-                <li><a href="index.php?pfad=theater">Theater</a></li>
+                <li><a href="index.php?pfad=showCategory&category=theater">Theater</a></li>
             </ul>
         </li>
 
         <li>
             <label class="nav__mobile-label">Technik & Praxis</label>
             <ul class="nav__mobile-submenu">
-                <li><a href="index.php?pfad=technik">Technik</a></li>
+                <li><a href="index.php?pfad=showCategory&category=technik">Technik</a></li>
-                <li><a href="index.php?pfad=werken">Werken</a></li>
+                <li><a href="index.php?pfad=showCategory&category=werken">Werken</a></li>
-                <li><a href="index.php?pfad=hauswirtschaft">Hauswirtschaft</a></li>
+                <li><a href="index.php?pfad=showCategory&category=hauswirtschaft">Hauswirtschaft</a></li>
-                <li><a href="index.php?pfad=sport">Sport</a></li>
+                <li><a href="index.php?pfad=showCategory&category=sport">Sport</a></li>
             </ul>
         </li>
     </ul>
@@ -92,50 +92,50 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
         <div class="nav__item nav__dropdown">
             <button class="nav__dropdown-toggle">Sprachen</button>
             <div class="nav__dropdown-menu">
-                <a href="index.php?pfad=deutsch">Deutsch</a>
+                <a href="index.php?pfad=showCategory&category=deutsch">Deutsch</a>
-                <a href="index.php?pfad=englisch">Englisch</a>
+                <a href="index.php?pfad=showCategory&category=englisch">Englisch</a>
-                <a href="index.php?pfad=franzoesisch">Französisch</a>
+                <a href="index.php?pfad=showCategory&category=franzoesisch">Französisch</a>
-                <a href="index.php?pfad=latein">Latein</a>
+                <a href="index.php?pfad=showCategory&category=latein">Latein</a>
-                <a href="index.php?pfad=literatur">Literatur</a>
+                <a href="index.php?pfad=showCategory&category=literatur">Literatur</a>
             </div>
         </div>
 
         <div class="nav__item nav__dropdown">
             <button class="nav__dropdown-toggle">MINT</button>
             <div class="nav__dropdown-menu">
-                <a href="index.php?pfad=mathe">Mathematik</a>
+                <a href="index.php?pfad=showCategory&category=mathe">Mathematik</a>
-                <a href="index.php?pfad=biologie">Biologie</a>
+                <a href="index.php?pfad=showCategory&category=biologie">Biologie</a>
-                <a href="index.php?pfad=chemie">Chemie</a>
+                <a href="index.php?pfad=showCategory&category=chemie">Chemie</a>
-                <a href="index.php?pfad=physik">Physik</a>
+                <a href="index.php?pfad=showCategory&category=physik">Physik</a>
-                <a href="index.php?pfad=informatik">Informatik</a>
+                <a href="index.php?pfad=showCategory&category=informatik">Informatik</a>
-                <a href="index.php?pfad=astronomie">Astronomie</a>
+                <a href="index.php?pfad=showCategory&category=astronomie">Astronomie</a>
             </div>
         </div>
 
         <div class="nav__item nav__dropdown">
             <button class="nav__dropdown-toggle">Gesellschaft & Werte</button>
             <div class="nav__dropdown-menu">
-                <a href="index.php?pfad=geschichte">Geschichte</a>
+                <a href="index.php?pfad=showCategory&category=geschichte">Geschichte</a>
-                <a href="index.php?pfad=erdkunde">Erdkunde</a>
+                <a href="index.php?pfad=showCategory&category=erdkunde">Erdkunde</a>
-                <a href="index.php?pfad=sozialkunde">Sozialkunde</a>
+                <a href="index.php?pfad=showCategory&category=sozialkunde">Sozialkunde</a>
-                <a href="index.php?pfad=wirtschaft">Wirtschaftskunde</a>
+                <a href="index.php?pfad=showCategory&category=wirtschaft">Wirtschaftskunde</a>
-                <a href="index.php?pfad=religion">Religion</a>
+                <a href="index.php?pfad=showCategory&category=religion">Religion</a>
-                <a href="index.php?pfad=ethik">Ethikunterricht</a>
+                <a href="index.php?pfad=showCategory&category=ethik">Ethikunterricht</a>
-                <a href="index.php?pfad=philosophie">Philosophie</a>
+                <a href="index.php?pfad=showCategory&category=philosophie">Philosophie</a>
-                <a href="index.php?pfad=psychologie">Psychologie</a>
+                <a href="index.php?pfad=showCategory&category=psychologie">Psychologie</a>
-                <a href="index.php?pfad=kunst">Kunst</a>
+                <a href="index.php?pfad=showCategory&category=kunst">Kunst</a>
-                <a href="index.php?pfad=musik">Musik</a>
+                <a href="index.php?pfad=showCategory&category=musik">Musik</a>
-                <a href="index.php?pfad=theater">Theater</a>
+                <a href="index.php?pfad=showCategory&category=theater">Theater</a>
             </div>
         </div>
 
         <div class="nav__item nav__dropdown">
             <button class="nav__dropdown-toggle">Technik & Praxis</button>
             <div class="nav__dropdown-menu">
-                <a href="index.php?pfad=technik">Technik</a>
+                <a href="index.php?pfad=showCategory&category=technik">Technik</a>
-                <a href="index.php?pfad=werken">Werken</a>
+                <a href="index.php?pfad=showCategory&category=werken">Werken</a>
-                <a href="index.php?pfad=hauswirtschaft">Hauswirtschaft</a>
+                <a href="index.php?pfad=showCategory&category=hauswirtschaft">Hauswirtschaft</a>
-                <a href="index.php?pfad=sport">Sport</a>
+                <a href="index.php?pfad=showCategory&category=sport">Sport</a>
             </div>
         </div>
     </div>

includes/search.php

@@ -2,5 +2,10 @@
 Suchleiste. Wird via PHP später in alle Seiten eingebunden
 -->
 <!--<label for="site-search">Suche</label>-->
-<input type="search" id="site-search" name="q" placeholder="Suchen..." class="nav__search">
+<form action="php/controller/search-results-controller.php" method="GET" class="search-form" style="display: flex; align-items: center; gap: 5px;">
-<button type="submit" class="nav__search-button">Suchen</button>
+    
+    <input type="hidden" name="pfad" value="search-results">
+    
+    <input type="search" id="site-search" name="q" placeholder="Suchen..." class="nav__search" maxlength="50" required>
+    <button type="submit" class="nav__search-button">Suchen</button>
+</form>

php/controller/search-results-controller.php

@@ -2,28 +2,67 @@
 session_start();
 require_once '../model/LocalArticleManager.php';
 require_once '../model/ArticleManager.php';
+require_once '../model/Article.php';
 
-if ($_SERVER["REQUEST_METHOD"] === "POST") {
+if ($_SERVER["REQUEST_METHOD"] === "GET" && isset($_GET["q"])) {
-    if(!isset($_POST["search"])){
+
+    $search = trim($_GET["q"]);
+    if (empty($search)) {
+        $_SESSION["search_results"] = [];
+        $_SESSION["search_query"] = "";
         $_SESSION["message"] = "missing_parameters";
-        header("location: ../../index.php?pfad=search-results");
     } else {
-
-        $search = $_POST["search"];
-
         try {
+            
             $articleManager = ArticleManager::getInstance();
-            $articleManager->search($search); // TODO: Methode implementieren.
+            
+            $results = $articleManager->search($search);
+
+            $sortStyle = $_GET['sort'] ?? 'alphabet';
+            $_SESSION['search_sort'] = $sortStyle;
+
+            if ($sortStyle === 'alphabet') {
+                // Titel aufsteigend alphabetiisch sortiert
+                usort($results, function($a, $b) {
+                    return strcasecmp($a->title, $b->title);
+                });
+            } elseif ($sortStyle === 'newest') {
+                // Datum neu zu alt sortiert
+                usort($results, function($a, $b) {
+                    return strcmp($b->creationDate, $a->creationDate);
+                });
+            } elseif ($sortStyle === 'oldest') {
+                // Datum alt zu neu sortiert
+                usort($results, function($a, $b) {
+                    return strcmp($a->creationDate, $b->creationDate);
+                });
+            }
+
+            // Ergebnisse werden in ein flaches array umgewandelt, da sont incomplete-PHP error im Ergebnis
+            $safeArrayResults = [];
+            foreach ($results as $obj) {
+                $safeArrayResults[] = [
+                    "id" => $obj->id,
+                    "title" => $obj->title,
+                    "content" => $obj->content,
+                    "author" => $obj->author,
+                    "category" => $obj->category,
+                    "tags" => $obj->tags,
+                    "creationDate" => $obj->creationDate
+                ];
+            }
+            
+            $_SESSION["search_results"] = $safeArrayResults;
+            $_SESSION["search_query"] = $search;
+            $_SESSION["message"] = "new_search_results";
+
         } catch (Exception $e){
             $_SESSION["message"] = "internal_error";
         }
-        $_SESSION["message"] = "new_search_results";
-        // TODO: Liste mit Artikeln in der Suchreihenfolge übertragen.
-        // Weiterleitung zur Suchergebnisanzeige
-        header("location: ../../index.php?pfad=search-results");
-        exit();
-
     }
+    header("Location: ../../index.php?pfad=search-results");
+    exit();
+    
 }
 
 ?>

php/controller/showCategory-controller.php

@@ -0,0 +1,21 @@
+<?php
+require_once 'php/model/Article.php';
+require_once 'php/model/ArticleManager.php';
+require_once 'php/validator/article-validator.php';
+
+if (isset($_GET["category"]) && !empty($_GET["category"]) && articleCategoryValidator($_GET["category"])){
+    $category = $_GET["category"];
+    try {
+        $articleManager = ArticleManager::getInstance();
+        $articles = $articleManager->getArticlesByCategory($category);
+    } catch (Exception $e) {
+        $_SESSION["message"] = "internal_error";
+        include_once "content/404.php";
+        exit();
+    }
+}else{
+    $_SESSION["message"] = "invalid_category";
+    include_once "content/404.php";
+    exit();
+}
+?>

php/model/Article.php

@@ -7,13 +7,13 @@
  */
 class Article
 {
-    private $id;
+    public $id;
-    private $title;
+    public $title;
-    private $content;
+    public $content;
-    private $author;
+    public $author;
-    private $creationDate;
+    public $creationDate;
-    private $category;
+    public $category;
-    private $tags;
+    public $tags;
 
     /**
      * Konstruktor

php/model/ArticleManager.php

@@ -19,7 +19,7 @@ class ArticleManager extends LocalArticleManager
                 "Satz des Pythagoras",
                 "Der Satz des Pythagoras wurde von dem griechischen Philosophen Pythagoras von Samos formuliert und im dritten Jahrhundert vor Christus veröffentlicht. In der beigefügten Abbildung sehen wir ein rechtwinkliges Dreieck...",
                 "max.mustermann",
-                "Mathe",
+                "mathe",
                 "Dreiecke, Dreiecksseiten berechnen"
             );
         }
@@ -28,7 +28,7 @@ class ArticleManager extends LocalArticleManager
                 "Tunneleffekt",
                 "Der Tunneleffekt ist ein quantenmechanisches Phänomen, bei dem Teilchen...",
                 "max.mustermann",
-                "Physik",
+                "physik",
                 "Quantenphysik, Energie"
             );
         }
@@ -37,11 +37,12 @@ class ArticleManager extends LocalArticleManager
                 "Datenschutz vs Datensicherheit",
                 "Datenschutz ist in unserer digital vernetzten Welt allgegenwärtig...",
                 "max.mustermann",
-                "Informatik",
+                "informatik",
                 "Daten, DSGVO"
             );
         }
 
         return $articleManager;
     }
+ 
 }

php/model/ArticleManagerDAO.php

@@ -76,5 +76,22 @@ interface ArticleManagerDAO
      */
     public function getArticlesByAuthor($author);
 
+    /**
+     * Durchsucht die vorhandenen Beiträge nach einem bestimmten Suchbegriff.
+     * Die Suche prüft, ob das übergebene Keyword im Titel oder im Inhalt eines Beitrags vorkommt.
+     * (Unabhängig von Groß-und Kleinschreibung)
+     * @param string $keyword Der eingegebene Suchbegriff.
+     * @return array Ein Array von Artikeln ,die dem Suchkriterium entsprechen. Wenn nichts gefunden wird, ein leeres Array.
+     */
+    public function search(string $keyword): array;
+
+    /**
+     * Gibt alle Beiträge einer gegebenen Kategorie aus.
+     * @param $category
+     * @return mixed
+     */
+    public function getArticlesByCategory($category);
+
+
 }
 ?>

php/model/LocalArticleManager.php

@@ -166,5 +166,61 @@ class LocalArticleManager implements ArticleManagerDAO {
         }
         return $filteredArticles;
     }
+
+
+    public function search(string $keyword): array 
+    {
+        $articles = $this->getAllArticles();
+        $filteredArticles = [];
+
+        if (!is_array($articles)) {
+            return [];
+        }
+
+        $cleanKeyword = strtolower(trim($keyword));
+
+        foreach ($articles as $article) {
+            $title = isset($article['title']) ? strtolower((string)$article['title']) : '';
+            $content = isset($article['content']) ? strtolower((string)$article['content']) : '';
+
+            if (($cleanKeyword !== '' && strpos($title, $cleanKeyword) !== false) || 
+                ($cleanKeyword !== '' && strpos($content, $cleanKeyword) !== false)) {
+            
+                $filteredArticles[] = new Article(
+                    intval($article['id'] ?? 0),
+                    $article['title'] ?? '',
+                    $article['content'] ?? '',
+                    $article['author'] ?? '',
+                    $article['category'] ?? '',
+                    $article['tags'] ?? '',
+                    $article['creationDate'] ?? ''
+                );
+            }
+        }
+
+    return $filteredArticles;
+    }
+
+    public function getArticlesByCategory($category)
+    {
+        $articles = $this->getAllArticles();
+        $filteredArticles = [];
+
+        foreach ($articles as $article) {
+            if (isset($article['category']) && $article['category'] == $category) {
+                $filteredArticles[] = new Article(
+                    intval($article['id']),
+                    $article['title'],
+                    $article['content'],
+                    $article['author'],
+                    $article['category'],
+                    $article['tags'],
+                    $article['creationDate']
+                );
+            }
+        }
+        return $filteredArticles;
+    }
+
 }
 ?>

pythagoras.php

@@ -1,53 +0,0 @@
-<!--
-    Artikel: Satz des Pythagoras
-    Funktion: Inhalt zum Fach Mathe
-    TODO: entfernen, wenn die Kategorie-Anzeige implementiert ist.
--->
-<!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>Satz des Pythagoras</h1>
-
-        <p>
-            Der Satz des Pythagoras wurde von dem griechischen Philosophen Pythagoras von Samos formuliert und im
-            dritten Jahrhundert vor Christus veröffentlicht.
-        </p>
-        <figure>
-          <img src="https://cdn8.picryl.com/photo/2016/05/14/pythagoras-e9560b-1024.jpg" alt="Trulli" style="width:10%">
-          <figcaption><a href="https://cdn8.picryl.com/photo/2016/05/14/pythagoras-e9560b-1024.jpg">Quelle</a></figcaption>
-        </figure>
-        <p>
-            In der beigefügten Abbildung sehen wir ein rechtwinkliges Dreieck, dessen drei Seiten die Längen a, b und c
-            besitzen. Auf jeder Seite ist ein Quadrat konstruiert. Das Quadrat auf der Seite a hat die Fläche a2, das
-            Quadrat auf der Seite b hat die Fläche b2 und das Quadrat auf der Seite c hat die Fläche c2. Der Satz des
-            Pythagoras besagt, dass die Summe der Flächen der beiden kleineren Quadrate gleich der Fläche des größten
-            Quadrats ist. Das bedeutet, dass a^2+b^2=c^2 (Satz des Pythagoras).
-        </p>
-    <a href="docs/Uebungsaufgaben_Pythagoras.pdf">Lernzettel-Download</a>
-    </main>
-
-<?php
-include_once 'includes/footer.php';
-?>
-</body>
-
-</html>

tunneleffekt.php

@@ -1,47 +0,0 @@
-<!--
-    Artikel: Tunneleffekt
-    Funktion: Inhalt zum Fach Physik
-    TODO: entfernen, wenn die Kategorie-Anzeige implementiert ist.
--->
-<!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>Tunneleffekt</h1>
-
-        <p>
-            Der Tunneleffekt ist ein quantenmechanisches Phänomen, bei dem Teilchen – vor allem Elektronen – eine
-            Energiebarriere überwinden können, obwohl sie nach den Regeln der klassischen Physik nicht genügend Energie
-            dafür besitzen. In der klassischen Vorstellung müsste ein Elektron entweder genügend Energie haben, um über
-            eine Barriere zu „springen“, oder es würde vollständig zurückgeworfen. In der Quantenphysik wird ein Elektron
-            jedoch nicht als punktförmiges Teilchen beschrieben, sondern als Wellenfunktion, die sich räumlich ausdehnt.
-            Dadurch besteht eine endliche Wahrscheinlichkeit, dass sich das Elektron auf der anderen Seite einer Barriere
-            befindet (Griffiths & Schroeter, 2018).
-        </p>
-
-    </main>
-
-<?php
-include_once 'includes/footer.php';
-?>
-</body>
-
-</html>