Создание кнопки "Добавить занятие" с модальным окном с выбором дня,недели и тд.

This commit is contained in:
alekan
2026-03-02 23:27:20 +03:00
parent 0e03dcb2d6
commit 2004766855
3 changed files with 323 additions and 12 deletions

View File

@@ -45,3 +45,66 @@
</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">&times;</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>