224 lines
9.6 KiB
HTML
Executable File
224 lines
9.6 KiB
HTML
Executable File
<!-- ===== Вкладка групп ===== -->
|
||
<div class="card create-card">
|
||
<h2>Новая группа</h2>
|
||
<form id="create-group-form">
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label for="new-group-name">Название группы</label>
|
||
<input type="text" id="new-group-name" placeholder="ИВТ-21-1" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="new-group-size">Численность группы</label>
|
||
<input type="number" id="new-group-size" min="1" placeholder="20" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="new-group-ef">Форма обучения</label>
|
||
<select id="new-group-ef">
|
||
<option value="">Загрузка...</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="new-group-department">Кафедра</label>
|
||
<select id="new-group-department">
|
||
<option value="">Загрузка...</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="new-group-yearStartStudy">Год начала обучения</label>
|
||
<input type="number" id="new-group-yearStartStudy" min="2000" max="2100" placeholder="2026" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="new-group-speciality-code">Специальность</label>
|
||
<select id="new-group-speciality-code">
|
||
<option value="">Загрузка...</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="new-group-profile">Профиль обучения</label>
|
||
<select id="new-group-profile">
|
||
<option value="">Выберите специальность</option>
|
||
</select>
|
||
</div>
|
||
<button type="submit" class="btn-primary">Создать</button>
|
||
</div>
|
||
<div class="form-alert" id="create-group-alert" role="alert"></div>
|
||
</form>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header-row">
|
||
<h2>Все группы</h2>
|
||
<div class="filter-row">
|
||
<label for="filter-ef">Фильтр:</label>
|
||
<select id="filter-ef">
|
||
<option value="">Все формы</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="table-wrap">
|
||
<table id="groups-table">
|
||
<thead>
|
||
<tr>
|
||
<th>ID</th>
|
||
<th>Название</th>
|
||
<th>Численность (чел.)</th>
|
||
<th>Форма обучения</th>
|
||
<th>Кафедра</th>
|
||
<th>Курс</th>
|
||
<th>Специальность</th>
|
||
<th>Профиль</th>
|
||
<th>Статус</th>
|
||
<th>Действия</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="groups-tbody">
|
||
<tr>
|
||
<td colspan="10" class="loading-row">Загрузка...</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card create-card">
|
||
<h2>Подгруппы для лабораторных</h2>
|
||
<form id="subgroup-form">
|
||
<input type="hidden" id="subgroup-id">
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label for="subgroup-group">Группа</label>
|
||
<select id="subgroup-group">
|
||
<option value="">Загрузка...</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="subgroup-name">Название подгруппы</label>
|
||
<input type="text" id="subgroup-name" placeholder="Подгруппа 1" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="subgroup-capacity">Численность</label>
|
||
<input type="number" id="subgroup-capacity" min="0" placeholder="12">
|
||
</div>
|
||
<button type="submit" class="btn-primary" id="subgroup-submit">Создать подгруппу</button>
|
||
<button type="button" class="btn-edit-classroom" id="subgroup-reset">Очистить</button>
|
||
</div>
|
||
<div class="form-alert" id="subgroup-alert" role="alert"></div>
|
||
</form>
|
||
<div class="table-wrap schedule-inline-table">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>Группа</th>
|
||
<th>Подгруппа</th>
|
||
<th>Численность</th>
|
||
<th>Действия</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="subgroups-tbody">
|
||
<tr>
|
||
<td colspan="4" class="loading-row">Загрузка...</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card create-card">
|
||
<h2>Назначение календарного графика</h2>
|
||
<form id="group-calendar-form">
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label for="calendar-group">Группа</label>
|
||
<select id="calendar-group">
|
||
<option value="">Загрузка...</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="calendar-year">Учебный год</label>
|
||
<select id="calendar-year">
|
||
<option value="">Загрузка...</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="calendar-id">Календарный график</label>
|
||
<select id="calendar-id">
|
||
<option value="">Выберите группу и год</option>
|
||
</select>
|
||
</div>
|
||
<button type="submit" class="btn-primary">Назначить</button>
|
||
</div>
|
||
<div class="form-alert" id="group-calendar-alert" role="alert"></div>
|
||
</form>
|
||
<div class="table-wrap schedule-inline-table">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>Учебный год</th>
|
||
<th>График</th>
|
||
<th>Действия</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="group-calendar-tbody">
|
||
<tr>
|
||
<td colspan="3" class="loading-row">Выберите группу</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Модальное окно редактирования группы -->
|
||
<div class="modal-overlay" id="modal-edit-group">
|
||
<div class="modal-content card">
|
||
<h2>Редактировать группу</h2>
|
||
<button class="modal-close" id="modal-edit-group-close">×</button>
|
||
<form id="edit-group-form">
|
||
<input type="hidden" id="edit-group-id">
|
||
<div class="form-row" style="margin-top: 1rem;">
|
||
<div class="form-group">
|
||
<label for="edit-group-name">Название группы</label>
|
||
<input type="text" id="edit-group-name" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="edit-group-size">Численность группы</label>
|
||
<input type="number" id="edit-group-size" min="1" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="edit-group-ef">Форма обучения</label>
|
||
<select id="edit-group-ef">
|
||
<option value="">Загрузка...</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-row" style="margin-top: 1rem;">
|
||
<div class="form-group">
|
||
<label for="edit-group-department">Кафедра</label>
|
||
<select id="edit-group-department">
|
||
<option value="">Загрузка...</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="edit-group-yearStartStudy">Год начала обучения</label>
|
||
<input type="number" id="edit-group-yearStartStudy" min="2000" max="2100" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="edit-group-speciality-code">Специальность</label>
|
||
<select id="edit-group-speciality-code">
|
||
<option value="">Загрузка...</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="edit-group-profile">Профиль обучения</label>
|
||
<select id="edit-group-profile">
|
||
<option value="">Выберите специальность</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group" style="display: flex; align-items: flex-end;">
|
||
<button type="submit" class="btn-primary" style="width: 100%;">Сохранить</button>
|
||
</div>
|
||
</div>
|
||
<div class="form-alert" id="edit-group-alert" role="alert"></div>
|
||
</form>
|
||
</div>
|
||
</div>
|