Editor für Fächer auf eigener Seite eingebaut

2024-12-22 21:04:20 +01:00
parent 9ea3a1beab
commit 41346e9fdb
1 changed files with 124 additions and 0 deletions
--- a/webseite/subjectEditor.php
+++ 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>