110 lines
4.8 KiB
HTML
110 lines
4.8 KiB
HTML
<!-- ===== Users Tab ===== -->
|
||
<div class="card create-card">
|
||
<h2>Новый пользователь</h2>
|
||
<form id="create-form">
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label for="new-username">Имя пользователя</label>
|
||
<input type="text" id="new-username" placeholder="username" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="new-password">Пароль</label>
|
||
<input type="text" id="new-password" placeholder="password" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="new-role">Роль</label>
|
||
<select id="new-role">
|
||
<option value="STUDENT">Студент</option>
|
||
<option value="TEACHER">Преподаватель</option>
|
||
<option value="ADMIN">Администратор</option>
|
||
</select>
|
||
</div>
|
||
<button type="submit" class="btn-primary">Создать</button>
|
||
</div>
|
||
<div class="form-alert" id="create-alert" role="alert"></div>
|
||
</form>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<h2>Все пользователи</h2>
|
||
<div class="table-wrap">
|
||
<table id="users-table">
|
||
<thead>
|
||
<tr>
|
||
<th>ID</th>
|
||
<th>Имя пользователя</th>
|
||
<th>Роль</th>
|
||
<th>Действия</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="users-tbody">
|
||
<tr>
|
||
<td colspan="4" class="loading-row">Загрузка...</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Add Lesson Modal -->
|
||
<div class="modal-overlay" id="modal-add-lesson">
|
||
<div class="modal-content card">
|
||
<h2>Добавить занятие</h2>
|
||
<button class="modal-close" id="modal-add-lesson-close">×</button>
|
||
<form id="add-lesson-form">
|
||
<input type="hidden" id="lesson-user-id">
|
||
|
||
<div class="form-group" style="margin-top: 1rem;">
|
||
<label for="lesson-group">Группа</label>
|
||
<select id="lesson-group" required>
|
||
<option value="">Выберите группу</option>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="form-group" style="margin-top: 1rem;">
|
||
<label for="lesson-discipline">Дисциплина</label>
|
||
<select id="lesson-discipline" required>
|
||
<option value="">Выберите дисциплину</option>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="form-row" style="margin-top: 1rem;">
|
||
<div class="form-group" style="flex: 1;">
|
||
<label for="lesson-day">День недели</label>
|
||
<select id="lesson-day" required>
|
||
<option value="">Выберите день</option>
|
||
<option value="Понедельник">Понедельник</option>
|
||
<option value="Вторник">Вторник</option>
|
||
<option value="Среда">Среда</option>
|
||
<option value="Четверг">Четверг</option>
|
||
<option value="Пятница">Пятница</option>
|
||
<option value="Суббота">Суббота</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group" style="flex: 1;">
|
||
<label>Неделя</label>
|
||
<div style="display: flex; gap: 0.5rem;">
|
||
<label class="btn-checkbox">
|
||
<input type="checkbox" name="weekType" value="Верхняя" id="week-upper">
|
||
<span class="checkbox-btn">Верхняя</span>
|
||
</label>
|
||
<label class="btn-checkbox">
|
||
<input type="checkbox" name="weekType" value="Нижняя" id="week-lower">
|
||
<span class="checkbox-btn">Нижняя</span>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group" style="margin-top: 1rem;">
|
||
<label for="lesson-time">Время занятия</label>
|
||
<select id="lesson-time" required disabled>
|
||
<option value="">Сначала выберите день</option>
|
||
</select>
|
||
</div>
|
||
|
||
<button type="submit" class="btn-primary" style="width: 100%; margin-top: 1rem;">Сохранить</button>
|
||
<div class="form-alert" id="add-lesson-alert" role="alert"></div>
|
||
</form>
|
||
</div>
|
||
</div> |