65 lines
3.9 KiB
HTML
65 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru" xmlns:th="http://www.thymeleaf.org" th:replace="~{fragments/base :: layout(~{::title}, ~{::#content})}">
|
||
<head><title>Группы — LMS</title></head>
|
||
<body>
|
||
<div id="content">
|
||
<div class="flex flex-wrap items-center justify-between gap-4 mb-6">
|
||
<h1 class="page-title m-0">Группы</h1>
|
||
<div class="flex gap-2">
|
||
<input class="input table-search" data-target="groups-table"
|
||
placeholder="Поиск по названию…" aria-label="Поиск по группам">
|
||
<button class="btn btn-secondary" type="button" data-modal="modal-import-group">Импорт</button>
|
||
<button class="btn btn-primary" type="button" data-modal="modal-create-group">+ Новая группа</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card card-flush">
|
||
<table id="groups-table" class="tablekit">
|
||
<thead><tr><th class="th-sortable is-asc" title="Название — по возрастанию">Название</th><th>Студентов</th><th data-nosort>Пароли</th></tr></thead>
|
||
<tbody>
|
||
<tr th:each="group : ${groups}">
|
||
<td><a th:href="@{/admin/groups/{id}(id=${group.id})}" th:text="${group.name}">—</a></td>
|
||
<td th:text="${group.studentCount}">0</td>
|
||
<td><a th:href="@{/admin/groups/{id}/credentials(id=${group.id}, format='xlsx')}">XLSX</a><span class="nav-sep ml-2">·</span><a class="ml-2" th:href="@{/admin/groups/{id}/credentials(id=${group.id}, format='csv')}">CSV</a></td>
|
||
</tr>
|
||
<tr th:if="${#lists.isEmpty(groups)}"><td colspan="3" class="empty">Групп пока нет.</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<dialog id="modal-create-group" class="dlg">
|
||
<div class="dlg-header">
|
||
<h2 class="dlg-title">Новая группа</h2>
|
||
<button class="dlg-close" type="button" aria-label="Закрыть">✕</button>
|
||
</div>
|
||
<div class="dlg-body">
|
||
<form class="form-stack" th:action="@{/admin/groups}" method="post">
|
||
<div><label class="label" for="name">Название</label>
|
||
<input class="input" id="name" name="name" placeholder="ПИ-11БО" required autofocus></div>
|
||
<button class="btn btn-primary" type="submit">Создать</button>
|
||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||
</form>
|
||
</div>
|
||
</dialog>
|
||
|
||
<dialog id="modal-import-group" class="dlg">
|
||
<div class="dlg-header">
|
||
<h2 class="dlg-title">Импорт студентов</h2>
|
||
<button class="dlg-close" type="button" aria-label="Закрыть">✕</button>
|
||
</div>
|
||
<div class="dlg-body">
|
||
<form class="form-stack" th:action="@{/admin/groups/import}" method="post" enctype="multipart/form-data">
|
||
<p class="text-sm text-muted">Файл .xls, .xlsx или .csv со столбцами: студенческий номер, ФИО, основа обучения. Логин — студенческий номер, пароль сгенерируется и покажется после импорта.</p>
|
||
<div><label class="label" for="file">Файл со списком</label>
|
||
<input class="input" id="file" name="file" type="file" accept=".xls,.xlsx,.csv" required autofocus></div>
|
||
<div><label class="label" for="groupName">Название группы (необязательно)</label>
|
||
<input class="input" id="groupName" name="name" placeholder="Возьмём из файла"></div>
|
||
<button class="btn btn-primary" type="submit">Импортировать</button>
|
||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||
</form>
|
||
</div>
|
||
</dialog>
|
||
</div>
|
||
</body>
|
||
</html>
|