2369f7158d
- /TeacherDashboard/index.html - /TeacherDashboard/TeacherDashboard.code-workspace - /TeacherDashboard/components/resourceModal.html - /TeacherDashboard/components/subjectModal.html - /TeacherDashboard/components/topicModal.html - /TeacherDashboard/js/main.js - /TeacherDashboard/js/subjects/colors.js - /TeacherDashboard/js/subjects/subjectManager.js - /TeacherDashboard/js/subjects/SubjectModel.js - /TeacherDashboard/js/subjects/SubjectStorage.js - /TeacherDashboard/js/topics/TopicModel.js - /TeacherDashboard/js/topics/topicManager.js - /TeacherDashboard/styles/main.css
33 lines
1.8 KiB
HTML
33 lines
1.8 KiB
HTML
<!-- Resource Modal -->
|
|
<div id="resourceModal" class="modal hidden fixed inset-0 bg-black/30 flex items-center justify-center">
|
|
<div class="bg-white rounded-2xl p-8 w-full max-w-2xl shadow-2xl border-2 border-gray-100">
|
|
<div class="flex justify-between items-center mb-6">
|
|
<h3 class="text-xl font-bold">Materialien hochladen</h3>
|
|
<button onclick="closeModal('resourceModal')" class="text-gray-500 hover:text-gray-700">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
</div>
|
|
<form id="resourceForm" class="space-y-4">
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700">Thema</label>
|
|
<select name="topic" class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm">
|
|
<!-- Will be populated dynamically -->
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700">Dateien</label>
|
|
<input type="file" multiple name="files" class="mt-1 block w-full" accept=".pdf,.jpg,.png,.jpeg">
|
|
</div>
|
|
<div class="flex justify-end gap-4">
|
|
<button type="button" onclick="closeModal('resourceModal')"
|
|
class="px-4 py-2 text-gray-700 bg-gray-100 rounded-lg hover:bg-gray-200">
|
|
Abbrechen
|
|
</button>
|
|
<button type="submit"
|
|
class="px-6 py-3 text-white bg-[var(--primary-color)] rounded-xl hover:bg-[var(--secondary-color)] shadow-lg hover:shadow-xl transition">
|
|
Hochladen
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div> |