Update createArticle-controller.php

article-Interface & -Klasse
+ createArticle.php mit article.css (Editor)
+ neuer "Beitrag erstellen"-Button in Navbar

content/createArticle.php

@@ -0,0 +1,83 @@
+<!--
+    Seite: Beitrag erstellen
+    Inhalt: Formular für die Erstellung eines neuen Beitrags
+-->
+<?php
+    include_once $abs_path . '/php/model/ArticleManagerDAO.php';
+    include_once $abs_path . '/php/model/ArticleManager.php';
+
+    if(isset($_POST['title']) && isset($_POST['content']) && isset($_POST['category'])) {
+
+    }else{
+        // TODO: Exception werfen.
+        echo"Fehler!";
+    }
+?>
+
+<form method="post" action="php/controller/createArticle-controller.php" id="editor-form" class="wp-editor-scope editor-container">
+
+    <main class="editor-main">
+        <input type="text" id="title" name="title" placeholder="Titel hier eingeben" required>
+        <textarea id="content" name="content" placeholder="Schreibe deinen Beitrag..."></textarea>
+    </main>
+
+    <!-- Seitenleiste -->
+    <aside class="editor-sidebar">
+
+        <div class="sidebar-block">
+            <button type="submit" class="btn-publish">Veröffentlichen</button>
+        </div>
+
+        <div class="sidebar-block">
+            <label for="category">Kategorie <span class="required">*</span></label>
+            <select id="category" name="category" required>
+                <option value="" disabled selected>Kategorie wählen...</option>
+
+                <optgroup label="Sprachen">
+                    <option value="deutsch">Deutsch</option>
+                    <option value="englisch">Englisch</option>
+                    <option value="franzoesisch">Französisch</option>
+                    <option value="latein">Latein</option>
+                    <option value="literatur">Literatur</option>
+                </optgroup>
+
+                <optgroup label="MINT">
+                    <option value="mathe">Mathematik</option>
+                    <option value="biologie">Biologie</option>
+                    <option value="chemie">Chemie</option>
+                    <option value="physik">Physik</option>
+                    <option value="informatik">Informatik</option>
+                    <option value="astronomie">Astronomie</option>
+                </optgroup>
+
+                <optgroup label="Gesellschaft & Werte">
+                    <option value="geschichte">Geschichte</option>
+                    <option value="erdkunde">Erdkunde</option>
+                    <option value="sozialkunde">Sozialkunde</option>
+                    <option value="wirtschaft">Wirtschaftskunde</option>
+                    <option value="religion">Religion</option>
+                    <option value="ethik">Ethikunterricht</option>
+                    <option value="philosophie">Philosophie</option>
+                    <option value="psychologie">Psychologie</option>
+                    <option value="kunst">Kunst</option>
+                    <option value="musik">Musik</option>
+                    <option value="theater">Theater</option>
+                </optgroup>
+
+                <optgroup label="Technik & Praxis">
+                    <option value="technik">Technik</option>
+                    <option value="werken">Werken</option>
+                    <option value="hauswirtschaft">Hauswirtschaft</option>
+                    <option value="sport">Sport</option>
+                </optgroup>
+            </select>
+        </div>
+
+        <div class="sidebar-block">
+            <label for="tags">Schlagwörter</label>
+            <input type="text" id="tags" name="tags" placeholder="z.B. Technik, IT (mit Komma trennen)">
+        </div>
+
+    </aside>
+
+</form>

content/search-results.php

@@ -1,125 +0,0 @@
-<?php
-session_start();
-?>
-<!--
-    Seite: Suchergebnisse
-    Inhalt: Zeigt die Ergebnisse einer Suche an
--->
-<div class="s-res-layout-grid">
-
-    <!-- Links: Seitenleiste für Filter und Suche -->
-    <aside class="s-res-sidebar">
-
-        <!-- Suchleiste Box -->
-        <div class="s-res-sidebar-box">
-            <h3 class="s-res-sidebar-title">Suche anpassen</h3>
-            <form action="#" method="GET" class="s-res-search-form">
-                <input type="search" id="site-search" name="q" placeholder="Suchen..." class="nav__search">
-                <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>
-
-    </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">3 Treffer für Ihre Suchanfrage</p>
-        </div>
-
-        <!-- Ergebnisliste -->
-        <div class="s-res-list">
-
-            <?php
-            if(isset($_SESSION['message']) && $_SESSION['message'] == "new_search_results"): ?>
-            <!-- TODO: Hier die Beiträge ausgeben. -->
-            <?php elseif (isset($_SESSION["message"]) && $_SESSION["message"] == "missing_parameters"): ?>
-            <p>
-                Bitte überprüfe deine Sucheingabe und versuche es erneut!
-            </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">
-
-            <!-- 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">
-                    <option value="10" selected>10</option>
-                    <option value="20">20</option>
-                    <option value="50">50</option>
-                    <option value="100">100</option>
-                </select>
-            </div>
-
-            <div class="s-res-page-navigation">
-                <button type="button" class="s-res-page-btn" disabled>&laquo;</button>
-                <button type="button" class="s-res-page-btn s-res-page-btn-active">1</button>
-                <button type="button" class="s-res-page-btn">&raquo;</button>
-            </div>
-
-        </div>
-    </main>
-
-</div>

