66 lines
2.6 KiB
HTML
Executable File
66 lines
2.6 KiB
HTML
Executable File
<!-- ===== Groups Tab ===== -->
|
||
<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="text" id="new-group-size" 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">ID кафедры</label>
|
||
<input type="number" id="new-group-department" placeholder="ID" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="new-group-enrollment-year">Год начала обучения</label>
|
||
<input type="number" id="new-group-enrollment-year" placeholder="2023" min="2000" max="2100" required>
|
||
</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>ID кафедры</th>
|
||
<th>Год начала</th>
|
||
<th>Курс</th>
|
||
<th>Семестр</th>
|
||
<th>Действия</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="groups-tbody">
|
||
<tr>
|
||
<td colspan="9" class="loading-row">Загрузка...</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div> |