From ed795e69962f277b76fee63e6cbc6e3bff9dfdb1 Mon Sep 17 00:00:00 2001
From: Matthias Grief <matthias.grief@alumni.fh-aachen.de>
Date: Sun, 22 Dec 2024 21:04:20 +0100
Subject: [PATCH] =?UTF-8?q?Editor=20f=C3=BCr=20F=C3=A4cher=20auf=20eigener?=
 =?UTF-8?q?=20Seite=20eingebaut?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 webseite/subjectEditor.php | 124 +++++++++++++++++++++++++++++++++++++
 1 file changed, 124 insertions(+)
 create mode 100644 webseite/subjectEditor.php
diff --git a/webseite/subjectEditor.php b/webseite/subjectEditor.php
new file mode 100644
index 0000000..c3b6a01
--- /dev/null
+++ b/webseite/subjectEditor.php
@@ -0,0 +1,124 @@
+<?php
+require_once("classes/User.php");
+require_once("classes/SubjectData.php");
+require_once("classes/TopicData.php");
+
+$allSubjects = SubjectData::getAll();
+$editingSubject = null;
+
+if (isset($_GET['subjectId'])) {
+    $editingSubject = $allSubjects[$_GET['subjectId']];
+}
+
+?>
+
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Lehrer Dashboard</title>
+
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
+    <link href="assets/css/styles.css" rel="stylesheet">
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
+    <script src="https://cdn.tailwindcss.com"></script>
+</head>
+
+<body class="min-h-screen bg-gray-50">
+<form id="subjectForm" onsubmit="handleSubjectSubmit(event)">
+    <div class="space-y-6">
+        <div>
+            <label class="block text-sm font-medium text-gray-700 mb-2">Name des Fachs</label>
+            <input type="text"
+                   name="displayName"
+                   required
+                   class="w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 text-lg enabled:hover:border-gray-400"
+                   placeholder="z.B. Mathematik"
+                   value="<?php
+                   if(isset($editingSubject)) {
+                       echo $editingSubject->getDisplayName();
+                   }
+                   ?>">
+        </div>
+
+        <div>
+            <label class="block text-sm font-medium text-gray-700 mb-2">Beschreibung</label>
+            <textarea name="description"
+                      required
+                      class="w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 text-lg enabled:hover:border-gray-400"
+                      rows="4"
+                      placeholder="Kurze Beschreibung des Fachs"><?php
+                if(isset($editingSubject)) {
+                    echo $editingSubject->getDescription();
+                }
+                ?></textarea>
+        </div>
+
+        <div>
+            <label class="block text-sm font-medium text-gray-700 mb-2">Farbe</label>
+            <input type="color" name="color" required
+                   class="w-full h-14 px-1 py-1 rounded-lg"
+                   value="<?php
+                   if(isset($editingSubject)) {
+                       echo $editingSubject->getColor();
+                   } else {
+                       echo "#3b82f6";
+                   }
+                   ?>">
+        </div>
+
+        <div>
+            <label class="block text-sm font-medium text-gray-700 mb-2">Icon auswählen</label>
+            <div class="grid grid-cols-6 gap-4 p-4 border rounded-lg bg-gray-50">
+                <?php
+                $icons = [
+                    ['fa-book', 'Buch'],
+                    ['fa-square-root-alt', 'Mathematik'],
+                    ['fa-flask', 'Naturwissenschaften'],
+                    ['fa-language', 'Sprachen'],
+                    ['fa-music', 'Musik'],
+                    ['fa-palette', 'Kunst'],
+                    ['fa-dumbbell', 'Sport'],
+                    ['fa-globe', 'Erdkunde'],
+                    ['fa-clock', 'Geschichte'],
+                    ['fa-microscope', 'Biologie'],
+                    ['fa-atom', 'Physik'],
+                    ['fa-vial', 'Chemie'],
+                    ['fa-computer', 'Informatik'],
+                    ['fa-calculator', 'Rechnen'],
+                    ['fa-pen', 'Schreiben'],
+                    ['fa-theater-masks', 'Theater'],
+                    ['fa-draw-polygon', 'Geometrie'],
+                    ['fa-tablets', 'Medizin']
+                ];
+
+                foreach ($icons as $index => [$icon, $label]) {
+                    echo "<div class='icon-option cursor-pointer p-4 rounded-lg hover:bg-white hover:shadow transition-all text-center' 
+                                      onclick='selectIcon(this, \"$icon\")' data-icon='$icon'>
+                                    <i class='fas $icon text-2xl mb-2'></i>
+                                    <div class='text-xs text-gray-600'>$label</div>
+                                  </div>";
+                }
+                ?>
+            </div>
+            <input type="hidden" name="icon" id="selectedIcon">
+        </div>
+    </div>
+
+    <div class="mt-8 flex justify-end gap-3">
+        <button type="button" onclick="closeModal()"
+                class="px-6 py-3 text-gray-600 hover:text-gray-800 text-lg">
+            Abbrechen
+        </button>
+        <button type="submit"
+                class="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-lg">
+            Fach erstellen
+        </button>
+    </div>
+</form>
+
+</body>
+</html>