css/article.css

@@ -0,0 +1,123 @@
+/* editor in Flexbox */
+.wp-editor-scope.editor-container {
+    display: flex;
+    min-height: 100vh;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+    color: #1e1e1e;
+    background-color: #f0f2f5;
+    box-sizing: border-box;
+}
+
+.wp-editor-scope * {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+/* Hauptbereich */
+.wp-editor-scope .editor-main {
+    flex: 1;
+    padding: 40px;
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    background: #ffffff;
+}
+
+.wp-editor-scope #title {
+    font-size: 2.5rem;
+    font-weight: 700;
+    border: none;
+    outline: none;
+    width: 100%;
+    background: transparent;
+}
+
+.wp-editor-scope #content {
+    flex: 1;
+    font-size: 1.1rem;
+    line-height: 1.6;
+    border: none;
+    outline: none;
+    resize: none;
+    width: 100%;
+    background: transparent;
+}
+
+/* Seitenleiste */
+.wp-editor-scope .editor-sidebar {
+    width: 300px;
+    background-color: #ffffff;
+    border-left: 1px solid #e0e0e0;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+}
+
+.wp-editor-scope .sidebar-block {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.wp-editor-scope .sidebar-block label {
+    font-weight: 600;
+    font-size: 0.9rem;
+}
+
+.wp-editor-scope .required {
+    color: #d94f4f;
+}
+
+/* Formularelemente innerhalb der Editor-Sidebar */
+.wp-editor-scope .editor-sidebar select,
+.wp-editor-scope .editor-sidebar input[type="text"] {
+    width: 100%;
+    padding: 8px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    font-size: 0.9rem;
+    background: #ffffff;
+}
+
+/* Button-Zeugs */
+.wp-editor-scope .btn-publish {
+    background-color: #007cba;
+    color: white;
+    border: none;
+    padding: 12px;
+    border-radius: 4px;
+    font-weight: 600;
+    cursor: pointer;
+    font-size: 1rem;
+    width: 100%;
+}
+
+.wp-editor-scope .btn-publish:hover {
+    background-color: #006ba1;
+}
+
+@media (max-width: 760px) {
+    .wp-editor-scope.editor-container {
+        /* Sidebar nach unten */
+        flex-direction: column;
+    }
+
+    .wp-editor-scope .editor-main {
+        /* weniger Innenabstand */
+        padding: 20px;
+    }
+
+    .wp-editor-scope #content {
+        /* Verhindert, dass das Textfeld auf kleinen Displays kollabiert */
+        min-height: 300px;
+    }
+
+    .wp-editor-scope .editor-sidebar {
+        width: 100%;
+        /* Entfernt den linken Rand und setzt ihn nach oben als Trenner */
+        border-left: none;
+        border-top: 1px solid #e0e0e0;
+    }
+}

css/footer.css

@@ -1,5 +1,7 @@
 /* Footer‑Grundlayout */
 footer {
+    position: fixed;
+    bottom: 0;
     width: 100%;
     background: #333d43;
     text-align: center;

css/main.css

@@ -3,19 +3,12 @@ main {
     max-width:1200px;
     margin: 0 auto;
     padding: 20px;
-
-    width: 100%;
-    box-sizing: border-box;
 }
 
 body {
     background-color: #eef2f7;
     color: #1f2937;
     margin: 0;
-
-    min-height: 100vh;
-    display: grid;
-    grid-template-rows: auto 1fr auto; /* Header(auto), Inhalt (bekommt Rest), Footer(auto) */
 }
 
 a, button, input, select, textarea, label, main{
@@ -24,8 +17,7 @@ a, button, input, select, textarea, label, main{
 
 .flexbox {
     display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
+    flex-direction: column;
     gap: 20px;
     margin-top: 30px;
 }
@@ -37,7 +29,6 @@ a, button, input, select, textarea, label, main{
     border: 1px solid #dbe3ec;
     box-shadow: 0 4px 12px rgba(0,0,0,0.08);
     transition: transform 0.2s, box-shadow 0.2s;
-    flex: 1 1 300px;
 }
 
 .container:hover {

css/navbar.css

@@ -205,10 +205,6 @@ CSS für die navbar
         margin-left: 4px;
     }
 
-    .nav__search-button:hover {
-        background-color: #f8f9fa;
-    }
-
     /* restliche desktop-navbar aus */
     .nav__center,
     .nav__right .nav__button,
@@ -231,9 +227,6 @@ CSS für die navbar
         padding: 2rem 1rem;
         box-shadow: 2px 0 10px rgba(0,0,0,0.5);
         overflow-y: auto;
-        
-        /* Genug Abstand oben rechts, damit Links nicht hinter dem X liegen */
-        padding: 4rem 1.5rem 2rem 1.5rem;
     }
 
     .nav__checkbox:checked ~ .nav__mobile-menu {
@@ -244,18 +237,6 @@ CSS für die navbar
         left: 0;
     }
 
-    .nav__close-btn {
-        position: absolute;
-        top: 1rem;
-        right: 1.5rem;
-        font-size: 2rem;
-        color: #fff;
-        cursor: pointer;
-        line-height: 1;
-        user-select: none;
-        transition: color 0.2s ease, transform 0.2s ease;
-    }
-
     .nav__mobile-menu a {
         color: #fff;
         text-decoration: none;

css/search-results.css

@@ -1,263 +0,0 @@
-/*
-CSS für die Suchergebnis-Seite
- */
-/* Container und Layout-Schutz vor globalen Styles */
-.s-res-layout-grid {
-    box-sizing: border-box;
-    max-width: 95%; /* Nutzt jetzt 95% der Bildschirmbreite statt starrer Pixel */
-    width: 95%;  /* Erhöht das Limit für extrem große Monitore von 1200px auf 1600px */
-    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; /* Seitenleiste leicht verbreitert, Inhalt nimmt den gesamten Rest ein */
-    gap: 2.5rem; /* Etwas mehr Abstand zwischen Seitenleiste und Inhalt für das breitere Layout */
-}
-
-.s-res-layout-grid * {
-    box-sizing: border-box;
-}
-
-/* --- SEITENLEISTE (FILTER & SUCHE) --- */
-.s-res-sidebar {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-}
-
-.s-res-sidebar-box {
-    background-color: #ffffff;
-    border: 1px solid #e2e8f0;
-    border-radius: 8px;
-    padding: 1.25rem;
-}
-
-.s-res-sidebar-title {
-    font-size: 1rem;
-    font-weight: 700;
-    color: #1a202c;
-    margin: 0 0 1rem 0;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-}
-
-/* Formular & deine Suchleisten-Klassen */
-.s-res-search-form {
-    display: flex;
-    align-items: center;
-}
-
-/* Filter Radio-Buttons */
-.s-res-filter-group {
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-}
-
-.s-res-filter-option {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    cursor: pointer;
-    font-size: 0.95rem;
-    color: #4a5568;
-}
-
-.s-res-filter-option input[type="radio"] {
-    margin: 0;
-    accent-color: #3182ce; /* Moderne Färbung des Radio-Buttons */
-}
-
-/* --- HAUPTINHALT (ERGEBNISSE) --- */
-.s-res-main-content {
-    min-width: 0; /* Verhindert das Ausbrechen von Flex-Elementen */
-}
-
-.s-res-header {
-    margin-bottom: 2rem;
-    border-bottom: 2px solid #dee2e6;
-    padding-bottom: 1rem;
-}
-
-.s-res-main-title {
-    font-size: 2rem;
-    color: #1a202c;
-    margin: 0 0 0.5rem 0;
-    font-weight: 700;
-}
-
-.s-res-meta {
-    color: #6c757d;
-    font-size: 0.95rem;
-    margin: 0;
-}
-
-.s-res-list {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-}
-
-/* Einzelner Beitrag */
-.s-res-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;
-}
-
-.s-res-item:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-    border-color: #cbd5e1;
-}
-
-.s-res-content {
-    flex: 1;
-}
-
-.s-res-item-title {
-    font-size: 1.25rem;
-    margin: 0 0 0.25rem 0;
-    font-weight: 600;
-}
-
-.s-res-link {
-    color: #3182ce;
-    text-decoration: none;
-    transition: color 0.2s ease;
-}
-
-.s-res-link:hover {
-    text-decoration: underline;
-    color: #2b6cb0;
-}
-
-.s-res-author {
-    font-size: 0.875rem;
-    color: #4a5568;
-    margin: 0;
-}
-
-.s-res-author-name {
-    font-weight: 600;
-    color: #2d3748;
-}
-
-.s-res-arrow {
-    font-size: 1.5rem;
-    color: #a0aec0;
-    padding-left: 1rem;
-    transition: color 0.2s ease, transform 0.2s ease;
-}
-
-.s-res-item:hover .s-res-arrow {
-    color: #3182ce;
-    transform: translateX(3px);
-}
-
-/* --- ERGEBNISSE PRO SEITE & PAGINIERUNG --- */
-.s-res-pagination-footer {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-top: 2rem;
-    padding-top: 1.5rem;
-    border-top: 1px solid #e2e8f0;
-}
-
-/* Dropdown-Auswahl */
-.s-res-limit-selector {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-}
-
-.s-res-limit-label {
-    font-size: 0.9rem;
-    color: #4a5568;
-}
-
-.s-res-limit-select {
-    padding: 0.35rem 1.5rem 0.35rem 0.5rem;
-    font-size: 0.9rem;
-    color: #2d3748;
-    background-color: #ffffff;
-    border: 1px solid #cbd5e1;
-    border-radius: 4px;
-    cursor: pointer;
-    outline: none;
-    transition: border-color 0.2s;
-
-    /* Diskreter nativer Pfeil-Style */
-    appearance: none;
-    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://w3.org' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
-    background-repeat: no-repeat;
-    background-position: right 0.4rem center;
-    background-size: 1em;
-}
-
-.s-res-limit-select:focus {
-    border-color: #3182ce;
-}
-
-/* Seitennummern Navigation */
-.s-res-page-navigation {
-    display: flex;
-    gap: 0.25rem;
-}
-
-.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;
-}
-
-.s-res-page-btn:hover:not(:disabled) {
-    background-color: #f8f9fa;
-    border-color: #cbd5e1;
-    color: #2d3748;
-}
-
-.s-res-page-btn-active {
-    background-color: #3182ce;
-    border-color: #3182ce;
-    color: #ffffff;
-    cursor: default;
-}
-
-.s-res-page-btn:disabled {
-    background-color: #f1f5f9;
-    border-color: #e2e8f0;
-    color: #94a3b8;
-    cursor: not-allowed;
-}
-
-/* --- RESPONSIVE DESIGN (MOBILGERÄTE) --- */
-@media (max-width: 768px) {
-    .s-res-layout-grid {
-        grid-template-columns: 1fr; /* Stapelt Seitenleiste und Inhalt untereinander */
-        gap: 1.5rem;
-        margin: 1rem auto;
-    }
-    .s-res-pagination-footer {
-        flex-direction: column;
-        gap: 1rem;
-        align-items: flex-start;
-    }
-}
-

includes/footer.php

@@ -1,5 +1,5 @@
 <footer>
-    <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="impressum.php">Impressum</a>
+    <a href="datenschutz.php">Datenschutz</a>
+    <a href="nutzungsbedingungen.php">Nutzungsbedingungen</a>
 </footer>

includes/navbar.php

@@ -21,6 +21,7 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
         <li><a href="index.php?pfad=profile">Profil</a></li>
         <li><a href="index.php?pfad=login">Anmelden</a></li>
         <li><a href="index.php?pfad=register">Registrieren</a></li>
+        <li><a href="index.php?pfad=createArticle">Beitrag erstellen</a></li>
         <li>
             <label class="nav__mobile-label">Sprachen</label>
             <ul class="nav__mobile-submenu">
@@ -129,7 +130,8 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
             include_once 'search.php';
         ?>
         </div>
-	    <a href = "index.php?pfad=login" class="nav__item nav__button">Anmelden</a>
-	    <a href = "index.php?pfad=register" class="nav__item nav__button">Registrieren</a>
+	    <a href="index.php?pfad=login" class="nav__item nav__button">Anmelden</a>
+	    <a href="index.php?pfad=register" class="nav__item nav__button">Registrieren</a>
+        <a href="index.php?pfad=createArticle" class="nav__item nav__button">Beitrag erstellen</a>
     </div>
 </nav>

index.php

@@ -1,3 +1,11 @@
+
+<?php
+if (!isset($abs_path)) {
+    require_once "path.php";
+}
+require_once $abs_path . "/php/controller/index-controller.php";
+?>
+
 <!--
     Seite: Index der Lernplattform
     Funktion: Webseitengerüst, Anzeigen von Content
@@ -14,7 +22,7 @@
     <link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" href="css/navbar.css">
     <link rel="stylesheet" href="css/footer.css">
-    <link rel="stylesheet" href="css/search-results.css">
+    <link rel="stylesheet" href="css/article.css">
     <title>EduForge</title>
 </head>
 
@@ -22,18 +30,18 @@
 <body>
 
     <?php
-	include_once 'includes/navbar.php';
+	include_once $abs_path . '/includes/navbar.php';
 	//Dynamischer Inhalt:
     if (isset($_GET["pfad"])) {
-        if (file_exists('content/' . $_GET["pfad"] . '.php')) {
-            include_once 'content/' . $_GET["pfad"] . '.php';
+        if (file_exists($abs_path . '/content/' . $_GET["pfad"] . '.php')) {
+            include_once $abs_path . '/content/' . $_GET["pfad"] . '.php';
         } else {
-            include_once 'content/404.php';
+            include_once $abs_path . '/content/404.php';
         }
     } else {
-        include_once 'content/home.php';
+        include_once $abs_path . '/content/home.php';
     }
-    include_once 'includes/footer.php';
+    include_once $abs_path . '/includes/footer.php';
     ?>
 </body>
 

nutzungsbedingungen.php

@@ -10,10 +10,10 @@
     <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">
+    <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>
 

path.php

@@ -0,0 +1,3 @@
+<?php
+$abs_path = __DIR__;
+?>

php/controller/createArticle-controller.php

@@ -0,0 +1,18 @@
+<?php
+
+require_once $abs_path . '/php/model/ArticleManager.php';
+require_once $abs_path . '/php/model/Article.php';
+
+try {
+    $articleManager = new ArticleManager();
+}catch (Exception $e){
+    die("Fehler bei der Initialisierung des Artikel-Managers: " . $e->getMessage());
+}
+
+try {
+    $author = "max.mustermann@web.de"; // wird später aus session bezogen.
+    $articleManager->newArticle($_POST['post-title'], $_POST['post-content'], $author);
+} catch (Exception $e) {
+    echo "Fehler beim Erstellen des Beitrags: " . $e->getMessage();
+}
+?>

php/controller/index-controller.php

@@ -0,0 +1,3 @@
+<?php
+
+?>

php/controller/search-results-controller.php

@@ -1,29 +0,0 @@
-<?php
-session_start();
-require_once '../model/LocalArticleManager.php';
-require_once '../model/ArticleManager.php';
-
-if ($_SERVER["REQUEST_METHOD"] === "POST") {
-    if(!isset($_POST["search"])){
-        $_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.
-        } 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();
-
-    }
-}
-
-?>

php/model/Article.php

@@ -0,0 +1,75 @@
+<?php
+/*
+ * Klasse: Artikel
+ * Diese Klasse stellt alle Daten eines Artikels (Beitrag) bereit
+ *
+ * @author Niklas Ortmann
+ */
+class Article
+{
+    private $id;
+    private $title;
+    private $content;
+    private $author;
+    private $date;
+
+    /*
+     * Gibt die ID eines Artikels zurück.
+     */
+    public function getId()
+    {
+        return $this->id;
+    }
+
+    /*
+     * Gibt den Titel eines Artikels zurück.
+     */
+    public function getTitle()
+    {
+        return $this->title;
+    }
+
+    /*
+     * Setzt den Titel eines Artikels.
+     */
+    public function setTitle($title)
+    {
+        $this->title = $title;
+    }
+
+    /*
+     * Gibt den Content eines Artikels zurück.
+     * TODO: Content muss noch definiert werden.
+     */
+    public function getContent()
+    {
+        return $this->content;
+    }
+
+    /*
+     * Setzt den Content eines Artikels.
+     * TODO: Content muss noch definiert werden.
+     */
+    public function setContent($content)
+    {
+        $this->content = $content;
+    }
+
+    /*
+     * Gibt den Autor eines Artikels zurück.
+     */
+    public function getAuthor()
+    {
+        return $this->author;
+    }
+
+    /*
+     * Gibt das Veröffentlichungsdatum des Artikels zurück.
+     */
+    public function getDate()
+    {
+        return $this->date;
+    }
+
+}
+?>

php/model/ArticleManager.php

@@ -0,0 +1,77 @@
+<?php
+require_once 'ArticleManagerDAO.php';
+/*
+ * Klasse: Eine lokale Lösung der DatenbankDAO.
+ * schreibt zunächst Daten lokal in das Verzeichnis und kann diese wieder auslesen.
+ *
+ * @author Niklas Ortmann
+ */
+class ArticleManager implements ArticleManagerDAO {
+    /*
+     * Gibt die Datenbank-Instanz zurück.
+     */
+    public static function getInstance()
+    {
+        if (self::$instance == null) {
+            self::$instance = new ArticleManager();
+        }
+
+        return self::$instance;
+    }
+
+
+    /*
+     * Prüft, ob die lokalen txt-Dateien existieren.
+     * Wenn nicht, werden diese erstellt.
+     */
+    public function __construct()
+    {
+
+    }
+
+    public function newArticle($title, $content, $author, $category) {
+        $newData = array(
+            "title" => $title,
+            "content" => $content,
+            "author" => $author,
+            "category" => $category,
+            //"tags" => isset($_POST["tags"]) ? $_POST["tags"] : '', TODO: Später hinzufügen
+            "date" => date("d.m.Y, H:i")
+        );
+        $newData = base64_encode(serialize($newData));
+        if (!file_exists("articles.txt")) {
+            $newData = fopen("articles.txt", "xb");
+            fclose($newData);
+        }
+        $previousData = file_get_contents("articles.txt");
+        if (file_put_contents("articles.txt", "$newData\n$previousData")) {
+            // TODO: Vernünftige Rückmeldung implementieren.
+            echo "Artikel erfolgreich gespeichert!";
+        } else {
+            // TODO: passende Exceptions werfen.
+            echo "Fehler!";
+        }
+    }
+
+    public function updateArticle($id, $title, $content, $author)
+    {
+        // TODO: Implement updateArticle() method.
+    }
+
+    public function deleteArticle($id)
+    {
+        // TODO: Implement deleteArticle() method.
+    }
+
+    public function getArticle($id)
+    {
+        // TODO: Implement getArticle() method.
+    }
+
+    public function getAllArticles()
+    {
+        // TODO: Implement getAllArticles() method.
+    }
+
+}
+?>

php/model/ArticleManagerDAO.php

@@ -0,0 +1,66 @@
+<?php
+/*
+ * Die Klasse binhaltet alle Methoden für die Operation auf der Datenbank.
+ *
+ * @author Niklas Ortmann
+ */
+
+interface ArticleManagerDAO
+{
+    /*
+     * Ein angemeldeter Nutzer erstellt einen neuen Beitrag.
+     * $title           Titel des Beitrags
+     * $content         Der Inhalt des Beitrags
+     * $author          dem Author des des Beitrags (NID oder email)
+     * $category        Kategorie des Beitrags
+     * $tags            optionale Schlagworte für eine bessere Suche
+     *
+     * Mögliche Exceptions:
+     * TODO Fehlerbeschreibung hinzufügen
+     */
+    public function newArticle($title, $content, $author, $category);
+
+    /*
+     * Ein angemeldeter Nutzer bearbeitet einen Beitrag.
+     * $id ID des Beitrags
+     * $title Titel des Beitrags
+     * $content Der Inhalt des Beitrags
+     * $author dem Author des des Beitrags (NID oder email)
+     *
+     * Mögliche Exceptions:
+     * TODO Fehlerbeschreibung hinzufügen
+     */
+    public function updateArticle($id, $title, $content, $author);
+
+    /*
+     * Ein angemeldeter Nutzer löscht einen seiner Beiträge.
+     * $id ID des Beitrags
+     * $title Titel des Beitrags
+     * $content Der Inhalt des Beitrags
+     * $author dem Author des des Beitrags (NID oder email)
+     *
+     * Mögliche Exceptions:
+     * TODO Fehlerbeschreibung hinzufügen
+     */
+    public function deleteArticle($id);
+
+    /*
+     * Beitrag aufrufen.
+     * $id ID des Beitrags
+     *
+     * Mögliche Exceptions:
+     * TODO Fehlerbeschreibung hinzufügen
+     */
+    public function getArticle($id);
+
+    /*
+     * Alle Beiträge aufrufen.
+     *
+     * Mögliche Exceptions:
+     * TODO Fehlerbeschreibung hinzufügen
+     */
+    public function getAllArticles();
+
+
+}
+?>