54 lines
2.5 KiB
PHP
54 lines
2.5 KiB
PHP
<div id="topicEditorModal" class="modal-overlay fixed inset-0 bg-black/30 flex items-center justify-center hidden">
|
|
<div class="bg-white rounded-2xl p-8 w-full max-w-[90vw] h-[95vh] shadow-2xl border-2 border-gray-100 overflow-y-auto">
|
|
<div class="flex justify-between items-center mb-6">
|
|
<h3 class="text-xl font-bold">Thema bearbeiten</h3>
|
|
<button onclick="closeModal()" class="text-gray-500 hover:text-gray-700">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<form id="topicEditorForm" class="space-y-8">
|
|
<!-- Subject and Topic Selection -->
|
|
<div class="grid grid-cols-2 gap-4">
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700">Fach</label>
|
|
<select id="editSubjectSelect" name="subject" required
|
|
class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm">
|
|
<option value="">Fach auswählen...</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700">Thema</label>
|
|
<select id="editTopicSelect" name="topic" required
|
|
class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm">
|
|
<option value="">Thema auswählen...</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Topic Content Editor (initially hidden) -->
|
|
<div id="topicContentEditor" class="hidden space-y-6">
|
|
<!-- ... rest of your form fields ... -->
|
|
<div id="topicEditorQuill" class="h-[400px] border rounded-lg"></div>
|
|
</div>
|
|
|
|
<div class="flex justify-end gap-4">
|
|
<button type="button" onclick="closeModal()"
|
|
class="px-4 py-2 text-gray-700 bg-gray-100 rounded-lg hover:bg-gray-200">
|
|
Abbrechen
|
|
</button>
|
|
<button type="submit"
|
|
class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
|
|
Änderungen speichern
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module">
|
|
import { TopicEditor } from '/dashboard/js/modules/TopicEditor.js';
|
|
const topicEditor = new TopicEditor();
|
|
window.topicEditor = topicEditor;
|
|
</script>
|