98 lines
4.4 KiB
HTML
98 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Управление уроками</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>Панель администратора</h1>
|
||
<div id="userInfo"></div>
|
||
<button id="logoutBtn">Выйти</button>
|
||
</header>
|
||
<main>
|
||
<div class="admin-controls">
|
||
<button id="addLessonBtn">+ Добавить урок</button>
|
||
<div class="filters">
|
||
<div class="filter-group">
|
||
<label>Класс</label>
|
||
<select id="filterClass">
|
||
<option value="">Все классы</option>
|
||
</select>
|
||
</div>
|
||
<div class="filter-group">
|
||
<label>Учитель</label>
|
||
<select id="filterTeacher">
|
||
<option value="">Все учителя</option>
|
||
</select>
|
||
</div>
|
||
<div class="filter-group">
|
||
<label>Тема урока</label>
|
||
<select id="filterTopic">
|
||
<option value="">Все темы</option>
|
||
</select>
|
||
</div>
|
||
<input type="text" id="filterParallel" placeholder="Параллель (цифра)">
|
||
<button id="applyFilters">Применить</button>
|
||
<button id="resetFilters" class="reset-btn">Сбросить</button>
|
||
</div>
|
||
</div>
|
||
<div id="lessonsList" class="lessons-list"></div>
|
||
|
||
<!-- Импорт JSON (без даты/времени) -->
|
||
<div class="import-section">
|
||
<h3>Импорт уроков из JSON</h3>
|
||
<input type="file" id="jsonFileInput" accept=".json">
|
||
<div class="import-params">
|
||
<label>Макс. мест (сколько родителей может записаться):
|
||
<input type="number" id="importMaxSlots" value="4" required>
|
||
</label>
|
||
<button id="previewImportBtn">Предпросмотр</button>
|
||
</div>
|
||
<div id="importPreview" style="display:none;">
|
||
<h4>Предпросмотр (первые 20 записей)</h4>
|
||
<div style="overflow-x:auto;">
|
||
<table id="previewTable" border="1" cellpadding="5">
|
||
<thead><tr><th>Класс</th><th>Предмет</th><th>Учитель</th><th>Тема</th></tr></thead>
|
||
<tbody></tbody>
|
||
</table>
|
||
</div>
|
||
<button id="confirmImportBtn" style="margin-top:10px;">✅ Импортировать выбранные</button>
|
||
<p id="importResult"></p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Модалка урока -->
|
||
<div id="lessonModal" class="modal">
|
||
<div class="modal-content">
|
||
<span class="close">×</span>
|
||
<h3 id="modalTitle">Редактирование урока</h3>
|
||
<form id="lessonForm">
|
||
<input type="hidden" id="lessonId">
|
||
<label>Класс: <input type="text" id="className" required></label>
|
||
<label>Параллель (цифра): <input type="number" id="parallel" required></label>
|
||
<label>Предмет: <input type="text" id="subject" required></label>
|
||
<label>Учитель: <input type="text" id="teacher" required></label>
|
||
<label>Тема урока: <input type="text" id="topic"></label>
|
||
<label>Макс. мест: <input type="number" id="maxSlots" required></label>
|
||
<label>Дата: <input type="date" id="date" required></label>
|
||
<label>Время: <input type="time" id="time" required></label>
|
||
<button type="submit">Сохранить</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Модалка записей -->
|
||
<div id="registrationsModal" class="modal">
|
||
<div class="modal-content large">
|
||
<span class="close">×</span>
|
||
<h3>Записи на урок</h3>
|
||
<div id="registrationsList"></div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
<script src="https://cdn.sheetjs.com/xlsx-0.20.2/package/dist/xlsx.full.min.js"></script>
|
||
<script src="admin.js"></script>
|
||
</body>
|
||
</html> |