Redesign B3 bordeaux + finish lab-page rework
- Lab page is now read-only with a settings screen for levels/variants; variant issuance moved to a large modal on the group page (assign-fragment). - Header: bordeaux logo and 2px accent underline, bordeaux login/logout/theme buttons; smaller radii across the UI; filled secondary/danger buttons. - Includes prior agent work (login backoff, no-cache pages, API timeouts, content tweaks) and fixes (variant usage Map.values, import order). - Bump static asset version to v=9.
This commit is contained in:
267
design/style-a-university.html
Normal file
267
design/style-a-university.html
Normal file
@@ -0,0 +1,267 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>LMS — демо стиля А: университетская классика</title>
|
||||
<!-- Если нет интернета, сработают запасные шрифты: Georgia и системный гротеск -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
:root {
|
||||
--bg: #f5f3ee;
|
||||
--surface: #fdfcf9;
|
||||
--text: #21201c;
|
||||
--muted: #6f6a5e;
|
||||
--border: #ddd7c9;
|
||||
--border-strong: #b9b2a0;
|
||||
--accent: #1e5138;
|
||||
--accent-hover: #173f2c;
|
||||
--accent-soft: #e8efe9;
|
||||
--danger: #8f2d3c;
|
||||
--ok: #1e5138;
|
||||
--warn: #8a5a12;
|
||||
}
|
||||
* { box-sizing: border-box; }
|
||||
body {
|
||||
margin: 0; background: var(--bg); color: var(--text);
|
||||
font: 15px/1.5 "PT Sans", "Segoe UI", system-ui, sans-serif;
|
||||
}
|
||||
.demo-note {
|
||||
background: #2c2a24; color: #f0ece2; text-align: center;
|
||||
font-size: 12.5px; padding: 6px 12px; letter-spacing: .04em;
|
||||
}
|
||||
/* ── Шапка ─────────────────────────────────────────────── */
|
||||
.page-header {
|
||||
background: var(--surface); border-bottom: 2px solid var(--accent);
|
||||
}
|
||||
.header-inner {
|
||||
max-width: 1180px; margin: 0 auto; padding: 14px 24px;
|
||||
display: flex; align-items: center; gap: 24px;
|
||||
}
|
||||
.logo {
|
||||
font-family: "PT Serif", Georgia, serif; font-size: 22px; font-weight: 700;
|
||||
color: var(--accent); text-decoration: none; letter-spacing: .02em;
|
||||
}
|
||||
.nav { display: flex; gap: 18px; flex: 1; }
|
||||
.nav a { color: var(--muted); text-decoration: none; font-size: 14px; padding-bottom: 2px; }
|
||||
.nav a.active { color: var(--text); border-bottom: 2px solid var(--accent); }
|
||||
.nav a:hover { color: var(--text); }
|
||||
.user { display: flex; align-items: center; gap: 12px; font-size: 14px; }
|
||||
/* ── Основная часть ────────────────────────────────────── */
|
||||
.page-main { max-width: 1180px; margin: 0 auto; padding: 28px 24px 48px; }
|
||||
.kicker {
|
||||
margin: 0 0 4px; font-size: 11px; font-weight: 700; letter-spacing: .12em;
|
||||
text-transform: uppercase; color: var(--muted);
|
||||
}
|
||||
h1 {
|
||||
margin: 0 0 6px; font-family: "PT Serif", Georgia, serif;
|
||||
font-size: 30px; font-weight: 700; line-height: 1.2;
|
||||
}
|
||||
.page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
|
||||
.meta { margin: 0; color: var(--muted); font-size: 13.5px; }
|
||||
.actions { display: flex; gap: 10px; }
|
||||
.toolbar { display: flex; gap: 10px; margin-bottom: 14px; }
|
||||
/* ── Таблица-ведомость ─────────────────────────────────── */
|
||||
.matrix-wrap { background: var(--surface); border: 1px solid var(--border); }
|
||||
table.matrix { width: 100%; border-collapse: collapse; }
|
||||
.matrix th {
|
||||
padding: 10px 14px; text-align: left;
|
||||
font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
|
||||
color: var(--muted); border-bottom: 1px solid var(--border-strong);
|
||||
}
|
||||
.matrix td { padding: 12px 14px; border-bottom: 1px solid var(--border); vertical-align: top; }
|
||||
.matrix tbody tr:last-child td { border-bottom: none; }
|
||||
.matrix tbody tr:hover { background: #f6f3ec; }
|
||||
.sticky { min-width: 190px; }
|
||||
.student-name { font-weight: 700; }
|
||||
.student-no { color: var(--muted); font-size: 12.5px; font-variant-numeric: tabular-nums; }
|
||||
.lab-no { display: block; color: var(--text); }
|
||||
.lab-title { display: block; font-weight: 400; text-transform: none; letter-spacing: 0; font-size: 12px; }
|
||||
.cell-main { display: flex; align-items: baseline; gap: 10px; }
|
||||
.variant { font-family: "PT Serif", Georgia, serif; font-weight: 700; }
|
||||
.score { font-variant-numeric: tabular-nums; font-weight: 700; }
|
||||
.score.muted { color: var(--muted); font-weight: 400; }
|
||||
.cell-sub { margin-top: 4px; display: flex; gap: 12px; font-size: 12.5px; color: var(--muted); }
|
||||
.sub-link { color: var(--muted); text-decoration: none; border-bottom: 1px dotted var(--border-strong); }
|
||||
.sub-link:hover { color: var(--text); }
|
||||
.st { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
|
||||
.st::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--border-strong); }
|
||||
.st.done { color: var(--ok); } .st.done::before { background: var(--ok); }
|
||||
.st.active { color: var(--warn); } .st.active::before { background: var(--warn); }
|
||||
.st.code { color: var(--muted); }
|
||||
.eye { cursor: default; font-size: 13px; color: var(--border-strong); }
|
||||
.eye.on { color: var(--accent); }
|
||||
.ta-r { text-align: right; }
|
||||
/* ── Кнопки, бейджи, поля ──────────────────────────────── */
|
||||
.btn {
|
||||
display: inline-block; padding: 7px 14px; font: inherit; font-size: 13.5px;
|
||||
border: 1px solid var(--border-strong); background: var(--surface);
|
||||
color: var(--text); border-radius: 3px; cursor: pointer; text-decoration: none;
|
||||
}
|
||||
.btn:hover { border-color: var(--text); }
|
||||
.btn-primary { background: var(--accent); border-color: var(--accent); color: #fdfcf9; }
|
||||
.btn-primary:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
|
||||
.btn-danger { background: transparent; border-color: var(--danger); color: var(--danger); }
|
||||
.btn-danger:hover { background: var(--danger); color: #fdfcf9; }
|
||||
.btn-sm { padding: 4px 9px; font-size: 12.5px; }
|
||||
.input {
|
||||
padding: 7px 10px; font: inherit; font-size: 13.5px; color: var(--text);
|
||||
background: var(--surface); border: 1px solid var(--border-strong); border-radius: 3px;
|
||||
}
|
||||
.input:focus { outline: 2px solid var(--accent-soft); border-color: var(--accent); }
|
||||
.badge {
|
||||
display: inline-block; padding: 2px 8px; font-size: 11px; font-weight: 700;
|
||||
letter-spacing: .06em; text-transform: uppercase;
|
||||
border: 1px solid currentColor; border-radius: 2px;
|
||||
}
|
||||
.badge.warn { color: var(--warn); background: #f7f1e3; }
|
||||
.badge.ok { color: var(--ok); background: var(--accent-soft); }
|
||||
.notice { border: 1px solid var(--border-strong); border-left: 3px solid var(--accent); background: var(--surface); padding: 10px 14px; font-size: 13.5px; }
|
||||
/* ── Секция элементов ──────────────────────────────────── */
|
||||
.components { margin-top: 36px; border-top: 2px solid var(--border-strong); padding-top: 18px; }
|
||||
.row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 12px 0; }
|
||||
.page-footer { text-align: center; color: var(--muted); font-size: 12px; padding: 20px; border-top: 1px solid var(--border); }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="demo-note">Демо-шаблон «А. Университетская классика» · данные условные · тёмная тема будет в реализации</div>
|
||||
|
||||
<header class="page-header">
|
||||
<div class="header-inner">
|
||||
<a class="logo" href="#">LMS</a>
|
||||
<nav class="nav">
|
||||
<a href="#" class="active">Группы</a>
|
||||
<a href="#">Пользователи</a>
|
||||
<a href="#">Лабораторные</a>
|
||||
</nav>
|
||||
<div class="user">
|
||||
<span>Копнин В.</span>
|
||||
<button class="btn btn-sm">Выйти</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="page-main">
|
||||
<div class="page-head">
|
||||
<div>
|
||||
<p class="kicker">Ведомость группы</p>
|
||||
<h1>М202-1 · Первый курс</h1>
|
||||
<p class="meta">24 студента · 3 опубликованные лабораторные · длительность защиты 30 мин</p>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<button class="btn">Скачать пароли</button>
|
||||
<button class="btn btn-primary">+ Студент</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="toolbar">
|
||||
<input class="input" style="width:260px" placeholder="Поиск по студенту…">
|
||||
<select class="input"><option>все лабораторные</option><option>ЛР 1</option><option>ЛР 2</option></select>
|
||||
</div>
|
||||
|
||||
<div class="matrix-wrap">
|
||||
<table class="matrix">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="sticky">Студент</th>
|
||||
<th><span class="lab-no">ЛР 1</span><span class="lab-title">Анализ данных</span></th>
|
||||
<th><span class="lab-no">ЛР 2</span><span class="lab-title">Сортировки</span></th>
|
||||
<th><span class="lab-no">ЛР 3</span><span class="lab-title">Деревья поиска</span></th>
|
||||
<th>Пароль</th>
|
||||
<th class="ta-r">Действия</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Иванова Анна</div><div class="student-no">2025001</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-7</span><span class="score">4.5</span><span class="eye on">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 2</a><span class="st done">защита: готов</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-2</span><span class="score">3.0</span><span class="eye on">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st code">защита: код 552314</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">не выдан</span></div>
|
||||
</td>
|
||||
<td><span class="badge warn">временный</span></td>
|
||||
<td class="ta-r"><button class="btn btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Петров Павел</div><div class="student-no">2025002</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-1</span><span class="score">5.0</span><span class="eye on">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 3</a><span class="st done">защита: готов</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-4</span><span class="score muted">—</span><span class="eye on">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st active">защита: идёт · 12:34</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-3</span><span class="score muted">—</span><span class="eye">○</span></div>
|
||||
<div class="cell-sub"><span class="st">не сдано</span></div>
|
||||
</td>
|
||||
<td><span class="badge ok">изменён</span></td>
|
||||
<td class="ta-r"><button class="btn btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Сидоров Алексей</div><div class="student-no">2025017</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-5</span><span class="score muted">—</span><span class="eye on">◉</span></div>
|
||||
<div class="cell-sub"><span class="st">не сдано</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">не выдан</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">не выдан</span></div>
|
||||
</td>
|
||||
<td><span class="badge warn">временный</span></td>
|
||||
<td class="ta-r"><button class="btn btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Кузнецова Мария</div><div class="student-no">2025021</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-3</span><span class="score">4.0</span><span class="eye">○</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st done">защита: готов</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-6</span><span class="score muted">—</span><span class="eye">○</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st active">защита: идёт · 03:07</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">не выдан</span></div>
|
||||
</td>
|
||||
<td><span class="badge ok">изменён</span></td>
|
||||
<td class="ta-r"><button class="btn btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<section class="components">
|
||||
<p class="kicker">Элементы интерфейса</p>
|
||||
<div class="row">
|
||||
<button class="btn btn-primary">Сохранить всё</button>
|
||||
<button class="btn">Отмена</button>
|
||||
<button class="btn btn-danger">Удалить</button>
|
||||
<span class="badge ok">published</span>
|
||||
<span class="badge warn">draft</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<input class="input" style="width:220px" value="Поле ввода">
|
||||
<input class="input" style="width:120px" value="552314">
|
||||
</div>
|
||||
<div class="notice">Оценки опубликованы всей группе — студенты видят баллы и комментарии.</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">LMS · демо-шаблон · стиль А</footer>
|
||||
</body>
|
||||
</html>
|
||||
254
design/style-b-minimal.html
Normal file
254
design/style-b-minimal.html
Normal file
@@ -0,0 +1,254 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>LMS — демо стиля Б: строгий минимализм</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
:root {
|
||||
--bg: #fafafa;
|
||||
--surface: #ffffff;
|
||||
--text: #111113;
|
||||
--muted: #75757e;
|
||||
--border: #e6e6e9;
|
||||
--border-strong: #d4d4da;
|
||||
--accent: #16161a;
|
||||
--accent-hover: #000000;
|
||||
--danger: #c62828;
|
||||
--ok: #1a7f37;
|
||||
--warn: #9a6700;
|
||||
}
|
||||
* { box-sizing: border-box; }
|
||||
body {
|
||||
margin: 0; background: var(--bg); color: var(--text);
|
||||
font: 14px/1.55 "Inter", "Segoe UI", system-ui, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.demo-note {
|
||||
background: #111113; color: #fafafa; text-align: center;
|
||||
font-size: 12px; padding: 6px 12px; letter-spacing: .05em;
|
||||
}
|
||||
/* ── Шапка ─────────────────────────────────────────────── */
|
||||
.page-header { background: var(--surface); border-bottom: 1px solid var(--border); }
|
||||
.header-inner {
|
||||
max-width: 1200px; margin: 0 auto; padding: 14px 28px;
|
||||
display: flex; align-items: center; gap: 28px;
|
||||
}
|
||||
.logo { font-size: 16px; font-weight: 700; color: var(--text); text-decoration: none; letter-spacing: -.01em; }
|
||||
.nav { display: flex; gap: 20px; flex: 1; }
|
||||
.nav a { color: var(--muted); text-decoration: none; font-size: 13.5px; font-weight: 500; }
|
||||
.nav a.active { color: var(--text); }
|
||||
.nav a:hover { color: var(--text); }
|
||||
.user { display: flex; align-items: center; gap: 12px; font-size: 13.5px; }
|
||||
/* ── Основная часть ────────────────────────────────────── */
|
||||
.page-main { max-width: 1200px; margin: 0 auto; padding: 40px 28px 56px; }
|
||||
.kicker { margin: 0 0 6px; font-size: 12px; font-weight: 500; color: var(--muted); }
|
||||
h1 { margin: 0 0 8px; font-size: 24px; font-weight: 600; letter-spacing: -.02em; }
|
||||
.page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
|
||||
.meta { margin: 0; color: var(--muted); font-size: 13px; }
|
||||
.actions { display: flex; gap: 8px; }
|
||||
.toolbar { display: flex; gap: 8px; margin-bottom: 16px; }
|
||||
/* ── Таблица-ведомость ─────────────────────────────────── */
|
||||
.matrix-wrap { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; }
|
||||
table.matrix { width: 100%; border-collapse: collapse; }
|
||||
.matrix th {
|
||||
padding: 12px 16px; text-align: left;
|
||||
font-size: 12px; font-weight: 500; color: var(--muted);
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
.matrix td { padding: 16px; border-bottom: 1px solid var(--border); vertical-align: top; }
|
||||
.matrix tbody tr:last-child td { border-bottom: none; }
|
||||
.matrix tbody tr:hover { background: #f6f6f7; }
|
||||
.sticky { min-width: 200px; }
|
||||
.student-name { font-weight: 600; font-size: 13.5px; }
|
||||
.student-no { color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; margin-top: 2px; }
|
||||
.lab-no { display: block; color: var(--text); font-weight: 500; }
|
||||
.lab-title { display: block; font-weight: 400; font-size: 11.5px; color: var(--muted); }
|
||||
.cell-main { display: flex; align-items: baseline; gap: 12px; }
|
||||
.variant { font-weight: 600; font-size: 13.5px; }
|
||||
.score { font-variant-numeric: tabular-nums; font-weight: 600; }
|
||||
.score.muted { color: var(--muted); font-weight: 400; }
|
||||
.cell-sub { margin-top: 6px; display: flex; gap: 14px; font-size: 12px; color: var(--muted); }
|
||||
.sub-link { color: var(--muted); text-decoration: none; }
|
||||
.sub-link:hover { color: var(--text); text-decoration: underline; }
|
||||
.st { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
|
||||
.st::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--border-strong); }
|
||||
.st.done { color: var(--ok); } .st.done::before { background: var(--ok); }
|
||||
.st.active { color: var(--warn); } .st.active::before { background: var(--warn); }
|
||||
.st.code { color: var(--muted); }
|
||||
.eye { cursor: default; color: var(--border-strong); font-size: 12px; }
|
||||
.eye.on { color: var(--text); }
|
||||
.ta-r { text-align: right; }
|
||||
/* ── Кнопки, бейджи, поля ──────────────────────────────── */
|
||||
.btn {
|
||||
display: inline-block; padding: 8px 16px; font: inherit; font-size: 13px; font-weight: 500;
|
||||
border: 1px solid transparent; background: var(--accent);
|
||||
color: #ffffff; border-radius: 8px; cursor: pointer; text-decoration: none;
|
||||
}
|
||||
.btn:hover { background: var(--accent-hover); }
|
||||
.btn-secondary { background: var(--surface); border-color: var(--border-strong); color: var(--text); }
|
||||
.btn-secondary:hover { background: var(--bg); }
|
||||
.btn-danger { background: transparent; color: var(--danger); }
|
||||
.btn-danger:hover { background: #fbe9e9; }
|
||||
.btn-sm { padding: 5px 10px; font-size: 12px; }
|
||||
.input {
|
||||
padding: 8px 12px; font: inherit; font-size: 13px; color: var(--text);
|
||||
background: var(--surface); border: 1px solid var(--border-strong); border-radius: 8px;
|
||||
}
|
||||
.input:focus { outline: 2px solid #11111322; border-color: var(--text); }
|
||||
.badge {
|
||||
display: inline-block; padding: 3px 9px; font-size: 11.5px; font-weight: 500;
|
||||
border-radius: 6px; background: #f0f0f2; color: var(--muted);
|
||||
}
|
||||
.badge.warn { background: #fdf3d8; color: var(--warn); }
|
||||
.badge.ok { background: #e2f3e7; color: var(--ok); }
|
||||
.notice { border: 1px solid var(--border); background: var(--surface); border-radius: 10px; padding: 12px 16px; font-size: 13px; }
|
||||
/* ── Секция элементов ──────────────────────────────────── */
|
||||
.components { margin-top: 44px; border-top: 1px solid var(--border); padding-top: 24px; }
|
||||
.row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 14px 0; }
|
||||
.page-footer { text-align: center; color: var(--muted); font-size: 12px; padding: 24px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="demo-note">Демо-шаблон «Б. Строгий минимализм» · данные условные · тёмная тема будет в реализации</div>
|
||||
|
||||
<header class="page-header">
|
||||
<div class="header-inner">
|
||||
<a class="logo" href="#">LMS</a>
|
||||
<nav class="nav">
|
||||
<a href="#" class="active">Группы</a>
|
||||
<a href="#">Пользователи</a>
|
||||
<a href="#">Лабораторные</a>
|
||||
</nav>
|
||||
<div class="user">
|
||||
<span>Копнин В.</span>
|
||||
<button class="btn btn-secondary btn-sm">Выйти</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="page-main">
|
||||
<div class="page-head">
|
||||
<div>
|
||||
<p class="kicker">Ведомость группы</p>
|
||||
<h1>М202-1 · Первый курс</h1>
|
||||
<p class="meta">24 студента · 3 опубликованные лабораторные · длительность защиты 30 мин</p>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<button class="btn btn-secondary">Скачать пароли</button>
|
||||
<button class="btn">+ Студент</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="toolbar">
|
||||
<input class="input" style="width:260px" placeholder="Поиск по студенту…">
|
||||
<select class="input"><option>все лабораторные</option><option>ЛР 1</option><option>ЛР 2</option></select>
|
||||
</div>
|
||||
|
||||
<div class="matrix-wrap">
|
||||
<table class="matrix">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="sticky">Студент</th>
|
||||
<th><span class="lab-no">ЛР 1</span><span class="lab-title">Анализ данных</span></th>
|
||||
<th><span class="lab-no">ЛР 2</span><span class="lab-title">Сортировки</span></th>
|
||||
<th><span class="lab-no">ЛР 3</span><span class="lab-title">Деревья поиска</span></th>
|
||||
<th>Пароль</th>
|
||||
<th class="ta-r">Действия</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Иванова Анна</div><div class="student-no">2025001</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-7</span><span class="score">4.5</span><span class="eye on">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 2</a><span class="st done">защита: готов</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-2</span><span class="score">3.0</span><span class="eye on">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st code">защита: код 552314</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">не выдан</span></div>
|
||||
</td>
|
||||
<td><span class="badge warn">временный</span></td>
|
||||
<td class="ta-r"><button class="btn btn-secondary btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Петров Павел</div><div class="student-no">2025002</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-1</span><span class="score">5.0</span><span class="eye on">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 3</a><span class="st done">защита: готов</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-4</span><span class="score muted">—</span><span class="eye on">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st active">защита: идёт · 12:34</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-3</span><span class="score muted">—</span><span class="eye">○</span></div>
|
||||
<div class="cell-sub"><span class="st">не сдано</span></div>
|
||||
</td>
|
||||
<td><span class="badge ok">изменён</span></td>
|
||||
<td class="ta-r"><button class="btn btn-secondary btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Сидоров Алексей</div><div class="student-no">2025017</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-5</span><span class="score muted">—</span><span class="eye on">◉</span></div>
|
||||
<div class="cell-sub"><span class="st">не сдано</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">не выдан</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">не выдан</span></div>
|
||||
</td>
|
||||
<td><span class="badge warn">временный</span></td>
|
||||
<td class="ta-r"><button class="btn btn-secondary btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Кузнецова Мария</div><div class="student-no">2025021</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-3</span><span class="score">4.0</span><span class="eye">○</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st done">защита: готов</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-6</span><span class="score muted">—</span><span class="eye">○</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st active">защита: идёт · 03:07</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">не выдан</span></div>
|
||||
</td>
|
||||
<td><span class="badge ok">изменён</span></td>
|
||||
<td class="ta-r"><button class="btn btn-secondary btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<section class="components">
|
||||
<p class="kicker">Элементы интерфейса</p>
|
||||
<div class="row">
|
||||
<button class="btn">Сохранить всё</button>
|
||||
<button class="btn btn-secondary">Отмена</button>
|
||||
<button class="btn btn-danger">Удалить</button>
|
||||
<span class="badge ok">published</span>
|
||||
<span class="badge warn">draft</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<input class="input" style="width:220px" value="Поле ввода">
|
||||
<input class="input" style="width:120px" value="552314">
|
||||
</div>
|
||||
<div class="notice">Оценки опубликованы всей группе — студенты видят баллы и комментарии.</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">LMS · демо-шаблон · стиль Б</footer>
|
||||
</body>
|
||||
</html>
|
||||
400
design/style-b2-minimal.html
Normal file
400
design/style-b2-minimal.html
Normal file
@@ -0,0 +1,400 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru" data-accent="blue">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>LMS — демо стиля Б2: минимализм с живой палитрой</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
/* ─────────────────────────────────────────────────────────
|
||||
База: нейтральный каркас + насыщенные ФУНКЦИОНАЛЬНЫЕ цвета.
|
||||
Акцент выбирается переключателем сверху (data-accent на <html>).
|
||||
───────────────────────────────────────────────────────── */
|
||||
:root {
|
||||
--bg: #f6f7f9;
|
||||
--surface: #ffffff;
|
||||
--surface-2: #f9fafb;
|
||||
--text: #14161a;
|
||||
--muted: #6b7280;
|
||||
--border: #e5e7eb;
|
||||
--border-strong: #d2d5db;
|
||||
--ok: #15803d;
|
||||
--ok-soft: #e8f6ee;
|
||||
--warn: #b45309;
|
||||
--warn-soft: #fdf3e3;
|
||||
--danger: #c62828;
|
||||
--danger-soft: #fdecec;
|
||||
--info: #0369a1;
|
||||
--info-soft: #e6f3fa;
|
||||
--radius: 10px;
|
||||
--radius-sm: 8px;
|
||||
}
|
||||
/* Акценты */
|
||||
:root[data-accent="blue"] { --accent: #2563eb; --accent-hover: #1d4fd7; --accent-soft: #eaf1ff; }
|
||||
:root[data-accent="emerald"] { --accent: #0e7a55; --accent-hover: #0a5e42; --accent-soft: #e6f5ef; }
|
||||
:root[data-accent="violet"] { --accent: #6d28d9; --accent-hover: #5b21b6; --accent-soft: #f1ebfe; }
|
||||
:root[data-accent="graphite"]{ --accent: #23252b; --accent-hover: #000000; --accent-soft: #eef0f3; }
|
||||
|
||||
* { box-sizing: border-box; }
|
||||
body {
|
||||
margin: 0; background: var(--bg); color: var(--text);
|
||||
font: 14px/1.55 "Inter", "Segoe UI", system-ui, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.demo-note {
|
||||
background: #14161a; color: #fafafa; text-align: center;
|
||||
font-size: 12px; padding: 6px 12px;
|
||||
}
|
||||
/* ── Переключатель акцента ─────────────────────────────── */
|
||||
.accent-bar {
|
||||
background: var(--surface); border-bottom: 1px solid var(--border);
|
||||
display: flex; align-items: center; justify-content: center; gap: 10px;
|
||||
padding: 8px 12px; font-size: 12.5px; color: var(--muted); flex-wrap: wrap;
|
||||
}
|
||||
.swatch {
|
||||
width: 20px; height: 20px; border-radius: 50%; border: 2px solid transparent;
|
||||
cursor: pointer; padding: 0; display: inline-flex; align-items: center; justify-content: center;
|
||||
}
|
||||
.swatch span { width: 12px; height: 12px; border-radius: 50%; display: block; }
|
||||
.swatch.active { border-color: var(--text); }
|
||||
.sw-blue span { background: #2563eb; }
|
||||
.sw-emerald span { background: #0e7a55; }
|
||||
.sw-violet span { background: #6d28d9; }
|
||||
.sw-graphite span{ background: #23252b; }
|
||||
/* ── Шапка ─────────────────────────────────────────────── */
|
||||
.page-header { background: var(--surface); border-bottom: 1px solid var(--border); }
|
||||
.header-inner {
|
||||
max-width: 1200px; margin: 0 auto; padding: 14px 28px;
|
||||
display: flex; align-items: center; gap: 28px; flex-wrap: wrap;
|
||||
}
|
||||
.logo { font-size: 16px; font-weight: 700; color: var(--text); text-decoration: none; }
|
||||
.logo b { color: var(--accent); }
|
||||
.nav { display: flex; gap: 4px; flex: 1; flex-wrap: wrap; }
|
||||
.nav a {
|
||||
color: var(--muted); text-decoration: none; font-size: 13.5px; font-weight: 500;
|
||||
padding: 6px 12px; border-radius: var(--radius-sm);
|
||||
}
|
||||
.nav a.active { color: var(--accent); background: var(--accent-soft); }
|
||||
.nav a:hover { color: var(--text); background: var(--surface-2); }
|
||||
.user { display: flex; align-items: center; gap: 12px; font-size: 13.5px; }
|
||||
/* ── Основная часть ────────────────────────────────────── */
|
||||
.page-main { max-width: 1200px; margin: 0 auto; padding: 36px 28px 56px; }
|
||||
.kicker { margin: 0 0 6px; font-size: 12px; font-weight: 500; color: var(--muted); }
|
||||
h1 { margin: 0 0 8px; font-size: 24px; font-weight: 700; letter-spacing: -.02em; }
|
||||
h1 small { color: var(--accent); font-weight: 700; }
|
||||
.page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 24px; flex-wrap: wrap; }
|
||||
.meta { margin: 0; color: var(--muted); font-size: 13px; }
|
||||
.meta b { color: var(--ok); }
|
||||
.actions { display: flex; gap: 8px; flex-wrap: wrap; }
|
||||
.toolbar { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
|
||||
/* ── Таблица-ведомость ─────────────────────────────────── */
|
||||
.matrix-wrap { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }
|
||||
table.matrix { width: 100%; border-collapse: collapse; }
|
||||
.matrix th {
|
||||
padding: 12px 16px; text-align: left; background: var(--surface-2);
|
||||
font-size: 12px; font-weight: 500; color: var(--muted);
|
||||
border-bottom: 1px solid var(--border); white-space: nowrap;
|
||||
}
|
||||
.matrix td { padding: 14px 16px; border-bottom: 1px solid var(--border); vertical-align: top; }
|
||||
.matrix tbody tr:last-child td { border-bottom: none; }
|
||||
.matrix tbody tr:hover { background: #f5f8ff33; }
|
||||
.sticky { min-width: 200px; }
|
||||
.student-name { font-weight: 600; font-size: 13.5px; }
|
||||
.student-no { color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; margin-top: 2px; }
|
||||
.lab-no { display: block; color: var(--text); font-weight: 500; }
|
||||
.lab-title { display: block; font-weight: 400; font-size: 11.5px; color: var(--muted); }
|
||||
.cell-main { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
|
||||
.variant { font-weight: 600; font-size: 13.5px; color: var(--accent); }
|
||||
.score { font-variant-numeric: tabular-nums; font-weight: 700; }
|
||||
.score.good { color: var(--ok); }
|
||||
.score.mid { color: var(--warn); }
|
||||
.score.muted { color: var(--muted); font-weight: 400; }
|
||||
.cell-sub { margin-top: 6px; display: flex; gap: 14px; font-size: 12px; color: var(--muted); flex-wrap: wrap; }
|
||||
.sub-link { color: var(--info); text-decoration: none; font-weight: 500; }
|
||||
.sub-link:hover { text-decoration: underline; }
|
||||
.st { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
|
||||
.st::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--border-strong); }
|
||||
.st.done { color: var(--ok); } .st.done::before { background: var(--ok); }
|
||||
.st.active {
|
||||
color: var(--warn); background: var(--warn-soft);
|
||||
padding: 2px 8px; border-radius: 99px; font-weight: 600;
|
||||
}
|
||||
.st.active::before { background: var(--warn); }
|
||||
.st.code { color: var(--muted); }
|
||||
.eye { cursor: default; color: var(--border-strong); font-size: 12px; }
|
||||
.eye.on { color: var(--ok); }
|
||||
.ta-r { text-align: right; }
|
||||
/* ── Кнопки, бейджи, поля ──────────────────────────────── */
|
||||
.btn {
|
||||
display: inline-block; padding: 8px 16px; font: inherit; font-size: 13px; font-weight: 600;
|
||||
border: 1px solid transparent; background: var(--accent);
|
||||
color: #fff; border-radius: var(--radius-sm); cursor: pointer; text-decoration: none;
|
||||
}
|
||||
.btn:hover { background: var(--accent-hover); }
|
||||
.btn-secondary { background: var(--surface); border-color: var(--border-strong); color: var(--text); }
|
||||
.btn-secondary:hover { background: var(--surface-2); }
|
||||
.btn-danger { background: var(--surface); color: var(--danger); border-color: #efc4c4; }
|
||||
.btn-danger:hover { background: var(--danger-soft); }
|
||||
.btn-accent-soft { background: var(--accent-soft); color: var(--accent); }
|
||||
.btn-accent-soft:hover { background: var(--accent); color: #fff; }
|
||||
.btn-sm { padding: 5px 10px; font-size: 12px; }
|
||||
.input {
|
||||
padding: 8px 12px; font: inherit; font-size: 13px; color: var(--text);
|
||||
background: var(--surface); border: 1px solid var(--border-strong); border-radius: var(--radius-sm);
|
||||
}
|
||||
.input:focus { outline: 3px solid var(--accent-soft); border-color: var(--accent); }
|
||||
/* Бейдж — только индикатор статуса, некликабельный, всегда по-русски */
|
||||
.badge {
|
||||
display: inline-block; padding: 3px 10px; font-size: 11.5px; font-weight: 600;
|
||||
border-radius: 6px; background: var(--surface-2); color: var(--muted);
|
||||
border: 1px solid var(--border); cursor: default;
|
||||
}
|
||||
.badge.ok { background: var(--ok-soft); color: var(--ok); border-color: #c4e5d0; }
|
||||
.badge.warn { background: var(--warn-soft); color: var(--warn); border-color: #ecd3ae; }
|
||||
.badge.info { background: var(--info-soft); color: var(--info); border-color: #bfdff0; }
|
||||
.notice {
|
||||
border: 1px solid var(--border); border-radius: var(--radius);
|
||||
padding: 12px 16px; font-size: 13px; background: var(--surface);
|
||||
}
|
||||
.notice.ok { border-color: #c4e5d0; background: var(--ok-soft); color: #14532d; }
|
||||
.notice.warn { border-color: #ecd3ae; background: var(--warn-soft); color: #78350f; }
|
||||
.notice.err { border-color: #efc4c4; background: var(--danger-soft); color: #7f1d1d; }
|
||||
.notice.info { border-color: #bfdff0; background: var(--info-soft); color: #0c4a6e; }
|
||||
/* ── Секция элементов ──────────────────────────────────── */
|
||||
.components { margin-top: 40px; border-top: 1px solid var(--border); padding-top: 24px; }
|
||||
.row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 14px 0; }
|
||||
.status-line { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
|
||||
.status-line .name { font-weight: 600; min-width: 210px; }
|
||||
.page-footer { text-align: center; color: var(--muted); font-size: 12px; padding: 24px; }
|
||||
|
||||
/* ── Адаптивность таблицы: три режима ─────────────────────
|
||||
>1080px — полная таблица;
|
||||
721–1080px — горизонтальный скролл с прилипающей колонкой «Студент»;
|
||||
≤720px — карточка на каждого студента (шапка таблицы скрыта). */
|
||||
.table-scroll { border-radius: 12px; }
|
||||
@media (max-width: 1080px) {
|
||||
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
|
||||
.matrix { min-width: 860px; }
|
||||
th.sticky, td.sticky {
|
||||
position: sticky; left: 0; z-index: 1;
|
||||
background: var(--surface);
|
||||
box-shadow: 8px 0 8px -8px rgba(20, 22, 26, .12);
|
||||
}
|
||||
thead th.sticky { background: var(--surface-2); }
|
||||
tbody tr:hover td.sticky { background: #f4f6fb; }
|
||||
}
|
||||
@media (max-width: 720px) {
|
||||
.page-main { padding: 24px 16px 40px; }
|
||||
.header-inner { padding: 12px 16px; gap: 10px; }
|
||||
.page-head { display: block; }
|
||||
.actions { margin-top: 12px; }
|
||||
.table-scroll { overflow-x: visible; }
|
||||
.matrix { min-width: 0; }
|
||||
.matrix thead { display: none; }
|
||||
.matrix, .matrix tbody, .matrix tr, .matrix td { display: block; width: 100%; }
|
||||
.matrix tr {
|
||||
border: 1px solid var(--border); border-radius: 12px;
|
||||
margin: 0 0 14px; background: var(--surface); overflow: hidden;
|
||||
}
|
||||
.matrix td { border-bottom: none; padding: 9px 16px; }
|
||||
td.sticky {
|
||||
position: static; box-shadow: none;
|
||||
background: var(--surface-2);
|
||||
border-bottom: 1px solid var(--border) !important;
|
||||
padding: 12px 16px;
|
||||
}
|
||||
td[data-label]::before {
|
||||
content: attr(data-label);
|
||||
display: block; font-size: 10.5px; font-weight: 600;
|
||||
letter-spacing: .07em; text-transform: uppercase;
|
||||
color: var(--muted); margin-bottom: 3px;
|
||||
}
|
||||
.ta-r { text-align: left; }
|
||||
.cell-sub { margin-top: 4px; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="demo-note">Демо-шаблон «Б2» · развитый минимализм: живая палитра, адаптивные таблицы, бейджи-индикаторы · сузьте окно, чтобы увидеть все три режима таблицы</div>
|
||||
|
||||
<div class="accent-bar">
|
||||
Акцентный цвет:
|
||||
<button class="swatch sw-blue active" title="Синий (рекомендую)" onclick="setAccent('blue', this)"><span></span></button>
|
||||
<button class="swatch sw-emerald" title="Изумруд" onclick="setAccent('emerald', this)"><span></span></button>
|
||||
<button class="swatch sw-violet" title="Фиолет" onclick="setAccent('violet', this)"><span></span></button>
|
||||
<button class="swatch sw-graphite" title="Графит (как в Б1)" onclick="setAccent('graphite', this)"><span></span></button>
|
||||
<span style="opacity:.6">— красный остаётся только на действиях «Удалить/Отчислить»</span>
|
||||
</div>
|
||||
|
||||
<header class="page-header">
|
||||
<div class="header-inner">
|
||||
<a class="logo" href="#">LMS<b>.</b></a>
|
||||
<nav class="nav">
|
||||
<a href="#" class="active">Группы</a>
|
||||
<a href="#">Пользователи</a>
|
||||
<a href="#">Лабораторные</a>
|
||||
</nav>
|
||||
<div class="user">
|
||||
<span>Копнин В.</span>
|
||||
<button class="btn btn-secondary btn-sm">Выйти</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="page-main">
|
||||
<div class="page-head">
|
||||
<div>
|
||||
<p class="kicker">Ведомость группы</p>
|
||||
<h1>М202-1 <small>· Первый курс</small></h1>
|
||||
<p class="meta">24 студента · <b>3 опубликованные</b> лабораторные · длительность защиты 30 мин</p>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<button class="btn btn-secondary">Скачать пароли</button>
|
||||
<button class="btn">+ Студент</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="toolbar">
|
||||
<input class="input" style="width:260px" placeholder="Поиск по студенту…">
|
||||
<select class="input"><option>все лабораторные</option><option>ЛР 1</option><option>ЛР 2</option></select>
|
||||
</div>
|
||||
|
||||
<div class="matrix-wrap">
|
||||
<div class="table-scroll">
|
||||
<table class="matrix">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="sticky">Студент</th>
|
||||
<th><span class="lab-no">ЛР 1</span><span class="lab-title">Анализ данных</span></th>
|
||||
<th><span class="lab-no">ЛР 2</span><span class="lab-title">Сортировки</span></th>
|
||||
<th><span class="lab-no">ЛР 3</span><span class="lab-title">Деревья поиска</span></th>
|
||||
<th>Пароль</th>
|
||||
<th class="ta-r">Действия</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Иванова Анна</div><div class="student-no">2025001</div></td>
|
||||
<td data-label="ЛР 1 · Анализ данных">
|
||||
<div class="cell-main"><span class="variant">В-7</span><span class="score good">4.5</span><span class="eye on" title="Оценка опубликована">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 2</a><span class="st done">защита: готова</span></div>
|
||||
</td>
|
||||
<td data-label="ЛР 2 · Сортировки">
|
||||
<div class="cell-main"><span class="variant">В-2</span><span class="score mid">3.0</span><span class="eye on" title="Оценка опубликована">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st code">защита: код 552314</span></div>
|
||||
</td>
|
||||
<td data-label="ЛР 3 · Деревья поиска">
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">вариант не выдан</span></div>
|
||||
</td>
|
||||
<td data-label="Пароль"><span class="badge warn">временный</span></td>
|
||||
<td class="ta-r" data-label="Действия"><button class="btn btn-secondary btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Петров Павел</div><div class="student-no">2025002</div></td>
|
||||
<td data-label="ЛР 1 · Анализ данных">
|
||||
<div class="cell-main"><span class="variant">В-1</span><span class="score good">5.0</span><span class="eye on" title="Оценка опубликована">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 3</a><span class="st done">защита: готова</span></div>
|
||||
</td>
|
||||
<td data-label="ЛР 2 · Сортировки">
|
||||
<div class="cell-main"><span class="variant">В-4</span><span class="score muted">—</span><span class="eye on" title="Оценка опубликована">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st active">защита: идёт · 12:34</span></div>
|
||||
</td>
|
||||
<td data-label="ЛР 3 · Деревья поиска">
|
||||
<div class="cell-main"><span class="variant">В-3</span><span class="score muted">—</span><span class="eye" title="Оценка скрыта">○</span></div>
|
||||
<div class="cell-sub"><span class="st">не сдано</span></div>
|
||||
</td>
|
||||
<td data-label="Пароль"><span class="badge ok">изменён</span></td>
|
||||
<td class="ta-r" data-label="Действия"><button class="btn btn-secondary btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Сидоров Алексей</div><div class="student-no">2025017</div></td>
|
||||
<td data-label="ЛР 1 · Анализ данных">
|
||||
<div class="cell-main"><span class="variant">В-5</span><span class="score muted">—</span><span class="eye on" title="Оценка опубликована">◉</span></div>
|
||||
<div class="cell-sub"><span class="st">не сдано</span></div>
|
||||
</td>
|
||||
<td data-label="ЛР 2 · Сортировки">
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">вариант не выдан</span></div>
|
||||
</td>
|
||||
<td data-label="ЛР 3 · Деревья поиска">
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">вариант не выдан</span></div>
|
||||
</td>
|
||||
<td data-label="Пароль"><span class="badge warn">временный</span></td>
|
||||
<td class="ta-r" data-label="Действия"><button class="btn btn-secondary btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Кузнецова Мария</div><div class="student-no">2025021</div></td>
|
||||
<td data-label="ЛР 1 · Анализ данных">
|
||||
<div class="cell-main"><span class="variant">В-3</span><span class="score good">4.0</span><span class="eye" title="Оценка скрыта">○</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st done">защита: готова</span></div>
|
||||
</td>
|
||||
<td data-label="ЛР 2 · Сортировки">
|
||||
<div class="cell-main"><span class="variant">В-6</span><span class="score muted">—</span><span class="eye" title="Оценка скрыта">○</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st active">защита: идёт · 03:07</span></div>
|
||||
</td>
|
||||
<td data-label="ЛР 3 · Деревья поиска">
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">вариант не выдан</span></div>
|
||||
</td>
|
||||
<td data-label="Пароль"><span class="badge ok">изменён</span></td>
|
||||
<td class="ta-r" data-label="Действия"><button class="btn btn-secondary btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="components">
|
||||
<p class="kicker">Элементы интерфейса</p>
|
||||
|
||||
<div class="row">
|
||||
<button class="btn">Сохранить всё</button>
|
||||
<button class="btn btn-secondary">Отмена</button>
|
||||
<button class="btn btn-danger">Удалить</button>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<input class="input" style="width:220px" value="Поле ввода">
|
||||
<input class="input" style="width:130px" value="552314">
|
||||
<button class="btn btn-accent-soft btn-sm">Выдать код</button>
|
||||
</div>
|
||||
|
||||
<p class="kicker" style="margin-top:22px">Статусы: бейдж — только индикатор, действие — отдельной кнопкой</p>
|
||||
<div class="row status-line">
|
||||
<span class="name">ЛР 1 · Анализ данных</span>
|
||||
<span class="badge ok">Опубликована</span>
|
||||
<button class="btn btn-secondary btn-sm">Скрыть</button>
|
||||
</div>
|
||||
<div class="row status-line">
|
||||
<span class="name">ЛР 2 · Сортировки</span>
|
||||
<span class="badge warn">Черновик</span>
|
||||
<button class="btn btn-accent-soft btn-sm">Опубликовать</button>
|
||||
</div>
|
||||
<div class="row status-line">
|
||||
<span class="name">Глава 3 · Жадные алгоритмы</span>
|
||||
<span class="badge">Скрыто</span>
|
||||
<button class="btn btn-accent-soft btn-sm">Опубликовать</button>
|
||||
</div>
|
||||
|
||||
<p class="kicker" style="margin-top:22px">Уведомления</p>
|
||||
<div class="notice ok" style="margin-bottom:8px">Оценки опубликованы всей группе — студенты видят баллы и комментарии.</div>
|
||||
<div class="notice warn" style="margin-bottom:8px">Срок сдачи ЛР 2 истекает завтра в 23:59 МСК.</div>
|
||||
<div class="notice err" style="margin-bottom:8px">Не удалось сохранить файлы решения — повторите попытку.</div>
|
||||
<div class="notice info">Новый студент добавлен: логин 2025031, пароль показан один раз.</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">LMS · демо-шаблон · стиль Б2</footer>
|
||||
|
||||
<script>
|
||||
function setAccent(name, btn) {
|
||||
document.documentElement.setAttribute('data-accent', name);
|
||||
document.querySelectorAll('.swatch').forEach(function (s) { s.classList.remove('active'); });
|
||||
btn.classList.add('active');
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
348
design/style-b3-bordeaux.html
Normal file
348
design/style-b3-bordeaux.html
Normal file
@@ -0,0 +1,348 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru" data-accent="bordeaux">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>LMS — демо стиля Б3: минимализм, акцент бордо</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
/* ─────────────────────────────────────────────────────────
|
||||
Б3 = сдержанность Б1 + бордовый акцент.
|
||||
Цвет только там, где он несёт смысл: акцент действий, точки
|
||||
статусов защиты, два бейджа пароля. Всё остальное — нейтральное.
|
||||
───────────────────────────────────────────────────────── */
|
||||
:root {
|
||||
--bg: #fafafa;
|
||||
--surface: #ffffff;
|
||||
--text: #131316;
|
||||
--muted: #74747c;
|
||||
--border: #e6e6e9;
|
||||
--border-strong: #d4d4da;
|
||||
--ok: #1a7f37;
|
||||
--warn: #9a6700;
|
||||
--radius: 8px;
|
||||
}
|
||||
:root[data-accent="bordeaux"] { --accent: #7a2333; --accent-hover: #5f1b28; --accent-soft: #f7edee; }
|
||||
:root[data-accent="blue"] { --accent: #24509c; --accent-hover: #1c3f7e; --accent-soft: #edf2fa; }
|
||||
:root[data-accent="graphite"] { --accent: #1b1c20; --accent-hover: #000000; --accent-soft: #eef0f3; }
|
||||
|
||||
* { box-sizing: border-box; }
|
||||
body {
|
||||
margin: 0; background: var(--bg); color: var(--text);
|
||||
font: 14px/1.55 "Inter", "Segoe UI", system-ui, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.demo-note {
|
||||
background: #131316; color: #fafafa; text-align: center;
|
||||
font-size: 12px; padding: 6px 12px;
|
||||
}
|
||||
/* ── Переключатель акцента (только для демо) ───────────── */
|
||||
.accent-bar {
|
||||
background: var(--surface); border-bottom: 1px solid var(--border);
|
||||
display: flex; align-items: center; justify-content: center; gap: 10px;
|
||||
padding: 8px 12px; font-size: 12.5px; color: var(--muted); flex-wrap: wrap;
|
||||
}
|
||||
.swatch {
|
||||
width: 20px; height: 20px; border-radius: 50%; border: 2px solid transparent;
|
||||
cursor: pointer; padding: 0; display: inline-flex; align-items: center; justify-content: center;
|
||||
}
|
||||
.swatch span { width: 12px; height: 12px; border-radius: 50%; display: block; }
|
||||
.swatch.active { border-color: var(--text); }
|
||||
.sw-bordeaux span { background: #7a2333; }
|
||||
.sw-blue span { background: #24509c; }
|
||||
.sw-graphite span { background: #1b1c20; }
|
||||
/* ── Шапка ─────────────────────────────────────────────── */
|
||||
.page-header { background: var(--surface); border-bottom: 1px solid var(--border); }
|
||||
.header-inner {
|
||||
max-width: 1200px; margin: 0 auto; padding: 14px 28px;
|
||||
display: flex; align-items: center; gap: 28px; flex-wrap: wrap;
|
||||
}
|
||||
.logo { font-size: 16px; font-weight: 700; color: var(--text); text-decoration: none; }
|
||||
.logo b { color: var(--accent); }
|
||||
.nav { display: flex; gap: 18px; flex: 1; flex-wrap: wrap; }
|
||||
.nav a { color: var(--muted); text-decoration: none; font-size: 13.5px; font-weight: 500; }
|
||||
.nav a.active { color: var(--accent); }
|
||||
.nav a:hover { color: var(--text); }
|
||||
.user { display: flex; align-items: center; gap: 12px; font-size: 13.5px; }
|
||||
/* ── Основная часть ────────────────────────────────────── */
|
||||
.page-main { max-width: 1200px; margin: 0 auto; padding: 40px 28px 56px; }
|
||||
.kicker { margin: 0 0 6px; font-size: 12px; font-weight: 500; color: var(--muted); }
|
||||
h1 { margin: 0 0 8px; font-size: 24px; font-weight: 700; letter-spacing: -.02em; }
|
||||
.page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 28px; flex-wrap: wrap; }
|
||||
.meta { margin: 0; color: var(--muted); font-size: 13px; }
|
||||
.meta b { color: var(--text); font-weight: 600; }
|
||||
.actions { display: flex; gap: 8px; flex-wrap: wrap; }
|
||||
.toolbar { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
|
||||
/* ── Таблица-ведомость ─────────────────────────────────── */
|
||||
.matrix-wrap { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
|
||||
table.matrix { width: 100%; border-collapse: collapse; }
|
||||
.matrix th {
|
||||
padding: 12px 16px; text-align: left; background: var(--surface);
|
||||
font-size: 12px; font-weight: 500; color: var(--muted);
|
||||
border-bottom: 1px solid var(--border); white-space: nowrap;
|
||||
}
|
||||
.matrix td { padding: 16px; border-bottom: 1px solid var(--border); vertical-align: top; }
|
||||
.matrix tbody tr:last-child td { border-bottom: none; }
|
||||
.matrix tbody tr:hover { background: #f7f7f8; }
|
||||
.sticky { min-width: 200px; }
|
||||
.student-name { font-weight: 600; font-size: 13.5px; }
|
||||
.student-no { color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; margin-top: 2px; }
|
||||
.lab-no { display: block; color: var(--text); font-weight: 500; }
|
||||
.lab-title { display: block; font-weight: 400; font-size: 11.5px; color: var(--muted); }
|
||||
.cell-main { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
|
||||
.variant { font-weight: 600; font-size: 13.5px; }
|
||||
.score { font-variant-numeric: tabular-nums; font-weight: 600; }
|
||||
.score.muted { color: var(--muted); font-weight: 400; }
|
||||
.cell-sub { margin-top: 6px; display: flex; gap: 14px; font-size: 12px; color: var(--muted); flex-wrap: wrap; }
|
||||
.sub-link { color: var(--muted); text-decoration: none; }
|
||||
.sub-link:hover { color: var(--text); text-decoration: underline; }
|
||||
.st { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
|
||||
.st::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--border-strong); }
|
||||
.st.done { color: var(--ok); } .st.done::before { background: var(--ok); }
|
||||
.st.active { color: var(--warn); } .st.active::before { background: var(--warn); }
|
||||
.st.code { color: var(--muted); }
|
||||
.eye { cursor: default; color: var(--border-strong); font-size: 12px; }
|
||||
.eye.on { color: var(--text); }
|
||||
.ta-r { text-align: right; }
|
||||
/* Действия — столбиком: ровные одинаковые кнопки друг под другом */
|
||||
.actions-col { display: inline-flex; flex-direction: column; gap: 6px; align-items: stretch; min-width: 104px; }
|
||||
.actions-col .btn { text-align: center; }
|
||||
/* ── Кнопки, бейджи, поля ──────────────────────────────── */
|
||||
.btn {
|
||||
display: inline-block; padding: 8px 16px; font: inherit; font-size: 13px; font-weight: 500;
|
||||
border: 1px solid transparent; background: var(--accent);
|
||||
color: #fff; border-radius: var(--radius); cursor: pointer; text-decoration: none;
|
||||
}
|
||||
.btn:hover { background: var(--accent-hover); }
|
||||
.btn-secondary { background: var(--surface); border-color: var(--border-strong); color: var(--text); }
|
||||
.btn-secondary:hover { background: var(--bg); }
|
||||
.btn-danger { background: var(--surface); border-color: #dcb9be; color: var(--accent); }
|
||||
.btn-danger:hover { background: var(--accent-soft); border-color: var(--accent); }
|
||||
.btn-sm { padding: 5px 10px; font-size: 12px; }
|
||||
.input {
|
||||
padding: 8px 12px; font: inherit; font-size: 13px; color: var(--text);
|
||||
background: var(--surface); border: 1px solid var(--border-strong); border-radius: var(--radius);
|
||||
}
|
||||
.input:focus { outline: 3px solid var(--accent-soft); border-color: var(--accent); }
|
||||
/* Бейдж — «этикетка»: строгая рамка, разрядка капсом, приглушённый тон.
|
||||
Некликабельный, всегда по-русски. */
|
||||
.badge {
|
||||
display: inline-block; padding: 2px 8px; font-size: 10.5px; font-weight: 600;
|
||||
letter-spacing: .07em; text-transform: uppercase;
|
||||
border-radius: 2px; border: 1px solid var(--border-strong);
|
||||
background: transparent; color: var(--muted); cursor: default;
|
||||
}
|
||||
.badge.warn { color: #8a5a12; border-color: #d3bd8f; background: #faf5e9; }
|
||||
.badge.ok { color: #2f6b3a; border-color: #b7cdbd; background: #f2f7f3; }
|
||||
.notice { border: 1px solid var(--border); border-left: 3px solid var(--accent); background: var(--surface); border-radius: var(--radius); padding: 12px 16px; font-size: 13px; }
|
||||
/* ── Секция элементов ──────────────────────────────────── */
|
||||
.components { margin-top: 44px; border-top: 1px solid var(--border); padding-top: 24px; }
|
||||
.row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 14px 0; }
|
||||
.status-line .name { font-weight: 600; min-width: 210px; }
|
||||
.page-footer { text-align: center; color: var(--muted); font-size: 12px; padding: 24px; }
|
||||
|
||||
/* ── Адаптивность таблицы: два режима ─────────────────────
|
||||
>1080px — полная таблица;
|
||||
≤1080px — горизонтальный скролл, колонка «Студент» прилипает слева.
|
||||
На телефоне колонка сжимается, но остаётся фиксированной —
|
||||
карточный режим убран по замечанию. */
|
||||
@media (max-width: 1080px) {
|
||||
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
|
||||
.matrix { min-width: 860px; }
|
||||
th.sticky, td.sticky {
|
||||
position: sticky; left: 0; z-index: 1;
|
||||
background: var(--surface);
|
||||
box-shadow: 8px 0 8px -8px rgba(19, 19, 22, .1);
|
||||
}
|
||||
tbody tr:hover td.sticky { background: #f7f7f8; }
|
||||
}
|
||||
@media (max-width: 720px) {
|
||||
.page-main { padding: 24px 14px 40px; }
|
||||
.header-inner { padding: 12px 14px; gap: 10px; }
|
||||
.nav { gap: 10px; }
|
||||
.toolbar .input { flex: 1 1 auto; }
|
||||
th.sticky, td.sticky { min-width: 150px; }
|
||||
.matrix td { padding: 12px; }
|
||||
.matrix { min-width: 780px; }
|
||||
.ta-r { white-space: nowrap; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="demo-note">Демо-шаблон «Б3» · сдержанность Б1 + бордовый акцент · цвет только там, где он несёт смысл · сузьте окно: таблица скроллится, колонка «Студент» прилипает</div>
|
||||
|
||||
<div class="accent-bar">
|
||||
Акцентный цвет:
|
||||
<button class="swatch sw-bordeaux active" title="Бордо" onclick="setAccent('bordeaux', this)"><span></span></button>
|
||||
<button class="swatch sw-blue" title="Синий — для сравнения" onclick="setAccent('blue', this)"><span></span></button>
|
||||
<button class="swatch sw-graphite" title="Графит — как в Б1" onclick="setAccent('graphite', this)"><span></span></button>
|
||||
</div>
|
||||
|
||||
<header class="page-header">
|
||||
<div class="header-inner">
|
||||
<a class="logo" href="#">LMS<b>.</b></a>
|
||||
<nav class="nav">
|
||||
<a href="#" class="active">Группы</a>
|
||||
<a href="#">Пользователи</a>
|
||||
<a href="#">Лабораторные</a>
|
||||
</nav>
|
||||
<div class="user">
|
||||
<span>Копнин В.</span>
|
||||
<button class="btn btn-secondary btn-sm">Выйти</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="page-main">
|
||||
<div class="page-head">
|
||||
<div>
|
||||
<p class="kicker">Ведомость группы</p>
|
||||
<h1>М202-1 · Первый курс</h1>
|
||||
<p class="meta">24 студента · <b>3 опубликованные</b> лабораторные · длительность защиты 30 мин</p>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<button class="btn btn-secondary">Скачать пароли</button>
|
||||
<button class="btn">+ Студент</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="toolbar">
|
||||
<input class="input" style="width:260px" placeholder="Поиск по студенту…">
|
||||
<select class="input"><option>все лабораторные</option><option>ЛР 1</option><option>ЛР 2</option></select>
|
||||
</div>
|
||||
|
||||
<div class="matrix-wrap">
|
||||
<div class="table-scroll">
|
||||
<table class="matrix">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="sticky">Студент</th>
|
||||
<th><span class="lab-no">ЛР 1</span><span class="lab-title">Анализ данных</span></th>
|
||||
<th><span class="lab-no">ЛР 2</span><span class="lab-title">Сортировки</span></th>
|
||||
<th><span class="lab-no">ЛР 3</span><span class="lab-title">Деревья поиска</span></th>
|
||||
<th>Пароль</th>
|
||||
<th class="ta-r">Действия</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Иванова Анна</div><div class="student-no">2025001</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-7</span><span class="score">4.5</span><span class="eye on" title="Оценка опубликована">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 2</a><span class="st done">защита: готова</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-2</span><span class="score">3.0</span><span class="eye on" title="Оценка опубликована">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st code">защита: код 552314</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">вариант не выдан</span></div>
|
||||
</td>
|
||||
<td><span class="badge warn">временный</span></td>
|
||||
<td class="ta-r"><span class="actions-col"><button class="btn btn-secondary btn-sm">Сбросить</button><button class="btn btn-sm btn-danger">Отчислить</button></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Петров Павел</div><div class="student-no">2025002</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-1</span><span class="score">5.0</span><span class="eye on" title="Оценка опубликована">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 3</a><span class="st done">защита: готова</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-4</span><span class="score muted">—</span><span class="eye on" title="Оценка опубликована">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st active">защита: идёт · 12:34</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-3</span><span class="score muted">—</span><span class="eye" title="Оценка скрыта">○</span></div>
|
||||
<div class="cell-sub"><span class="st">не сдано</span></div>
|
||||
</td>
|
||||
<td><span class="badge ok">изменён</span></td>
|
||||
<td class="ta-r"><span class="actions-col"><button class="btn btn-secondary btn-sm">Сбросить</button><button class="btn btn-sm btn-danger">Отчислить</button></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Сидоров Алексей</div><div class="student-no">2025017</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-5</span><span class="score muted">—</span><span class="eye on" title="Оценка опубликована">◉</span></div>
|
||||
<div class="cell-sub"><span class="st">не сдано</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">вариант не выдан</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">вариант не выдан</span></div>
|
||||
</td>
|
||||
<td><span class="badge warn">временный</span></td>
|
||||
<td class="ta-r"><span class="actions-col"><button class="btn btn-secondary btn-sm">Сбросить</button><button class="btn btn-sm btn-danger">Отчислить</button></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Кузнецова Мария</div><div class="student-no">2025021</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-3</span><span class="score">4.0</span><span class="eye" title="Оценка скрыта">○</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st done">защита: готова</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-6</span><span class="score muted">—</span><span class="eye" title="Оценка скрыта">○</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st active">защита: идёт · 03:07</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">вариант не выдан</span></div>
|
||||
</td>
|
||||
<td><span class="badge ok">изменён</span></td>
|
||||
<td class="ta-r"><span class="actions-col"><button class="btn btn-secondary btn-sm">Сбросить</button><button class="btn btn-sm btn-danger">Отчислить</button></span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="components">
|
||||
<p class="kicker">Элементы интерфейса</p>
|
||||
|
||||
<div class="row">
|
||||
<button class="btn">Сохранить всё</button>
|
||||
<button class="btn btn-secondary">Отмена</button>
|
||||
<button class="btn btn-danger">Удалить</button>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<input class="input" style="width:220px" value="Поле ввода">
|
||||
<input class="input" style="width:130px" value="552314">
|
||||
</div>
|
||||
|
||||
<p class="kicker" style="margin-top:22px">Статусы: бейдж — только индикатор, действие — отдельной кнопкой</p>
|
||||
<div class="row status-line">
|
||||
<span class="name">ЛР 1 · Анализ данных</span>
|
||||
<span class="badge ok">Опубликована</span>
|
||||
<button class="btn btn-secondary btn-sm">Скрыть</button>
|
||||
</div>
|
||||
<div class="row status-line">
|
||||
<span class="name">ЛР 2 · Сортировки</span>
|
||||
<span class="badge warn">Черновик</span>
|
||||
<button class="btn btn-sm">Опубликовать</button>
|
||||
</div>
|
||||
<div class="row status-line">
|
||||
<span class="name">Глава 3 · Жадные алгоритмы</span>
|
||||
<span class="badge">Скрыто</span>
|
||||
<button class="btn btn-sm">Опубликовать</button>
|
||||
</div>
|
||||
|
||||
<p class="kicker" style="margin-top:22px">Уведомление</p>
|
||||
<div class="notice">Оценки опубликованы всей группе — студенты видят баллы и комментарии.</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">LMS · демо-шаблон · стиль Б3</footer>
|
||||
|
||||
<script>
|
||||
function setAccent(name, btn) {
|
||||
document.documentElement.setAttribute('data-accent', name);
|
||||
document.querySelectorAll('.swatch').forEach(function (s) { s.classList.remove('active'); });
|
||||
btn.classList.add('active');
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
264
design/style-c-institutional.html
Normal file
264
design/style-c-institutional.html
Normal file
@@ -0,0 +1,264 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>LMS — демо стиля В: институциональный</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
:root {
|
||||
--bg: #edf1f6;
|
||||
--surface: #ffffff;
|
||||
--text: #16202b;
|
||||
--muted: #5c6b7c;
|
||||
--border: #c9d4e2;
|
||||
--border-strong: #9fb0c4;
|
||||
--accent: #1f4e8c;
|
||||
--accent-hover: #173c6d;
|
||||
--accent-soft: #e3eaf3;
|
||||
--danger: #a02929;
|
||||
--ok: #2e6b34;
|
||||
--warn: #8a5a12;
|
||||
}
|
||||
* { box-sizing: border-box; }
|
||||
body {
|
||||
margin: 0; background: var(--bg); color: var(--text);
|
||||
font: 14px/1.5 "PT Sans", Roboto, "Segoe UI", system-ui, sans-serif;
|
||||
}
|
||||
.demo-note {
|
||||
background: #16202b; color: #e8eef5; text-align: center;
|
||||
font-size: 12px; padding: 6px 12px;
|
||||
}
|
||||
/* ── Шапка-плашка ──────────────────────────────────────── */
|
||||
.page-header { background: var(--accent); color: #ffffff; }
|
||||
.header-inner {
|
||||
max-width: 1200px; margin: 0 auto; padding: 10px 24px;
|
||||
display: flex; align-items: center; gap: 24px;
|
||||
}
|
||||
.logo { font-size: 17px; font-weight: 700; color: #ffffff; text-decoration: none; letter-spacing: .04em; }
|
||||
.nav { display: flex; gap: 4px; flex: 1; }
|
||||
.nav a {
|
||||
color: #d7e2ef; text-decoration: none; font-size: 13.5px; font-weight: 500;
|
||||
padding: 6px 12px; border-radius: 4px;
|
||||
}
|
||||
.nav a.active { background: rgba(255, 255, 255, .16); color: #ffffff; }
|
||||
.nav a:hover { background: rgba(255, 255, 255, .1); color: #ffffff; }
|
||||
.user { display: flex; align-items: center; gap: 12px; font-size: 13.5px; color: #e8eef5; }
|
||||
.user .btn { background: rgba(255, 255, 255, .12); border-color: transparent; color: #ffffff; }
|
||||
.user .btn:hover { background: rgba(255, 255, 255, .2); }
|
||||
/* ── Основная часть ────────────────────────────────────── */
|
||||
.page-main { max-width: 1200px; margin: 0 auto; padding: 24px 24px 48px; }
|
||||
.kicker { margin: 0 0 4px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
|
||||
h1 {
|
||||
margin: 0 0 6px; padding-left: 12px; font-size: 22px; font-weight: 700;
|
||||
border-left: 4px solid var(--accent); line-height: 1.25;
|
||||
}
|
||||
.page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
|
||||
.meta { margin: 0 0 0 16px; color: var(--muted); font-size: 13px; }
|
||||
.actions { display: flex; gap: 8px; }
|
||||
.toolbar { display: flex; gap: 8px; margin-bottom: 12px; }
|
||||
/* ── Таблица-ведомость: полная сетка ───────────────────── */
|
||||
.matrix-wrap { background: var(--surface); border: 1px solid var(--border-strong); }
|
||||
table.matrix { width: 100%; border-collapse: collapse; }
|
||||
.matrix th {
|
||||
padding: 9px 12px; text-align: left;
|
||||
background: var(--accent-soft); color: var(--text);
|
||||
font-size: 12px; font-weight: 700;
|
||||
border: 1px solid var(--border); border-top: none;
|
||||
}
|
||||
.matrix th:first-child { border-left: none; }
|
||||
.matrix th:last-child { border-right: none; }
|
||||
.matrix td { padding: 10px 12px; border: 1px solid var(--border); vertical-align: top; }
|
||||
.matrix tbody tr:last-child td { border-bottom: none; }
|
||||
.matrix td:first-child { border-left: none; }
|
||||
.matrix td:last-child { border-right: none; }
|
||||
.matrix tbody tr:nth-child(even) { background: #f7f9fc; }
|
||||
.sticky { min-width: 190px; }
|
||||
.student-name { font-weight: 700; }
|
||||
.student-no { color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.lab-no { display: block; font-weight: 700; }
|
||||
.lab-title { display: block; font-weight: 400; font-size: 11px; color: var(--muted); }
|
||||
.cell-main { display: flex; align-items: baseline; gap: 10px; }
|
||||
.variant { font-weight: 700; color: var(--accent); }
|
||||
.score { font-variant-numeric: tabular-nums; font-weight: 700; }
|
||||
.score.muted { color: var(--muted); font-weight: 400; }
|
||||
.cell-sub { margin-top: 3px; display: flex; gap: 10px; font-size: 12px; color: var(--muted); }
|
||||
.sub-link { color: var(--accent); text-decoration: underline; }
|
||||
.st { white-space: nowrap; }
|
||||
.st.done { color: var(--ok); font-weight: 700; }
|
||||
.st.active { color: var(--warn); font-weight: 700; }
|
||||
.eye { cursor: default; color: var(--border-strong); font-size: 13px; }
|
||||
.eye.on { color: var(--accent); }
|
||||
.ta-r { text-align: right; }
|
||||
/* ── Кнопки, бейджи, поля ──────────────────────────────── */
|
||||
.btn {
|
||||
display: inline-block; padding: 6px 14px; font: inherit; font-size: 13px; font-weight: 700;
|
||||
border: 1px solid var(--border-strong); background: var(--surface);
|
||||
color: var(--text); border-radius: 4px; cursor: pointer; text-decoration: none;
|
||||
}
|
||||
.btn:hover { background: #f2f6fb; }
|
||||
.btn-primary { background: var(--accent); border-color: var(--accent); color: #ffffff; }
|
||||
.btn-primary:hover { background: var(--accent-hover); }
|
||||
.btn-danger { background: var(--surface); border-color: var(--danger); color: var(--danger); }
|
||||
.btn-danger:hover { background: #f7e9e9; }
|
||||
.btn-sm { padding: 4px 9px; font-size: 12px; }
|
||||
.input {
|
||||
padding: 6px 10px; font: inherit; font-size: 13px; color: var(--text);
|
||||
background: var(--surface); border: 1px solid var(--border-strong); border-radius: 4px;
|
||||
}
|
||||
.input:focus { outline: 2px solid var(--accent-soft); border-color: var(--accent); }
|
||||
.badge {
|
||||
display: inline-block; padding: 2px 8px; font-size: 11px; font-weight: 700;
|
||||
border-radius: 3px; background: var(--accent-soft); color: var(--accent);
|
||||
}
|
||||
.badge.warn { background: #f7ecd4; color: var(--warn); }
|
||||
.badge.ok { background: #e2efe3; color: var(--ok); }
|
||||
.notice { border: 1px solid var(--border); border-left: 4px solid var(--accent); background: var(--surface); padding: 10px 14px; font-size: 13px; }
|
||||
/* ── Секция элементов ──────────────────────────────────── */
|
||||
.components { margin-top: 28px; border: 1px solid var(--border); background: var(--surface); padding: 16px; }
|
||||
.row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 12px 0; }
|
||||
.page-footer { text-align: center; color: var(--muted); font-size: 12px; padding: 20px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="demo-note">Демо-шаблон «В. Институциональный» · данные условные · тёмная тема будет в реализации</div>
|
||||
|
||||
<header class="page-header">
|
||||
<div class="header-inner">
|
||||
<a class="logo" href="#">LMS</a>
|
||||
<nav class="nav">
|
||||
<a href="#" class="active">Группы</a>
|
||||
<a href="#">Пользователи</a>
|
||||
<a href="#">Лабораторные</a>
|
||||
</nav>
|
||||
<div class="user">
|
||||
<span>Копнин В.</span>
|
||||
<button class="btn btn-sm">Выйти</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="page-main">
|
||||
<div class="page-head">
|
||||
<div>
|
||||
<p class="kicker">Ведомость группы</p>
|
||||
<h1>М202-1 · Первый курс</h1>
|
||||
<p class="meta">24 студента · 3 опубликованные лабораторные · длительность защиты 30 мин</p>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<button class="btn">Скачать пароли</button>
|
||||
<button class="btn btn-primary">+ Студент</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="toolbar">
|
||||
<input class="input" style="width:260px" placeholder="Поиск по студенту…">
|
||||
<select class="input"><option>все лабораторные</option><option>ЛР 1</option><option>ЛР 2</option></select>
|
||||
</div>
|
||||
|
||||
<div class="matrix-wrap">
|
||||
<table class="matrix">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="sticky">Студент</th>
|
||||
<th><span class="lab-no">ЛР 1</span><span class="lab-title">Анализ данных</span></th>
|
||||
<th><span class="lab-no">ЛР 2</span><span class="lab-title">Сортировки</span></th>
|
||||
<th><span class="lab-no">ЛР 3</span><span class="lab-title">Деревья поиска</span></th>
|
||||
<th>Пароль</th>
|
||||
<th class="ta-r">Действия</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Иванова Анна</div><div class="student-no">2025001</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-7</span><span class="score">4.5</span><span class="eye on">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 2</a><span class="st done">защита: готов</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-2</span><span class="score">3.0</span><span class="eye on">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st code">защита: код 552314</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">не выдан</span></div>
|
||||
</td>
|
||||
<td><span class="badge warn">временный</span></td>
|
||||
<td class="ta-r"><button class="btn btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Петров Павел</div><div class="student-no">2025002</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-1</span><span class="score">5.0</span><span class="eye on">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 3</a><span class="st done">защита: готов</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-4</span><span class="score muted">—</span><span class="eye on">◉</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st active">защита: идёт · 12:34</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-3</span><span class="score muted">—</span><span class="eye">○</span></div>
|
||||
<div class="cell-sub"><span class="st">не сдано</span></div>
|
||||
</td>
|
||||
<td><span class="badge ok">изменён</span></td>
|
||||
<td class="ta-r"><button class="btn btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Сидоров Алексей</div><div class="student-no">2025017</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-5</span><span class="score muted">—</span><span class="eye on">◉</span></div>
|
||||
<div class="cell-sub"><span class="st">не сдано</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">не выдан</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">не выдан</span></div>
|
||||
</td>
|
||||
<td><span class="badge warn">временный</span></td>
|
||||
<td class="ta-r"><button class="btn btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="sticky"><div class="student-name">Кузнецова Мария</div><div class="student-no">2025021</div></td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-3</span><span class="score">4.0</span><span class="eye">○</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st done">защита: готов</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="variant">В-6</span><span class="score muted">—</span><span class="eye">○</span></div>
|
||||
<div class="cell-sub"><a class="sub-link" href="#">сдача ↓ 1</a><span class="st active">защита: идёт · 03:07</span></div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="cell-main"><span class="score muted">—</span></div>
|
||||
<div class="cell-sub"><span class="st">не выдан</span></div>
|
||||
</td>
|
||||
<td><span class="badge ok">изменён</span></td>
|
||||
<td class="ta-r"><button class="btn btn-sm">Сбросить</button> <button class="btn btn-sm btn-danger">Отчислить</button></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<section class="components">
|
||||
<p class="kicker">Элементы интерфейса</p>
|
||||
<div class="row">
|
||||
<button class="btn btn-primary">Сохранить всё</button>
|
||||
<button class="btn">Отмена</button>
|
||||
<button class="btn btn-danger">Удалить</button>
|
||||
<span class="badge ok">published</span>
|
||||
<span class="badge warn">draft</span>
|
||||
</div>
|
||||
<div class="row">
|
||||
<input class="input" style="width:220px" value="Поле ввода">
|
||||
<input class="input" style="width:120px" value="552314">
|
||||
</div>
|
||||
<div class="notice">Оценки опубликованы всей группе — студенты видят баллы и комментарии.</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="page-footer">LMS · демо-шаблон · стиль В</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -7,6 +7,8 @@ dependencies {
|
||||
|
||||
api(libs.springWeb)
|
||||
api(libs.springBootAutoconfigure)
|
||||
// spring-tx нужен для обработчика DataIntegrityViolationException в LmsExceptionHandler.
|
||||
api("org.springframework:spring-tx")
|
||||
// Kotlin-модуль Jackson: корректная десериализация data-классов со значениями по умолчанию.
|
||||
api(libs.jacksonModuleKotlin)
|
||||
}
|
||||
|
||||
@@ -37,3 +37,8 @@ class UnauthorizedException(
|
||||
message: String,
|
||||
code: String? = null,
|
||||
) : LmsException(HttpStatus.UNAUTHORIZED, message, code)
|
||||
|
||||
class TooManyRequestsException(
|
||||
message: String,
|
||||
code: String? = null,
|
||||
) : LmsException(HttpStatus.TOO_MANY_REQUESTS, message, code)
|
||||
|
||||
@@ -1,9 +1,11 @@
|
||||
package ru.ysu.lms.common
|
||||
|
||||
import org.springframework.dao.DataIntegrityViolationException
|
||||
import org.springframework.http.ResponseEntity
|
||||
import org.springframework.web.bind.MethodArgumentNotValidException
|
||||
import org.springframework.web.bind.annotation.ExceptionHandler
|
||||
import org.springframework.web.bind.annotation.RestControllerAdvice
|
||||
import org.springframework.web.multipart.MaxUploadSizeExceededException
|
||||
|
||||
@RestControllerAdvice
|
||||
class LmsExceptionHandler {
|
||||
@@ -34,4 +36,37 @@ class LmsExceptionHandler {
|
||||
),
|
||||
)
|
||||
}
|
||||
|
||||
/** Некорректный UUID/аргумент в пути или теле — клиентская ошибка, а не 500. */
|
||||
@ExceptionHandler(IllegalArgumentException::class)
|
||||
fun handleIllegalArgument(): ResponseEntity<ApiError> =
|
||||
ResponseEntity.badRequest().body(
|
||||
ApiError(
|
||||
title = "Bad Request",
|
||||
status = 400,
|
||||
detail = "Некорректный параметр запроса",
|
||||
),
|
||||
)
|
||||
|
||||
/** Нарушение уникальности/ссылок (гонки двойной отправки) — конфликт, а не 500. */
|
||||
@ExceptionHandler(DataIntegrityViolationException::class)
|
||||
fun handleDataIntegrity(): ResponseEntity<ApiError> =
|
||||
ResponseEntity.status(409).body(
|
||||
ApiError(
|
||||
title = "Conflict",
|
||||
status = 409,
|
||||
detail = "Действие конфликтует с уже существующими данными",
|
||||
),
|
||||
)
|
||||
|
||||
/** Превышение лимита загрузки — вместо 500 понятный 413. */
|
||||
@ExceptionHandler(MaxUploadSizeExceededException::class)
|
||||
fun handleMaxUpload(): ResponseEntity<ApiError> =
|
||||
ResponseEntity.status(413).body(
|
||||
ApiError(
|
||||
title = "Payload Too Large",
|
||||
status = 413,
|
||||
detail = "Файл слишком большой",
|
||||
),
|
||||
)
|
||||
}
|
||||
|
||||
@@ -10,6 +10,7 @@ import ru.ysu.lms.academic.repo.ContentChapterRepository
|
||||
import ru.ysu.lms.academic.repo.ContentSectionRepository
|
||||
import ru.ysu.lms.common.BadRequestException
|
||||
import java.io.ByteArrayInputStream
|
||||
import java.io.ByteArrayOutputStream
|
||||
import java.util.UUID
|
||||
import java.util.zip.ZipInputStream
|
||||
|
||||
@@ -233,16 +234,45 @@ class ContentImporter(
|
||||
|
||||
private fun readZip(bytes: ByteArray): Map<String, ByteArray> {
|
||||
val result = mutableMapOf<String, ByteArray>()
|
||||
var totalUncompressed = 0L
|
||||
ZipInputStream(ByteArrayInputStream(bytes)).use { zis ->
|
||||
var entry = zis.nextEntry
|
||||
while (entry != null) {
|
||||
if (!entry.isDirectory) result[entry.name.removePrefix("/")] = zis.readAllBytes()
|
||||
entry = zis.nextEntry
|
||||
while (true) {
|
||||
val entry = zis.nextEntry ?: break
|
||||
if (entry.isDirectory) continue
|
||||
val data = readBounded(zis, MAX_ENTRY_BYTES, "запись «${entry.name}»")
|
||||
totalUncompressed += data.size
|
||||
if (totalUncompressed > MAX_TOTAL_BYTES) {
|
||||
throw BadRequestException(
|
||||
"Архив слишком большой: после распаковки суммарно более ${MAX_TOTAL_BYTES / MB} МБ",
|
||||
)
|
||||
}
|
||||
result[entry.name.removePrefix("/")] = data
|
||||
}
|
||||
}
|
||||
return result
|
||||
}
|
||||
|
||||
/** Читает запись архива с ограничением размера — защита от zip-бомб. */
|
||||
private fun readBounded(
|
||||
zis: ZipInputStream,
|
||||
maxEntryBytes: Long,
|
||||
what: String,
|
||||
): ByteArray {
|
||||
val buffer = ByteArrayOutputStream()
|
||||
val chunk = ByteArray(64 * 1024)
|
||||
var total = 0L
|
||||
while (true) {
|
||||
val n = zis.read(chunk)
|
||||
if (n < 0) break
|
||||
total += n
|
||||
if (total > maxEntryBytes) {
|
||||
throw BadRequestException("$what распаковывается более чем в ${maxEntryBytes / MB} МБ")
|
||||
}
|
||||
buffer.write(chunk, 0, n)
|
||||
}
|
||||
return buffer.toByteArray()
|
||||
}
|
||||
|
||||
private fun splitFrontMatter(content: String): Pair<Map<String, String>, String> {
|
||||
if (!content.startsWith("---")) return emptyMap<String, String>() to content
|
||||
val lines = content.lines()
|
||||
@@ -285,4 +315,10 @@ class ContentImporter(
|
||||
val seenSections: MutableSet<UUID> = mutableSetOf()
|
||||
val seenArticles: MutableSet<UUID> = mutableSetOf()
|
||||
}
|
||||
|
||||
private companion object {
|
||||
const val MB = 1024L * 1024L
|
||||
const val MAX_ENTRY_BYTES = 128L * MB
|
||||
const val MAX_TOTAL_BYTES = 256L * MB
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
package ru.ysu.lms.academic.controller
|
||||
|
||||
import org.springframework.security.access.prepost.PreAuthorize
|
||||
import org.springframework.web.bind.annotation.PathVariable
|
||||
import org.springframework.web.bind.annotation.PostMapping
|
||||
import org.springframework.web.bind.annotation.RequestBody
|
||||
@@ -11,8 +12,10 @@ import ru.ysu.lms.academic.content.ReorderSections
|
||||
import ru.ysu.lms.academic.content.ReorderTree
|
||||
import java.util.UUID
|
||||
|
||||
/** Реордер материалов: меняет публичный порядок глав/разделов/статей — только админ. */
|
||||
@RestController
|
||||
@RequestMapping("/api/v1")
|
||||
@RequestMapping("/api/v1/content")
|
||||
@PreAuthorize("hasAuthority('ROLE_ADMIN')")
|
||||
class ContentOrderController(
|
||||
private val order: ContentOrderService,
|
||||
) {
|
||||
|
||||
@@ -60,12 +60,19 @@ class ContentPublicController(
|
||||
assetStorage.read(name)
|
||||
?: return ResponseEntity.notFound().build()
|
||||
val media = runCatching { MediaType.parseMediaType(mime) }.getOrElse { MediaType.APPLICATION_OCTET_STREAM }
|
||||
return ResponseEntity
|
||||
.ok()
|
||||
.contentType(media)
|
||||
.cacheControl(
|
||||
org.springframework.http.CacheControl
|
||||
.maxAge(java.time.Duration.ofDays(7)),
|
||||
).body(FileSystemResource(path))
|
||||
val builder =
|
||||
ResponseEntity
|
||||
.ok()
|
||||
.contentType(media)
|
||||
.cacheControl(
|
||||
org.springframework.http.CacheControl
|
||||
.maxAge(java.time.Duration.ofDays(7)),
|
||||
)
|
||||
// SVG может содержать скрипты: при открытии напрямую как документа запрещаем их исполнение.
|
||||
if (media.isCompatibleWith(MediaType.parseMediaType("image/svg+xml"))) {
|
||||
builder.header("Content-Security-Policy", "script-src 'none'; object-src 'none'")
|
||||
}
|
||||
builder.header("X-Content-Type-Options", "nosniff")
|
||||
return builder.body(FileSystemResource(path))
|
||||
}
|
||||
}
|
||||
|
||||
@@ -7,6 +7,7 @@ import com.fasterxml.jackson.module.kotlin.KotlinModule
|
||||
import org.springframework.stereotype.Component
|
||||
import ru.ysu.lms.common.BadRequestException
|
||||
import java.io.ByteArrayInputStream
|
||||
import java.io.ByteArrayOutputStream
|
||||
import java.util.zip.ZipInputStream
|
||||
|
||||
/**
|
||||
@@ -55,16 +56,45 @@ class LabImportParser {
|
||||
|
||||
private fun readEntries(bytes: ByteArray): Map<String, ByteArray> {
|
||||
val entries = mutableMapOf<String, ByteArray>()
|
||||
var totalUncompressed = 0L
|
||||
ZipInputStream(ByteArrayInputStream(bytes)).use { zis ->
|
||||
var entry = zis.nextEntry
|
||||
while (entry != null) {
|
||||
if (!entry.isDirectory) entries[entry.name] = zis.readAllBytes()
|
||||
entry = zis.nextEntry
|
||||
while (true) {
|
||||
val entry = zis.nextEntry ?: break
|
||||
if (entry.isDirectory) continue
|
||||
val data = readBounded(zis, MAX_ENTRY_BYTES, "запись «${entry.name}»")
|
||||
totalUncompressed += data.size
|
||||
if (totalUncompressed > MAX_TOTAL_BYTES) {
|
||||
throw BadRequestException(
|
||||
"Архив слишком большой: после распаковки суммарно более ${MAX_TOTAL_BYTES / MB} МБ",
|
||||
)
|
||||
}
|
||||
entries[entry.name] = data
|
||||
}
|
||||
}
|
||||
return entries
|
||||
}
|
||||
|
||||
/** Читает запись архива с ограничением размера — защита от zip-бомб. */
|
||||
private fun readBounded(
|
||||
zis: ZipInputStream,
|
||||
maxEntryBytes: Long,
|
||||
what: String,
|
||||
): ByteArray {
|
||||
val buffer = ByteArrayOutputStream()
|
||||
val chunk = ByteArray(64 * 1024)
|
||||
var total = 0L
|
||||
while (true) {
|
||||
val n = zis.read(chunk)
|
||||
if (n < 0) break
|
||||
total += n
|
||||
if (total > maxEntryBytes) {
|
||||
throw BadRequestException("$what распаковывается более чем в ${maxEntryBytes / MB} МБ")
|
||||
}
|
||||
buffer.write(chunk, 0, n)
|
||||
}
|
||||
return buffer.toByteArray()
|
||||
}
|
||||
|
||||
private fun readMeta(entries: Map<String, ByteArray>): LabMeta {
|
||||
val metaEntry =
|
||||
entries.entries.firstOrNull { it.key.endsWith("lab.yaml") || it.key.endsWith("lab.yml") }
|
||||
@@ -146,4 +176,10 @@ class LabImportParser {
|
||||
"advanced", "повышенная", "повышенной", "hard" -> "advanced"
|
||||
else -> s.lowercase().trim()
|
||||
}
|
||||
|
||||
private companion object {
|
||||
const val MB = 1024L * 1024L
|
||||
const val MAX_ENTRY_BYTES = 128L * MB
|
||||
const val MAX_TOTAL_BYTES = 256L * MB
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,15 +26,18 @@ class JwtAuthenticationFilter(
|
||||
): Mono<Void> {
|
||||
val path = exchange.request.path.value()
|
||||
if (isPublic(path)) {
|
||||
return chain.filter(exchange)
|
||||
// Клиентские X-Account-* не должны доходить до сервисов: эти заголовки ставит только gateway.
|
||||
val stripped = stripAccountHeaders(exchange)
|
||||
return chain.filter(stripped)
|
||||
}
|
||||
val token =
|
||||
bearerToken(exchange)
|
||||
?: return unauthorized(exchange, "Требуется вход")
|
||||
return try {
|
||||
val jwt = jwtDecoder.decode(token)
|
||||
val stripped = stripAccountHeaders(exchange)
|
||||
val request =
|
||||
exchange.request
|
||||
stripped.request
|
||||
.mutate()
|
||||
.header("X-Account-Id", jwt.subject.orEmpty())
|
||||
.header("X-Account-Login", jwt.getClaimAsString("login").orEmpty())
|
||||
@@ -48,6 +51,17 @@ class JwtAuthenticationFilter(
|
||||
|
||||
override fun getOrder(): Int = -100
|
||||
|
||||
private fun stripAccountHeaders(exchange: ServerWebExchange): ServerWebExchange =
|
||||
exchange
|
||||
.mutate()
|
||||
.request { req ->
|
||||
req.headers { headers ->
|
||||
headers.remove("X-Account-Id")
|
||||
headers.remove("X-Account-Login")
|
||||
headers.remove("X-Account-Role")
|
||||
}
|
||||
}.build()
|
||||
|
||||
private fun isPublic(path: String): Boolean =
|
||||
path.startsWith("/actuator") ||
|
||||
path == "/api/v1/auth/login" ||
|
||||
|
||||
@@ -27,6 +27,7 @@ class AuthService(
|
||||
private val passwordEncoder: PasswordEncoder,
|
||||
private val jwtEncoder: JwtEncoder,
|
||||
private val jwtProperties: JwtProperties,
|
||||
private val backoff: LoginBackoff,
|
||||
) {
|
||||
fun adminExists(): Boolean = accounts.existsByRole(LmsRole.ADMIN)
|
||||
|
||||
@@ -51,14 +52,16 @@ class AuthService(
|
||||
return toResponse(account, account.login)
|
||||
}
|
||||
|
||||
@Transactional(readOnly = true)
|
||||
/** Без @Transactional на методе: задержка backoff не должна держать JDBC-соединение. */
|
||||
fun login(request: LoginRequest): AuthResponse {
|
||||
val account =
|
||||
accounts.findByLogin(request.login.trim())
|
||||
?: throw UnauthorizedException("Неверный логин или пароль")
|
||||
if (!passwordEncoder.matches(request.password, account.passwordHash)) {
|
||||
val login = request.login.trim()
|
||||
backoff.delayBeforeAttempt(login)
|
||||
val account = accounts.findByLogin(login)
|
||||
if (account == null || !passwordEncoder.matches(request.password, account.passwordHash)) {
|
||||
backoff.recordFailure(login)
|
||||
throw UnauthorizedException("Неверный логин или пароль")
|
||||
}
|
||||
backoff.reset(login)
|
||||
return toResponse(account, displayName(account))
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,74 @@
|
||||
package ru.ysu.lms.identity.auth
|
||||
|
||||
import org.springframework.stereotype.Service
|
||||
import org.springframework.transaction.annotation.Propagation
|
||||
import org.springframework.transaction.annotation.Transactional
|
||||
import ru.ysu.lms.common.TooManyRequestsException
|
||||
import ru.ysu.lms.identity.domain.LoginAttempt
|
||||
import ru.ysu.lms.identity.repo.LoginAttemptRepository
|
||||
import java.time.Duration
|
||||
import java.time.Instant
|
||||
import kotlin.math.min
|
||||
import kotlin.math.pow
|
||||
|
||||
/**
|
||||
* Экспоненциальная задержка между неудачными попытками входа (1с, 2с, 4с…).
|
||||
* Задержка растёт по числу неудач, а не по времени ожидания ответа, поэтому
|
||||
* перебор пароля становится бессмысленно долгим, а легитимный пользователь,
|
||||
* знающий пароль, блокировок не видит. Счётчик живёт в БД (переживает рестарт)
|
||||
* и обнуляется по успеху либо по истечении окна [WINDOW].
|
||||
*/
|
||||
@Service
|
||||
class LoginBackoff(
|
||||
private val attempts: LoginAttemptRepository,
|
||||
) {
|
||||
/** Короткие задержки выдерживаем в потоке запроса; длиннее — сразу 429 с паузой для клиента. */
|
||||
fun delayBeforeAttempt(login: String) {
|
||||
val failures = effectiveFailures(login)
|
||||
if (failures <= 0) return
|
||||
val delaySec = delaySecondsFor(failures)
|
||||
if (delaySec > INLINE_SLEEP_SECONDS) {
|
||||
throw TooManyRequestsException(
|
||||
"Слишком много неудачных попыток входа. Повторите через $delaySec с.",
|
||||
)
|
||||
}
|
||||
Thread.sleep(delaySec * 1000)
|
||||
}
|
||||
|
||||
@Transactional(propagation = Propagation.REQUIRES_NEW)
|
||||
fun recordFailure(login: String) {
|
||||
val now = Instant.now()
|
||||
val row = attempts.findById(login).orElse(null)
|
||||
if (row == null) {
|
||||
attempts.save(LoginAttempt(login = login, failures = 1, lastFailureAt = now))
|
||||
} else {
|
||||
row.failures += 1
|
||||
row.lastFailureAt = now
|
||||
attempts.save(row)
|
||||
}
|
||||
}
|
||||
|
||||
@Transactional(propagation = Propagation.REQUIRES_NEW)
|
||||
fun reset(login: String) {
|
||||
attempts.findById(login).orElse(null)?.let(attempts::delete)
|
||||
}
|
||||
|
||||
/** Неудачи внутри окна [WINDOW]; устаревшую строку сразу гасим. */
|
||||
private fun effectiveFailures(login: String): Int {
|
||||
val row = attempts.findById(login).orElse(null) ?: return 0
|
||||
if (row.lastFailureAt.isBefore(Instant.now().minus(WINDOW))) {
|
||||
attempts.delete(row)
|
||||
return 0
|
||||
}
|
||||
return row.failures
|
||||
}
|
||||
|
||||
companion object {
|
||||
private val WINDOW: Duration = Duration.ofMinutes(15)
|
||||
private const val MAX_DELAY_SECONDS = 60L
|
||||
private const val INLINE_SLEEP_SECONDS = 5L
|
||||
|
||||
/** 1, 2, 4, 8 … секунд, с потолком [MAX_DELAY_SECONDS]. */
|
||||
fun delaySecondsFor(failures: Int): Long = min(2.0.pow((failures - 1).coerceAtMost(6)), MAX_DELAY_SECONDS.toDouble()).toLong()
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
package ru.ysu.lms.identity.domain
|
||||
|
||||
import jakarta.persistence.Column
|
||||
import jakarta.persistence.Entity
|
||||
import jakarta.persistence.Id
|
||||
import jakarta.persistence.Table
|
||||
import java.time.Instant
|
||||
|
||||
/** Счётчик неудачных попыток входа для конкретного логина (см. LoginBackoff). */
|
||||
@Entity
|
||||
@Table(name = "login_attempts")
|
||||
class LoginAttempt(
|
||||
@Id
|
||||
@Column(nullable = false, length = 64)
|
||||
var login: String = "",
|
||||
@Column(nullable = false)
|
||||
var failures: Int = 0,
|
||||
@Column(name = "last_failure_at", nullable = false)
|
||||
var lastFailureAt: Instant = Instant.now(),
|
||||
)
|
||||
@@ -0,0 +1,6 @@
|
||||
package ru.ysu.lms.identity.repo
|
||||
|
||||
import org.springframework.data.jpa.repository.JpaRepository
|
||||
import ru.ysu.lms.identity.domain.LoginAttempt
|
||||
|
||||
interface LoginAttemptRepository : JpaRepository<LoginAttempt, String>
|
||||
@@ -0,0 +1,7 @@
|
||||
-- Счётчик неудачных входов для экспоненциальной задержки (защита от перебора паролей).
|
||||
|
||||
CREATE TABLE login_attempts (
|
||||
login varchar(64) PRIMARY KEY,
|
||||
failures integer NOT NULL DEFAULT 0,
|
||||
last_failure_at timestamptz NOT NULL DEFAULT now()
|
||||
);
|
||||
@@ -0,0 +1,142 @@
|
||||
package ru.ysu.lms.identity
|
||||
|
||||
import io.mockk.Runs
|
||||
import io.mockk.every
|
||||
import io.mockk.just
|
||||
import io.mockk.mockk
|
||||
import io.mockk.verify
|
||||
import org.assertj.core.api.Assertions.assertThat
|
||||
import org.assertj.core.api.Assertions.assertThatThrownBy
|
||||
import org.junit.jupiter.api.Test
|
||||
import org.springframework.security.crypto.password.PasswordEncoder
|
||||
import org.springframework.security.oauth2.jwt.Jwt
|
||||
import org.springframework.security.oauth2.jwt.JwtEncoder
|
||||
import org.springframework.security.oauth2.jwt.JwtEncoderParameters
|
||||
import ru.ysu.lms.common.TooManyRequestsException
|
||||
import ru.ysu.lms.common.UnauthorizedException
|
||||
import ru.ysu.lms.identity.auth.AuthService
|
||||
import ru.ysu.lms.identity.auth.LoginBackoff
|
||||
import ru.ysu.lms.identity.auth.LoginRequest
|
||||
import ru.ysu.lms.identity.domain.Account
|
||||
import ru.ysu.lms.identity.domain.LoginAttempt
|
||||
import ru.ysu.lms.identity.repo.AccountRepository
|
||||
import ru.ysu.lms.identity.repo.LoginAttemptRepository
|
||||
import ru.ysu.lms.identity.repo.StudentRepository
|
||||
import ru.ysu.lms.security.JwtProperties
|
||||
import ru.ysu.lms.security.LmsRole
|
||||
import java.time.Duration
|
||||
import java.time.Instant
|
||||
import java.util.Optional
|
||||
|
||||
class AuthServiceLoginBackoffTest {
|
||||
private val login = "2025001"
|
||||
private val account = Account(login = login, passwordHash = "hash", role = LmsRole.STUDENT)
|
||||
|
||||
/** Не relaxed: дженерик save у JpaRepository в relaxed-режиме ломает тип возвращаемого значения. */
|
||||
private fun attemptsRepo(): LoginAttemptRepository {
|
||||
val repo = mockk<LoginAttemptRepository>()
|
||||
every { repo.save(any<LoginAttempt>()) } answers { firstArg() }
|
||||
every { repo.delete(any<LoginAttempt>()) } just Runs
|
||||
return repo
|
||||
}
|
||||
|
||||
private fun service(
|
||||
accounts: AccountRepository,
|
||||
attempts: LoginAttemptRepository,
|
||||
matches: Boolean,
|
||||
): AuthService {
|
||||
val students = mockk<StudentRepository>()
|
||||
every { students.findById(account.id) } returns Optional.empty()
|
||||
val passwordEncoder = mockk<PasswordEncoder>()
|
||||
every { passwordEncoder.matches(any(), any()) } returns matches
|
||||
val jwtEncoder = mockk<JwtEncoder>()
|
||||
every { jwtEncoder.encode(any<JwtEncoderParameters>()) } returns
|
||||
mockk<Jwt> { every { tokenValue } returns "token" }
|
||||
val backoff = LoginBackoff(attempts)
|
||||
return AuthService(
|
||||
accounts,
|
||||
students,
|
||||
passwordEncoder,
|
||||
jwtEncoder,
|
||||
JwtProperties(accessTokenTtl = Duration.ofMinutes(10)),
|
||||
backoff,
|
||||
)
|
||||
}
|
||||
|
||||
@Test
|
||||
fun `failed login records failure`() {
|
||||
val attempts = attemptsRepo()
|
||||
val accounts = mockk<AccountRepository>()
|
||||
every { accounts.findByLogin(login) } returns account
|
||||
every { attempts.findById(login) } returns Optional.empty()
|
||||
val svc = service(accounts, attempts, matches = false)
|
||||
|
||||
assertThatThrownBy { svc.login(LoginRequest(login = login, password = "wrong")) }
|
||||
.isInstanceOf(UnauthorizedException::class.java)
|
||||
|
||||
verify {
|
||||
attempts.save(
|
||||
match {
|
||||
it.login == login &&
|
||||
it.failures == 1 &&
|
||||
it.lastFailureAt.isAfter(Instant.now().minusSeconds(5))
|
||||
},
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
@Test
|
||||
fun `many failures rejected with 429 before password check`() {
|
||||
val attempts = attemptsRepo()
|
||||
val accounts = mockk<AccountRepository>()
|
||||
every { attempts.findById(login) } returns
|
||||
Optional.of(LoginAttempt(login = login, failures = 6, lastFailureAt = Instant.now()))
|
||||
val svc = service(accounts, attempts, matches = true)
|
||||
|
||||
assertThatThrownBy { svc.login(LoginRequest(login = login, password = "secret")) }
|
||||
.isInstanceOf(TooManyRequestsException::class.java)
|
||||
.hasMessageContaining("32")
|
||||
verify(exactly = 0) { accounts.findByLogin(any()) }
|
||||
}
|
||||
|
||||
@Test
|
||||
fun `successful login resets counter`() {
|
||||
val attempts = attemptsRepo()
|
||||
val accounts = mockk<AccountRepository>()
|
||||
val stale = LoginAttempt(login = login, failures = 2, lastFailureAt = Instant.now())
|
||||
every { accounts.findByLogin(login) } returns account
|
||||
every { attempts.findById(login) } returnsMany
|
||||
listOf(Optional.empty(), Optional.of(stale))
|
||||
val svc = service(accounts, attempts, matches = true)
|
||||
|
||||
val response = svc.login(LoginRequest(login = login, password = "secret"))
|
||||
|
||||
assertThat(response.token).isEqualTo("token")
|
||||
verify { attempts.delete(stale) }
|
||||
}
|
||||
|
||||
@Test
|
||||
fun `backoff grows exponentially and caps at 60s`() {
|
||||
assertThat(LoginBackoff.delaySecondsFor(1)).isEqualTo(1)
|
||||
assertThat(LoginBackoff.delaySecondsFor(2)).isEqualTo(2)
|
||||
assertThat(LoginBackoff.delaySecondsFor(3)).isEqualTo(4)
|
||||
assertThat(LoginBackoff.delaySecondsFor(4)).isEqualTo(8)
|
||||
assertThat(LoginBackoff.delaySecondsFor(7)).isEqualTo(60)
|
||||
assertThat(LoginBackoff.delaySecondsFor(50)).isEqualTo(60)
|
||||
}
|
||||
|
||||
@Test
|
||||
fun `stale failures outside window are ignored and cleared`() {
|
||||
val attempts = attemptsRepo()
|
||||
val accounts = mockk<AccountRepository>()
|
||||
val stale = LoginAttempt(login = login, failures = 9, lastFailureAt = Instant.now().minusSeconds(16 * 60))
|
||||
every { accounts.findByLogin(login) } returns account
|
||||
every { attempts.findById(login) } returns Optional.of(stale)
|
||||
val svc = service(accounts, attempts, matches = false)
|
||||
|
||||
// failures=9 должны были дать 429; из-за устаревания строки — обычная неудача входа.
|
||||
assertThatThrownBy { svc.login(LoginRequest(login = login, password = "wrong")) }
|
||||
.isInstanceOf(UnauthorizedException::class.java)
|
||||
verify { attempts.delete(stale) }
|
||||
}
|
||||
}
|
||||
@@ -2,15 +2,18 @@ package ru.ysu.lms.progress
|
||||
|
||||
import org.springframework.beans.factory.annotation.Value
|
||||
import org.springframework.core.ParameterizedTypeReference
|
||||
import org.springframework.http.client.JdkClientHttpRequestFactory
|
||||
import org.springframework.stereotype.Service
|
||||
import org.springframework.web.client.RestClient
|
||||
import ru.ysu.lms.common.NotFoundException
|
||||
import java.net.http.HttpClient
|
||||
import java.time.Duration
|
||||
|
||||
@Service
|
||||
class AcademicClient(
|
||||
@Value("\${lms.academic.base-url}") baseUrl: String,
|
||||
) {
|
||||
private val client = RestClient.builder().baseUrl(baseUrl).build()
|
||||
private val client = restClient(baseUrl)
|
||||
|
||||
fun getLab(
|
||||
labId: String,
|
||||
@@ -41,7 +44,7 @@ class AcademicClient(
|
||||
class IdentityClient(
|
||||
@Value("\${lms.identity.base-url}") baseUrl: String,
|
||||
) {
|
||||
private val client = RestClient.builder().baseUrl(baseUrl).build()
|
||||
private val client = restClient(baseUrl)
|
||||
|
||||
fun getGroup(
|
||||
groupId: String,
|
||||
@@ -65,3 +68,20 @@ class IdentityClient(
|
||||
.body(type) ?: emptyList()
|
||||
}
|
||||
}
|
||||
|
||||
/** Таймауты обязательны: зависший downstream держит JDBC-соединение из пула и вешает сервис. */
|
||||
private const val CONNECT_TIMEOUT_SECONDS = 3L
|
||||
private const val READ_TIMEOUT_SECONDS = 30L
|
||||
|
||||
private fun restClient(baseUrl: String): RestClient =
|
||||
RestClient
|
||||
.builder()
|
||||
.baseUrl(baseUrl)
|
||||
.requestFactory(
|
||||
JdkClientHttpRequestFactory(
|
||||
HttpClient
|
||||
.newBuilder()
|
||||
.connectTimeout(Duration.ofSeconds(CONNECT_TIMEOUT_SECONDS))
|
||||
.build(),
|
||||
).apply { setReadTimeout(Duration.ofSeconds(READ_TIMEOUT_SECONDS)) },
|
||||
).build()
|
||||
|
||||
@@ -102,7 +102,8 @@ class DefenseService(
|
||||
sessions.save(s)
|
||||
}
|
||||
|
||||
@Transactional(readOnly = true)
|
||||
/** Не readOnly: внутри переносим истёкшие защиты в ready — изменения должны сохраниться. */
|
||||
@Transactional
|
||||
fun listForLab(labId: UUID): List<DefenseDto> {
|
||||
syncTimeouts()
|
||||
return sessions.findByLabIdOrderByStudentIdAsc(labId).map { toDto(it) }
|
||||
|
||||
@@ -180,3 +180,18 @@ data class PublicationSetRequest(
|
||||
val labId: String,
|
||||
val studentIds: List<String> = emptyList(),
|
||||
)
|
||||
|
||||
/** Агрегированные данные одной лабораторной по всем студентам группы (для страницы группы одним запросом). */
|
||||
data class LabDataResponse(
|
||||
val labId: String,
|
||||
val assignments: List<VariantAssignmentResponse> = emptyList(),
|
||||
val levels: List<LevelAssignmentResponse> = emptyList(),
|
||||
val submissions: List<SubmissionDto> = emptyList(),
|
||||
val defenses: List<DefenseDto> = emptyList(),
|
||||
val publication: PublicationState = PublicationState(),
|
||||
)
|
||||
|
||||
data class GroupLabDataResponse(
|
||||
val groupId: String,
|
||||
val labs: List<LabDataResponse> = emptyList(),
|
||||
)
|
||||
|
||||
@@ -0,0 +1,24 @@
|
||||
package ru.ysu.lms.progress
|
||||
|
||||
import org.springframework.security.access.prepost.PreAuthorize
|
||||
import org.springframework.security.core.annotation.AuthenticationPrincipal
|
||||
import org.springframework.security.oauth2.jwt.Jwt
|
||||
import org.springframework.web.bind.annotation.GetMapping
|
||||
import org.springframework.web.bind.annotation.PathVariable
|
||||
import org.springframework.web.bind.annotation.RequestParam
|
||||
import org.springframework.web.bind.annotation.RestController
|
||||
import java.util.UUID
|
||||
|
||||
@RestController
|
||||
class GroupLabDataController(
|
||||
private val service: GroupLabDataService,
|
||||
) {
|
||||
/** Данные всех студентов группы по выбранным лабораторным — только для админа. */
|
||||
@GetMapping("/api/v1/assignments/group/{groupId}")
|
||||
@PreAuthorize("hasAuthority('ROLE_ADMIN')")
|
||||
fun groupLabData(
|
||||
@PathVariable groupId: UUID,
|
||||
@RequestParam("labId") labIds: List<UUID>,
|
||||
@AuthenticationPrincipal jwt: Jwt,
|
||||
): GroupLabDataResponse = service.labData(groupId, labIds, jwt.tokenValue)
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
package ru.ysu.lms.progress
|
||||
|
||||
import org.springframework.stereotype.Service
|
||||
import java.util.UUID
|
||||
|
||||
/**
|
||||
* Агрегатор данных страницы группы: назначения, уровни, последние сдачи,
|
||||
* защиты и состояние публикации по каждой лабораторной. Заменяет ~4N запросов
|
||||
* BFF к сервисам одним вызовом. Без своей транзакции: внутренние сервисы
|
||||
* управляют своими (внутри пишущий syncTimeouts — readOnly снаружи нельзя).
|
||||
*/
|
||||
@Service
|
||||
class GroupLabDataService(
|
||||
private val progress: ProgressService,
|
||||
private val submissions: SubmissionService,
|
||||
private val defenses: DefenseService,
|
||||
private val publications: GradePublicationService,
|
||||
) {
|
||||
fun labData(
|
||||
groupId: UUID,
|
||||
labIds: List<UUID>,
|
||||
token: String,
|
||||
): GroupLabDataResponse =
|
||||
GroupLabDataResponse(
|
||||
groupId = groupId.toString(),
|
||||
labs =
|
||||
labIds.map { labId ->
|
||||
LabDataResponse(
|
||||
labId = labId.toString(),
|
||||
assignments = progress.assignmentsForLabEnriched(labId, token),
|
||||
levels =
|
||||
progress.getLevelsForLab(labId).map { sll ->
|
||||
LevelAssignmentResponse(
|
||||
studentId = sll.studentId.toString(),
|
||||
labId = sll.labId.toString(),
|
||||
labLevelId = sll.labLevelId.toString(),
|
||||
manual = sll.manual,
|
||||
)
|
||||
},
|
||||
submissions = submissions.latestPerStudent(labId),
|
||||
defenses = defenses.listForLab(labId),
|
||||
publication = publications.state(groupId, labId),
|
||||
)
|
||||
},
|
||||
)
|
||||
}
|
||||
@@ -1,5 +1,6 @@
|
||||
package ru.ysu.lms.progress
|
||||
|
||||
import org.springframework.dao.DataIntegrityViolationException
|
||||
import org.springframework.stereotype.Service
|
||||
import org.springframework.transaction.annotation.Transactional
|
||||
import org.springframework.web.multipart.MultipartFile
|
||||
@@ -8,6 +9,7 @@ import ru.ysu.lms.common.ForbiddenException
|
||||
import ru.ysu.lms.common.NotFoundException
|
||||
import ru.ysu.lms.progress.domain.Submission
|
||||
import ru.ysu.lms.progress.repo.SubmissionRepository
|
||||
import java.io.IOException
|
||||
import java.nio.file.Files
|
||||
import java.time.Instant
|
||||
import java.util.UUID
|
||||
@@ -28,8 +30,22 @@ class SubmissionService(
|
||||
val payload = validatedPayload(files)
|
||||
ensureDeadline(requireLab(labId, token))
|
||||
val seq = nextSeq(studentId, labId)
|
||||
val stored = storage.store(studentId, labId, seq, payload)
|
||||
val entity = submissions.save(Submission(studentId = studentId, labId = labId, seq = seq))
|
||||
// Сначала запись в БД: unique-констрейнт (student, lab, seq) гасит двойную отправку,
|
||||
// и проигравшая попытка не трогает файлы на диске (иначе перезаписала бы предыдущую сдачу).
|
||||
val entity =
|
||||
try {
|
||||
submissions.saveAndFlush(Submission(studentId = studentId, labId = labId, seq = seq))
|
||||
} catch (ignore: DataIntegrityViolationException) {
|
||||
throw BadRequestException("Эта попытка уже отправлена — обновите страницу и попробуйте ещё раз")
|
||||
}
|
||||
val stored =
|
||||
try {
|
||||
storage.store(studentId, labId, seq, payload)
|
||||
} catch (ignore: IOException) {
|
||||
// строка откатится вместе с транзакцией; убираем недописанные файлы
|
||||
runCatching { storage.deleteAttemptDir(studentId, labId, seq) }
|
||||
throw BadRequestException("Не удалось сохранить файлы решения, попробуйте ещё раз")
|
||||
}
|
||||
return toDto(entity, stored.files)
|
||||
}
|
||||
|
||||
|
||||
@@ -37,12 +37,32 @@ class SubmissionStorage(
|
||||
val names = mutableListOf<String>()
|
||||
for ((rawName, bytes) in files) {
|
||||
val safe = sanitize(rawName)
|
||||
Files.write(dir.resolve(safe), bytes)
|
||||
val target = dir.resolve(safe).normalize()
|
||||
require(target.startsWith(dir)) { "path escape blocked" }
|
||||
Files.write(target, bytes)
|
||||
names.add(safe)
|
||||
}
|
||||
return StoredSubmission(dir, names)
|
||||
}
|
||||
|
||||
/** Страховка после сбоя записи: недописанная попытка не должна оставлять мусор на диске. */
|
||||
fun deleteAttemptDir(
|
||||
studentId: UUID,
|
||||
labId: UUID,
|
||||
seq: Int,
|
||||
) {
|
||||
val dir = dirFor(studentId, labId, seq).normalize()
|
||||
require(dir.startsWith(rootDir) && dir != rootDir) { "path escape blocked" }
|
||||
if (!Files.exists(dir)) return
|
||||
Files
|
||||
.walk(dir)
|
||||
.use { walk ->
|
||||
walk
|
||||
.sorted(Comparator.reverseOrder())
|
||||
.forEach { p -> runCatching { Files.delete(p) } }
|
||||
}
|
||||
}
|
||||
|
||||
/** Собирает zip из сохранённых файлов сдачи, сохраняя реальное время изменения файлов. */
|
||||
fun zipOf(storedDir: Path): ByteArray {
|
||||
val out = ByteArrayOutputStream()
|
||||
|
||||
@@ -79,4 +79,46 @@ class ProgressDistributionIntegrationTest {
|
||||
assertThat(saved.map { it.studentId.toString() }).containsExactlyInAnyOrder(student1, student2)
|
||||
assertThat(saved.map { it.variantId.toString() }).containsAnyOf(variantA, variantB)
|
||||
}
|
||||
|
||||
@Autowired
|
||||
private lateinit var groupLabData: GroupLabDataService
|
||||
|
||||
@Test
|
||||
fun `group lab data aggregates per-lab data in one call`() {
|
||||
val labId = UUID.randomUUID()
|
||||
val student1 = UUID.randomUUID().toString()
|
||||
val student2 = UUID.randomUUID().toString()
|
||||
val variantA = UUID.randomUUID().toString()
|
||||
|
||||
`when`(identity.listGroups("t")).thenReturn(listOf(mapOf("id" to "g1")))
|
||||
`when`(identity.getGroup("g1", "t")).thenReturn(
|
||||
GroupInfo(id = "g1", name = "Группа", students = listOf(StudentInfo(student1), StudentInfo(student2))),
|
||||
)
|
||||
`when`(academic.getLab(labId.toString(), "t")).thenReturn(
|
||||
LabInfo(
|
||||
id = labId.toString(),
|
||||
levels =
|
||||
listOf(
|
||||
LevelInfo(
|
||||
id = "lvl",
|
||||
code = "basic",
|
||||
title = "Основная",
|
||||
variants = listOf(VariantInfo(id = variantA, number = "1")),
|
||||
),
|
||||
),
|
||||
),
|
||||
)
|
||||
service.distribute(DistributeRequest(labIds = listOf(labId.toString()), groupIds = listOf("g1")), "t")
|
||||
|
||||
val data = groupLabData.labData(UUID.randomUUID(), listOf(labId), "t")
|
||||
|
||||
assertThat(data.labs).hasSize(1)
|
||||
val lab = data.labs.first()
|
||||
assertThat(lab.labId).isEqualTo(labId.toString())
|
||||
assertThat(lab.assignments).hasSize(2)
|
||||
assertThat(lab.assignments.all { it.variantNumber == "1" }).isTrue()
|
||||
assertThat(lab.defenses).isEmpty()
|
||||
assertThat(lab.submissions).isEmpty()
|
||||
assertThat(lab.publication.all).isFalse()
|
||||
}
|
||||
}
|
||||
|
||||
@@ -6,6 +6,7 @@ import org.assertj.core.api.Assertions.assertThat
|
||||
import org.assertj.core.api.Assertions.assertThatThrownBy
|
||||
import org.junit.jupiter.api.Test
|
||||
import org.junit.jupiter.api.io.TempDir
|
||||
import org.springframework.dao.DataIntegrityViolationException
|
||||
import org.springframework.mock.web.MockMultipartFile
|
||||
import ru.ysu.lms.common.BadRequestException
|
||||
import ru.ysu.lms.progress.domain.Submission
|
||||
@@ -27,7 +28,7 @@ class SubmissionServiceTest {
|
||||
var saved: Submission? = null
|
||||
every { academic.getLabSummary(any(), any()) } returns LabInfo(id = labId.toString(), deadlineAt = null)
|
||||
every { repo.findFirstByStudentIdAndLabIdOrderBySeqDesc(any(), any()) } returns null
|
||||
every { repo.save(any()) } answers {
|
||||
every { repo.saveAndFlush(any()) } answers {
|
||||
firstArg<Submission>().also { saved = it }
|
||||
}
|
||||
every { repo.findById(any()) } answers { java.util.Optional.ofNullable(saved) }
|
||||
@@ -73,6 +74,17 @@ class SubmissionServiceTest {
|
||||
assertThat(dto.files).containsExactly("project.zip")
|
||||
}
|
||||
|
||||
@Test
|
||||
fun `duplicate concurrent attempt is rejected as bad request`() {
|
||||
val (service, repo) = service()
|
||||
val file = MockMultipartFile("files", "main.c", "text/plain", "#include <stdio.h>\n".toByteArray())
|
||||
every { repo.saveAndFlush(any()) } throws DataIntegrityViolationException("duplicate key")
|
||||
|
||||
assertThatThrownBy { service.submit(studentId, labId, listOf(file), "token") }
|
||||
.isInstanceOf(BadRequestException::class.java)
|
||||
.hasMessageContaining("уже отправлена")
|
||||
}
|
||||
|
||||
private fun zipEntries(bytes: ByteArray): Map<String, ByteArray> {
|
||||
val result = linkedMapOf<String, ByteArray>()
|
||||
ZipInputStream(bytes.inputStream()).use { zin ->
|
||||
|
||||
@@ -31,10 +31,11 @@ import ru.ysu.lms.web.api.createGroup
|
||||
import ru.ysu.lms.web.api.deleteCommentTemplate
|
||||
import ru.ysu.lms.web.api.downloadSubmissionAsAdmin
|
||||
import ru.ysu.lms.web.api.getLabAssignments
|
||||
import ru.ysu.lms.web.api.getLevels
|
||||
import ru.ysu.lms.web.api.groupCandidates
|
||||
import ru.ysu.lms.web.api.groupDetail
|
||||
import ru.ysu.lms.web.api.groupLabData
|
||||
import ru.ysu.lms.web.api.importGroup
|
||||
import ru.ysu.lms.web.api.labDefenses
|
||||
import ru.ysu.lms.web.api.labDetail
|
||||
import ru.ysu.lms.web.api.labSubmissions
|
||||
import ru.ysu.lms.web.api.listGrades
|
||||
@@ -66,7 +67,6 @@ class AdminGroupController(
|
||||
val grades = api.listGrades(t)
|
||||
model.addAttribute("groupCount", groups.size)
|
||||
model.addAttribute("studentCount", groups.sumOf { it.studentCount })
|
||||
model.addAttribute("groupCount", groups.size)
|
||||
model.addAttribute("labCount", labs.size)
|
||||
val gradedByStudent = grades.groupBy { it.studentId }
|
||||
val averages =
|
||||
@@ -147,9 +147,11 @@ class AdminGroupController(
|
||||
val commentsBy = grades.associate { "${it.studentId}|${it.labId}" to it.comments.map { ct -> ct.text to ct.tone } }
|
||||
val memberIds = group.students.map { it.id }
|
||||
val memberIdSet = memberIds.toSet()
|
||||
// Данные всех лаб одним запросом вместо 4 вызовов на каждую лабу
|
||||
val dataByLab = api.groupLabData(t, id, labs.map { it.id }).labs.associateBy { it.labId }
|
||||
val publishedByLab =
|
||||
labs.associate { lab ->
|
||||
val state = api.publicationState(t, id, lab.id)
|
||||
val state = dataByLab.getValue(lab.id).publication
|
||||
lab.id to if (state.all) memberIdSet else state.studentIds.filter { it in memberIdSet }.toSet()
|
||||
}
|
||||
val labPublication =
|
||||
@@ -162,9 +164,9 @@ class AdminGroupController(
|
||||
total = memberIds.size,
|
||||
)
|
||||
}
|
||||
val assignmentsBy = labs.associateWith { lab -> api.getLabAssignments(t, lab.id).associateBy { it.studentId } }
|
||||
val submissionsBy = labs.associateWith { lab -> api.labSubmissions(t, lab.id).associateBy { it.studentId } }
|
||||
val defensesBy = labs.associateWith { lab -> api.labDefenses(t, lab.id).associateBy { it.studentId } }
|
||||
val assignmentsBy = labs.associateWith { lab -> dataByLab.getValue(lab.id).assignments.associateBy { it.studentId } }
|
||||
val submissionsBy = labs.associateWith { lab -> dataByLab.getValue(lab.id).submissions.associateBy { it.studentId } }
|
||||
val defensesBy = labs.associateWith { lab -> dataByLab.getValue(lab.id).defenses.associateBy { it.studentId } }
|
||||
|
||||
val rows = buildRows(group.students, labs, gradeBy, commentsBy, publishedByLab, assignmentsBy, submissionsBy, defensesBy)
|
||||
|
||||
@@ -281,6 +283,57 @@ class AdminGroupController(
|
||||
model.addAttribute("labSubmissionCounts", view.submissionCounts)
|
||||
}
|
||||
|
||||
/** Фрагмент большой модалки «Выдача вариантов»: вся группа одной таблицей по выбранной лабе. */
|
||||
@GetMapping("/groups/{id}/assign-modal")
|
||||
fun assignModal(
|
||||
@PathVariable id: String,
|
||||
@RequestParam labId: String,
|
||||
session: HttpSession,
|
||||
model: Model,
|
||||
): String {
|
||||
val t = token(session)
|
||||
val group = api.groupDetail(t, id)
|
||||
val lab = api.labDetail(t, labId)
|
||||
val levels = api.getLevels(t, labId).associateBy { it.studentId }
|
||||
val assignments = api.getLabAssignments(t, labId).associateBy { it.studentId }
|
||||
val submissions = api.labSubmissions(t, labId).associateBy { it.studentId }
|
||||
val variantUsage = java.util.HashMap<String, Int>()
|
||||
assignments.values.forEach { variantUsage[it.variantId] = (variantUsage[it.variantId] ?: 0) + 1 }
|
||||
val rows =
|
||||
group.students.map { s ->
|
||||
val assignment = assignments[s.id]
|
||||
AssignModalRow(
|
||||
studentId = s.id,
|
||||
fullName = s.fullName,
|
||||
studentNo = s.studentNo,
|
||||
levelId = levels[s.id]?.labLevelId ?: "",
|
||||
variantId = assignment?.variantId,
|
||||
variantNumber = assignment?.variantNumber,
|
||||
manual = assignment?.manual == true,
|
||||
submissionId = submissions[s.id]?.id,
|
||||
submissionSeq = submissions[s.id]?.seq,
|
||||
)
|
||||
}
|
||||
model.addAttribute("lab", lab)
|
||||
model.addAttribute("groupId", id)
|
||||
model.addAttribute("rows", rows)
|
||||
model.addAttribute("variantUsage", variantUsage)
|
||||
model.addAttribute("refreshUrl", "/admin/groups/$id/assign-modal?labId=$labId")
|
||||
return "admin/assign-fragment"
|
||||
}
|
||||
|
||||
private data class AssignModalRow(
|
||||
val studentId: String,
|
||||
val fullName: String,
|
||||
val studentNo: String,
|
||||
val levelId: String,
|
||||
val variantId: String?,
|
||||
val variantNumber: String?,
|
||||
val manual: Boolean,
|
||||
val submissionId: String?,
|
||||
val submissionSeq: Int?,
|
||||
)
|
||||
|
||||
@PostMapping("/groups/{id}/grades")
|
||||
fun setGrade(
|
||||
@PathVariable id: String,
|
||||
|
||||
@@ -16,15 +16,10 @@ import ru.ysu.lms.web.api.ApiClient
|
||||
import ru.ysu.lms.web.api.ApiException
|
||||
import ru.ysu.lms.web.api.AssignVariantPayload
|
||||
import ru.ysu.lms.web.api.LabCreatePayload
|
||||
import ru.ysu.lms.web.api.LabDetailDto
|
||||
import ru.ysu.lms.web.api.LabLevelDetailDto
|
||||
import ru.ysu.lms.web.api.LabUpdatePayload
|
||||
import ru.ysu.lms.web.api.LevelAssignPayload
|
||||
import ru.ysu.lms.web.api.LevelAssignmentResultDto
|
||||
import ru.ysu.lms.web.api.LevelPayload
|
||||
import ru.ysu.lms.web.api.LevelSavePayload
|
||||
import ru.ysu.lms.web.api.SubmissionDto
|
||||
import ru.ysu.lms.web.api.VariantAssignmentResultDto
|
||||
import ru.ysu.lms.web.api.VariantSavePayload
|
||||
import ru.ysu.lms.web.api.addLevel
|
||||
import ru.ysu.lms.web.api.assignVariant
|
||||
@@ -33,12 +28,9 @@ import ru.ysu.lms.web.api.deleteLab
|
||||
import ru.ysu.lms.web.api.deleteLevel
|
||||
import ru.ysu.lms.web.api.deleteVariant
|
||||
import ru.ysu.lms.web.api.getLabAssignments
|
||||
import ru.ysu.lms.web.api.getLevels
|
||||
import ru.ysu.lms.web.api.groupDetail
|
||||
import ru.ysu.lms.web.api.importLab
|
||||
import ru.ysu.lms.web.api.labDetail
|
||||
import ru.ysu.lms.web.api.labSubmissions
|
||||
import ru.ysu.lms.web.api.listGroups
|
||||
import ru.ysu.lms.web.api.listLabs
|
||||
import ru.ysu.lms.web.api.renameLevel
|
||||
import ru.ysu.lms.web.api.saveVariant
|
||||
@@ -94,18 +86,25 @@ class AdminLabController(
|
||||
@PostMapping("/labs/{id}/toggle-status")
|
||||
fun toggleStatus(
|
||||
@PathVariable id: String,
|
||||
@RequestParam(required = false) back: String?,
|
||||
session: HttpSession,
|
||||
redirect: RedirectAttributes,
|
||||
): String =
|
||||
try {
|
||||
api.toggleLabStatus(token(session), id)
|
||||
redirect.addFlashAttribute("notice", "Статус лабораторной изменён")
|
||||
"redirect:/admin/labs/$id"
|
||||
"redirect:" + safeBack(back, "/admin/labs/$id")
|
||||
} catch (ex: ApiException) {
|
||||
redirect.addFlashAttribute("error", ex.message)
|
||||
"redirect:/admin/labs/$id"
|
||||
}
|
||||
|
||||
/** Возврат на страницу, откуда пришёл запрос; принимаем только внутренние пути. */
|
||||
private fun safeBack(
|
||||
back: String?,
|
||||
fallback: String,
|
||||
): String = if (!back.isNullOrBlank() && back.startsWith("/") && !back.startsWith("//")) back else fallback
|
||||
|
||||
@PostMapping("/labs/{id}/delete")
|
||||
fun deleteLab(
|
||||
@PathVariable id: String,
|
||||
@@ -129,23 +128,13 @@ class AdminLabController(
|
||||
): String {
|
||||
val t = token(session)
|
||||
val lab = api.labDetail(t, id)
|
||||
val submissionsByStudent = api.labSubmissions(t, id).associateBy { it.studentId }
|
||||
val submissionCount = api.labSubmissions(t, id).size
|
||||
val assignments = api.getLabAssignments(t, id)
|
||||
val assignedCount = assignments.size
|
||||
val levelByStudent = api.getLevels(t, id).associateBy { it.studentId }
|
||||
val assignmentByStudent = assignments.associateBy { it.studentId }
|
||||
val variantUsage = java.util.HashMap<String, Int>()
|
||||
assignments.forEach { variantUsage[it.variantId] = (variantUsage[it.variantId] ?: 0) + 1 }
|
||||
val allVariants = lab.levels.flatMap { it.variants }
|
||||
val totalVariants = allVariants.size
|
||||
val occupiedVariants = allVariants.count { (variantUsage[it.id] ?: 0) > 0 }
|
||||
val defaultLevel = lab.levels.firstOrNull()
|
||||
|
||||
val assignmentGroups =
|
||||
buildAssignmentGroups(
|
||||
t,
|
||||
LabAssignmentData(lab, levelByStudent, assignmentByStudent, submissionsByStudent, defaultLevel),
|
||||
)
|
||||
|
||||
model.addAttribute("lab", lab)
|
||||
model.addAttribute("descriptionHtml", markdown.render(lab.descriptionMd))
|
||||
@@ -159,67 +148,12 @@ class AdminLabController(
|
||||
ru.ysu.lms.web.DateUtils
|
||||
.formatMsk(lab.defenseAt),
|
||||
)
|
||||
model.addAttribute(
|
||||
"deadlineLocal",
|
||||
ru.ysu.lms.web.DateUtils
|
||||
.localInput(lab.deadlineAt),
|
||||
)
|
||||
model.addAttribute(
|
||||
"defenseLocal",
|
||||
ru.ysu.lms.web.DateUtils
|
||||
.localInput(lab.defenseAt),
|
||||
)
|
||||
model.addAttribute("assignedCount", assignedCount)
|
||||
model.addAttribute("submissionCount", submissionsByStudent.size)
|
||||
model.addAttribute("assignmentGroups", assignmentGroups)
|
||||
model.addAttribute("groups", api.listGroups(t))
|
||||
model.addAttribute("variantUsage", variantUsage)
|
||||
model.addAttribute("submissionCount", submissionCount)
|
||||
model.addAttribute("totalVariants", totalVariants)
|
||||
model.addAttribute("occupiedVariants", occupiedVariants)
|
||||
model.addAttribute("freeVariants", totalVariants - occupiedVariants)
|
||||
return "admin/lab"
|
||||
}
|
||||
|
||||
private data class LabAssignmentData(
|
||||
val lab: LabDetailDto,
|
||||
val levelByStudent: Map<String, LevelAssignmentResultDto>,
|
||||
val assignmentByStudent: Map<String, VariantAssignmentResultDto>,
|
||||
val submissionsByStudent: Map<String, SubmissionDto>,
|
||||
val defaultLevel: LabLevelDetailDto?,
|
||||
)
|
||||
|
||||
/** Строки «группа → студенты» со их уровнем, вариантом и последней сдачей. */
|
||||
private fun buildAssignmentGroups(
|
||||
token: String,
|
||||
data: LabAssignmentData,
|
||||
): List<AdminLabGroup> =
|
||||
api.listGroups(token).map { g ->
|
||||
val detail = api.groupDetail(token, g.id)
|
||||
AdminLabGroup(
|
||||
groupName = g.name,
|
||||
students =
|
||||
detail.students.map { s ->
|
||||
val levelState = data.levelByStudent[s.id]
|
||||
val level = data.lab.levels.firstOrNull { it.id == levelState?.labLevelId } ?: data.defaultLevel
|
||||
val va = data.assignmentByStudent[s.id]
|
||||
AdminLabStudent(
|
||||
studentId = s.id,
|
||||
fullName = s.fullName,
|
||||
studentNo = s.studentNo,
|
||||
levelId = level?.id ?: "",
|
||||
levelTitle = level?.title ?: "—",
|
||||
levelChanged = levelState?.manual == true,
|
||||
variantId = va?.variantId,
|
||||
variantNumber = va?.variantNumber,
|
||||
source = if (va?.manual == true) "вручную" else "авто",
|
||||
submissionId = data.submissionsByStudent[s.id]?.id,
|
||||
submissionSeq = data.submissionsByStudent[s.id]?.seq,
|
||||
submissionFiles = data.submissionsByStudent[s.id]?.files ?: emptyList(),
|
||||
)
|
||||
},
|
||||
)
|
||||
}
|
||||
|
||||
@PostMapping("/labs/{labId}/assign")
|
||||
fun assignVariant(
|
||||
@PathVariable labId: String,
|
||||
@@ -320,22 +254,21 @@ class AdminLabController(
|
||||
"redirect:/admin/labs/$labId"
|
||||
}
|
||||
|
||||
@GetMapping("/labs/{id}/edit")
|
||||
/** Быстрые действия «удалить уровень/вариант» на форме лабы; null — обычное сохранение. */
|
||||
private fun handleEditDeleteAction(
|
||||
token: String,
|
||||
id: String,
|
||||
action: String,
|
||||
action: String?,
|
||||
redirect: RedirectAttributes,
|
||||
): String? =
|
||||
when {
|
||||
action.startsWith("delete-level-") -> {
|
||||
api.deleteLevel(token, id, action.removePrefix("delete-level-"))
|
||||
action.orEmpty().startsWith("delete-level-") -> {
|
||||
api.deleteLevel(token, id, action.orEmpty().removePrefix("delete-level-"))
|
||||
redirect.addFlashAttribute("notice", "Уровень удалён")
|
||||
"redirect:/admin/labs/$id/edit"
|
||||
}
|
||||
action.startsWith("delete-variant-") -> {
|
||||
api.deleteVariant(token, id, action.removePrefix("delete-variant-"))
|
||||
action.orEmpty().startsWith("delete-variant-") -> {
|
||||
api.deleteVariant(token, id, action.orEmpty().removePrefix("delete-variant-"))
|
||||
redirect.addFlashAttribute("notice", "Вариант удалён")
|
||||
"redirect:/admin/labs/$id/edit"
|
||||
}
|
||||
@@ -392,6 +325,7 @@ class AdminLabController(
|
||||
}
|
||||
}
|
||||
|
||||
@GetMapping("/labs/{id}/edit")
|
||||
fun editLabForm(
|
||||
@PathVariable id: String,
|
||||
session: HttpSession,
|
||||
|
||||
@@ -1,31 +1,5 @@
|
||||
package ru.ysu.lms.web.admin
|
||||
|
||||
data class AdminLabGroup(
|
||||
val groupName: String,
|
||||
val students: List<AdminLabStudent>,
|
||||
)
|
||||
|
||||
data class AdminLabStudent(
|
||||
val studentId: String,
|
||||
val fullName: String,
|
||||
val studentNo: String,
|
||||
val levelId: String,
|
||||
val levelTitle: String,
|
||||
val levelChanged: Boolean,
|
||||
val variantId: String?,
|
||||
val variantNumber: String?,
|
||||
val source: String,
|
||||
val submissionId: String? = null,
|
||||
val submissionSeq: Int? = null,
|
||||
val submissionFiles: List<String> = emptyList(),
|
||||
val defenseStatus: String? = null,
|
||||
val defenseCode: String? = null,
|
||||
val defenseSessionId: String? = null,
|
||||
val defenseSecondsLeft: Long? = null,
|
||||
val defenseAssigned: Boolean = false,
|
||||
val adminAssignmentMd: String = "",
|
||||
)
|
||||
|
||||
data class AdminStudentGrades(
|
||||
val studentId: String,
|
||||
val fullName: String,
|
||||
|
||||
@@ -19,6 +19,7 @@ import ru.ysu.lms.web.api.CreateStudentRequestDto
|
||||
import ru.ysu.lms.web.api.createStudent
|
||||
import ru.ysu.lms.web.api.credentials
|
||||
import ru.ysu.lms.web.api.enrollStudent
|
||||
import ru.ysu.lms.web.api.groupDetail
|
||||
import ru.ysu.lms.web.api.resetPassword
|
||||
import ru.ysu.lms.web.api.unenrollStudent
|
||||
import tools.jackson.databind.ObjectMapper
|
||||
@@ -42,13 +43,25 @@ class AdminStudentController(
|
||||
try {
|
||||
val result = api.resetPassword(token(session), studentId)
|
||||
redirect.addFlashAttribute("resetPassword", result.password)
|
||||
redirect.addFlashAttribute("resetFor", studentId)
|
||||
// В тосте должно быть видно, ЧЬЙ пароль: за сеанс можно сбросить несколько подряд.
|
||||
redirect.addFlashAttribute("resetFor", studentName(token(session), id, studentId))
|
||||
"redirect:/admin/groups/$id"
|
||||
} catch (ex: ApiException) {
|
||||
redirect.addFlashAttribute("error", ex.message)
|
||||
"redirect:/admin/groups/$id"
|
||||
}
|
||||
|
||||
private fun studentName(
|
||||
token: String,
|
||||
groupId: String,
|
||||
studentId: String,
|
||||
): String =
|
||||
runCatching { api.groupDetail(token, groupId).students }
|
||||
.getOrNull()
|
||||
?.firstOrNull { it.id == studentId }
|
||||
?.fullName
|
||||
?: studentId
|
||||
|
||||
@GetMapping("/groups/{id}/credentials")
|
||||
fun credentials(
|
||||
@PathVariable id: String,
|
||||
|
||||
@@ -54,9 +54,27 @@ class AdminUsersController(
|
||||
return try {
|
||||
val t = token(session)
|
||||
val student = api.searchStudents(t, null).firstOrNull { it.id == id }
|
||||
api.purgeStudent(t, id)
|
||||
val deleted = api.deleteStudent(t, id)
|
||||
val name = deleted.fullName.ifBlank { student?.fullName ?: deleted.login }
|
||||
// Сначала аккаунт, потом очистка данных: сбой очистки оставит безвредные
|
||||
// данные-сироты (дочищаются повторным запуском), а не «живой» аккаунт без данных.
|
||||
val deleted =
|
||||
try {
|
||||
api.deleteStudent(t, id)
|
||||
} catch (alreadyGone: ApiException) {
|
||||
if (alreadyGone.status != 404) throw alreadyGone
|
||||
null // аккаунта уже нет — дочищаем данные после прошлого сбоя
|
||||
}
|
||||
val name =
|
||||
(deleted?.fullName?.ifBlank { student?.fullName ?: deleted.login } ?: student?.fullName ?: id)
|
||||
try {
|
||||
api.purgeStudent(t, id)
|
||||
} catch (purgeError: ApiException) {
|
||||
redirect.addFlashAttribute(
|
||||
"error",
|
||||
"Аккаунт $name удалён, но данные прогресса не очищены (${purgeError.message}). " +
|
||||
"Нажмите «Удалить» ещё раз, чтобы дочистить.",
|
||||
)
|
||||
return redirectTo(query)
|
||||
}
|
||||
redirect.addFlashAttribute("notice", "Пользователь $name удалён вместе со всеми данными")
|
||||
redirectTo(query)
|
||||
} catch (ex: ApiException) {
|
||||
|
||||
@@ -2,18 +2,33 @@ package ru.ysu.lms.web.api
|
||||
|
||||
import org.springframework.beans.factory.annotation.Value
|
||||
import org.springframework.http.HttpHeaders
|
||||
import org.springframework.http.client.JdkClientHttpRequestFactory
|
||||
import org.springframework.stereotype.Component
|
||||
import org.springframework.web.client.RestClient
|
||||
import org.springframework.web.client.RestClientException
|
||||
import org.springframework.web.client.RestClientResponseException
|
||||
import java.net.URLDecoder
|
||||
import java.net.http.HttpClient
|
||||
import java.nio.charset.StandardCharsets
|
||||
import java.time.Duration
|
||||
|
||||
@Component
|
||||
class ApiClient(
|
||||
@Value("\${lms.gateway.base-url}") baseUrl: String,
|
||||
) {
|
||||
internal val client: RestClient = RestClient.builder().baseUrl(baseUrl).build()
|
||||
// readTimeout большой: через BFF ходят загрузки/выгрузки до 200 МБ (импорт ZIP, архивы сдач).
|
||||
internal val client: RestClient =
|
||||
RestClient
|
||||
.builder()
|
||||
.baseUrl(baseUrl)
|
||||
.requestFactory(
|
||||
JdkClientHttpRequestFactory(
|
||||
HttpClient
|
||||
.newBuilder()
|
||||
.connectTimeout(Duration.ofSeconds(5))
|
||||
.build(),
|
||||
).apply { setReadTimeout(Duration.ofSeconds(300)) },
|
||||
).build()
|
||||
|
||||
internal fun bearer(token: String): String = "Bearer $token"
|
||||
|
||||
|
||||
25
web/src/main/kotlin/ru/ysu/lms/web/api/ApiClientGroup.kt
Normal file
25
web/src/main/kotlin/ru/ysu/lms/web/api/ApiClientGroup.kt
Normal file
@@ -0,0 +1,25 @@
|
||||
package ru.ysu.lms.web.api
|
||||
|
||||
import org.springframework.http.HttpHeaders
|
||||
|
||||
/** Данные группы по всем лабораторным одним запросом (назначения, уровни, сдачи, защиты, публикация). */
|
||||
fun ApiClient.groupLabData(
|
||||
token: String,
|
||||
groupId: String,
|
||||
labIds: List<String>,
|
||||
): GroupLabDataDto =
|
||||
call {
|
||||
val spec =
|
||||
client
|
||||
.get()
|
||||
.uri { builder ->
|
||||
builder
|
||||
.path("/api/v1/assignments/group/{groupId}")
|
||||
.queryParam("labId", *labIds.toTypedArray())
|
||||
.build(groupId)
|
||||
}
|
||||
spec
|
||||
.header(HttpHeaders.AUTHORIZATION, bearer(token))
|
||||
.retrieve()
|
||||
.body(GroupLabDataDto::class.java)
|
||||
}
|
||||
@@ -477,3 +477,19 @@ data class DefenseDto(
|
||||
) {
|
||||
var assignmentHtml: String = ""
|
||||
}
|
||||
|
||||
@JsonIgnoreProperties(ignoreUnknown = true)
|
||||
data class LabDataDto(
|
||||
val labId: String = "",
|
||||
val assignments: List<VariantAssignmentResultDto> = emptyList(),
|
||||
val levels: List<LevelAssignmentResultDto> = emptyList(),
|
||||
val submissions: List<SubmissionDto> = emptyList(),
|
||||
val defenses: List<DefenseDto> = emptyList(),
|
||||
val publication: PublicationStateDto = PublicationStateDto(),
|
||||
)
|
||||
|
||||
@JsonIgnoreProperties(ignoreUnknown = true)
|
||||
data class GroupLabDataDto(
|
||||
val groupId: String = "",
|
||||
val labs: List<LabDataDto> = emptyList(),
|
||||
)
|
||||
|
||||
@@ -1,9 +1,11 @@
|
||||
package ru.ysu.lms.web.config
|
||||
|
||||
import jakarta.servlet.http.HttpServletRequest
|
||||
import jakarta.servlet.http.HttpServletResponse
|
||||
import org.springframework.context.annotation.Configuration
|
||||
import org.springframework.web.bind.annotation.ControllerAdvice
|
||||
import org.springframework.web.bind.annotation.ModelAttribute
|
||||
import org.springframework.web.servlet.HandlerInterceptor
|
||||
import org.springframework.web.servlet.config.annotation.InterceptorRegistry
|
||||
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer
|
||||
import ru.ysu.lms.web.session.AdminInterceptor
|
||||
@@ -12,6 +14,18 @@ import ru.ysu.lms.web.session.MustChangePasswordInterceptor
|
||||
import ru.ysu.lms.web.session.SessionKeys
|
||||
import ru.ysu.lms.web.session.SessionUser
|
||||
|
||||
/** Динамические страницы не кэшируются: браузер всегда берёт свежую разметку со свежими ссылками на css/js. */
|
||||
class NoCachePageInterceptor : HandlerInterceptor {
|
||||
override fun preHandle(
|
||||
request: HttpServletRequest,
|
||||
response: HttpServletResponse,
|
||||
handler: Any,
|
||||
): Boolean {
|
||||
response.setHeader("Cache-Control", "no-store")
|
||||
return true
|
||||
}
|
||||
}
|
||||
|
||||
@Configuration
|
||||
class WebConfig(
|
||||
private val authInterceptor: AuthInterceptor,
|
||||
@@ -21,6 +35,10 @@ class WebConfig(
|
||||
) : WebMvcConfigurer {
|
||||
override fun addInterceptors(registry: InterceptorRegistry) {
|
||||
registry.addInterceptor(csrfInterceptor).addPathPatterns("/**")
|
||||
registry
|
||||
.addInterceptor(NoCachePageInterceptor())
|
||||
.addPathPatterns("/**")
|
||||
.excludePathPatterns("/css/**", "/js/**", "/favicon.svg", "/error")
|
||||
registry
|
||||
.addInterceptor(mustChangePasswordInterceptor)
|
||||
.addPathPatterns("/**")
|
||||
|
||||
@@ -24,9 +24,15 @@ class ContentAssetProxy(
|
||||
val media =
|
||||
runCatching { MediaType.parseMediaType(asset.contentType) }
|
||||
.getOrElse { MediaType.APPLICATION_OCTET_STREAM }
|
||||
return ResponseEntity
|
||||
.ok()
|
||||
.contentType(media)
|
||||
.body(asset.bytes)
|
||||
val builder =
|
||||
ResponseEntity
|
||||
.ok()
|
||||
.contentType(media)
|
||||
// Проксируем аккуратно: SVG при прямом открытии не должен исполнять скрипты.
|
||||
if (media.isCompatibleWith(MediaType.parseMediaType("image/svg+xml"))) {
|
||||
builder.header("Content-Security-Policy", "script-src 'none'; object-src 'none'")
|
||||
}
|
||||
builder.header("X-Content-Type-Options", "nosniff")
|
||||
return builder.body(asset.bytes)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -8,6 +8,9 @@ server:
|
||||
cookie:
|
||||
http-only: true
|
||||
same-site: lax
|
||||
# Прод работает по HTTPS (nginx + TLS); локально на http://localhost браузеры
|
||||
# тоже принимают Secure-cookie. Отключается переменной LMS_SESSION_COOKIE_SECURE=false.
|
||||
secure: ${LMS_SESSION_COOKIE_SECURE:true}
|
||||
max-age: 30d
|
||||
tracking-modes: cookie
|
||||
|
||||
|
||||
@@ -7,44 +7,66 @@ body {
|
||||
flex-direction: column;
|
||||
background: var(--c-bg);
|
||||
color: var(--c-text);
|
||||
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
||||
line-height: 1.5;
|
||||
font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
||||
line-height: 1.55;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
/* Палитра Б3: нейтральный каркас + бордовый акцент.
|
||||
Цвет несёт смысл: акцент — действия и фокус, зелёный/янтарный — статусы защиты,
|
||||
винный — деструктивные действия и негативная тональность. */
|
||||
:root {
|
||||
--c-bg: #f8fafc;
|
||||
--c-bg: #fafafa;
|
||||
--c-surface: #ffffff;
|
||||
--c-text: #0f172a;
|
||||
--c-text-muted: #64748b;
|
||||
--c-text-link: #6366f1;
|
||||
--c-text-link-hover: #4f46e5;
|
||||
--c-border: #e2e8f0;
|
||||
--c-accent: #6366f1;
|
||||
--c-badge-ok-bg: #dcfce7;
|
||||
--c-badge-ok-text: #166534;
|
||||
--c-badge-warn-bg: #fef3c7;
|
||||
--c-badge-warn-text: #92400e;
|
||||
--c-tone-pos: #16803c;
|
||||
--c-tone-neg: #b3283b;
|
||||
--c-tone-neu: #64748b;
|
||||
--c-text: #131316;
|
||||
--c-text-muted: #74747c;
|
||||
--c-text-link: #131316;
|
||||
--c-text-link-hover: #7a2333;
|
||||
--c-border: #e6e6e9;
|
||||
--c-border-strong: #d4d4da;
|
||||
--c-accent: #7a2333;
|
||||
--c-accent-hover: #5f1b28;
|
||||
--c-accent-soft: #f7edee;
|
||||
--c-badge-ok-bg: #f2f7f3;
|
||||
--c-badge-ok-text: #2f6b3a;
|
||||
--c-badge-ok-border: #b7cdbd;
|
||||
--c-badge-warn-bg: #faf5e9;
|
||||
--c-badge-warn-text: #8a5a12;
|
||||
--c-badge-warn-border: #d3bd8f;
|
||||
--c-tone-pos: #2f6b3a;
|
||||
--c-tone-neg: #9d2b3c;
|
||||
--c-tone-neu: #74747c;
|
||||
--c-btn-secondary-bg: #f1f1f3;
|
||||
--c-btn-secondary-bg-hover: #e6e6ea;
|
||||
--radius-xs: 0.125rem;
|
||||
--radius-sm: 0.1875rem;
|
||||
--radius: 0.25rem;
|
||||
--radius-lg: 0.375rem;
|
||||
}
|
||||
|
||||
[data-theme="dark"] {
|
||||
--c-bg: #0f1115;
|
||||
--c-surface: #171a21;
|
||||
--c-text: #e7e9ee;
|
||||
--c-text-muted: #9aa3b2;
|
||||
--c-text-link: #6ea8fe;
|
||||
--c-text-link-hover: #8bb9fe;
|
||||
--c-border: #262b36;
|
||||
--c-accent: #6ea8fe;
|
||||
--c-badge-ok-bg: rgba(16, 185, 129, 0.15);
|
||||
--c-badge-ok-text: #6ee7b7;
|
||||
--c-badge-warn-bg: rgba(251, 191, 36, 0.15);
|
||||
--c-badge-warn-text: #fcd34d;
|
||||
--c-tone-pos: #4ade80;
|
||||
--c-tone-neg: #f87171;
|
||||
--c-tone-neu: #9aa3b2;
|
||||
--c-bg: #101014;
|
||||
--c-surface: #17181d;
|
||||
--c-text: #e8e9ec;
|
||||
--c-text-muted: #9a9ba4;
|
||||
--c-text-link: #e8e9ec;
|
||||
--c-text-link-hover: #d98b98;
|
||||
--c-border: #26272e;
|
||||
--c-border-strong: #34353d;
|
||||
--c-accent: #a64d5f;
|
||||
--c-accent-hover: #b86070;
|
||||
--c-accent-soft: rgba(166, 77, 95, 0.16);
|
||||
--c-badge-ok-bg: rgba(46, 107, 58, 0.25);
|
||||
--c-badge-ok-text: #8fd4a1;
|
||||
--c-badge-ok-border: rgba(143, 212, 161, 0.4);
|
||||
--c-badge-warn-bg: rgba(138, 90, 18, 0.25);
|
||||
--c-badge-warn-text: #e3b766;
|
||||
--c-badge-warn-border: rgba(227, 183, 102, 0.4);
|
||||
--c-tone-pos: #6fcf8f;
|
||||
--c-tone-neg: #d98b98;
|
||||
--c-tone-neu: #9a9ba4;
|
||||
--c-btn-secondary-bg: #26272e;
|
||||
--c-btn-secondary-bg-hover: #2f3037;
|
||||
}
|
||||
|
||||
a { color: var(--c-text-link); text-decoration: none; }
|
||||
@@ -55,7 +77,7 @@ a:not(.btn):hover { color: var(--c-text-link-hover); }
|
||||
|
||||
/* Layout */
|
||||
.page { display: flex; flex-direction: column; min-height: 100vh; }
|
||||
.page-header { position: sticky; top: 0; z-index: 10; border-bottom: 1px solid var(--c-border); background: var(--c-surface); }
|
||||
.page-header { position: sticky; top: 0; z-index: 10; border-bottom: 2px solid var(--c-accent); background: var(--c-surface); }
|
||||
.page-header-inner { max-width: 1152px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 0.5rem 1rem; flex-wrap: wrap; padding: 0.75rem 1.5rem; }
|
||||
@media (max-width: 640px) {
|
||||
.page-header-inner { padding: 0.5rem 0.75rem; }
|
||||
@@ -68,10 +90,11 @@ a:not(.btn):hover { color: var(--c-text-link-hover); }
|
||||
|
||||
/* Nav */
|
||||
.nav { display: flex; align-items: center; gap: 1rem; font-size: 0.875rem; }
|
||||
.nav-link { color: var(--c-text-link); text-decoration: none; }
|
||||
.nav-link:hover { color: var(--c-text-link-hover); }
|
||||
.nav-link { color: var(--c-text-muted); text-decoration: none; }
|
||||
.nav-link:hover { color: var(--c-accent); }
|
||||
.nav-sep { color: var(--c-text-muted); }
|
||||
.logo { font-size: 1.125rem; font-weight: 600; color: var(--c-text); text-decoration: none; }
|
||||
.logo { font-size: 1.25rem; font-weight: 700; color: var(--c-accent); text-decoration: none; letter-spacing: -0.01em; }
|
||||
.logo:hover { color: var(--c-accent-hover); }
|
||||
.nav-user { font-weight: 500; }
|
||||
.theme-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.3rem 0.5rem; }
|
||||
.theme-icon { width: 1.05rem; height: 1.05rem; display: block; }
|
||||
@@ -79,36 +102,39 @@ a:not(.btn):hover { color: var(--c-text-link-hover); }
|
||||
.breadcrumb .nav-sep { user-select: none; }
|
||||
.check-list { display: flex; flex-direction: column; gap: 0.25rem; margin-top: 0.25rem; max-height: 12rem; overflow-y: auto; }
|
||||
|
||||
/* Buttons */
|
||||
/* Buttons — по спецификации Б3: настоящая рамка вместо box-shadow,
|
||||
компактный кегль 13px, бордо только на основном действии */
|
||||
.btn {
|
||||
display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
|
||||
border-radius: 0.5rem; padding: 0.5rem 1rem; font-size: 0.875rem; font-weight: 500;
|
||||
border: none; cursor: pointer; transition: opacity 0.15s;
|
||||
border: 1px solid transparent; border-radius: var(--radius);
|
||||
padding: 0.5rem 1rem; font-size: 0.8125rem; font-weight: 500;
|
||||
cursor: pointer; text-decoration: none;
|
||||
transition: background 0.15s, border-color 0.15s, color 0.15s;
|
||||
}
|
||||
.btn:active { opacity: 0.8; }
|
||||
.btn-sm { padding: 0.25rem 0.5rem; font-size: 0.75rem; }
|
||||
.btn-primary { background: var(--c-accent); color: white; text-decoration: none; }
|
||||
.btn-primary:hover { opacity: 0.9; }
|
||||
.btn-secondary {
|
||||
background: var(--c-surface); color: var(--c-text); text-decoration: none;
|
||||
box-shadow: inset 0 0 0 1px var(--c-border);
|
||||
}
|
||||
.btn-secondary:hover { background: var(--c-border); }
|
||||
.btn:active { opacity: 0.85; }
|
||||
.btn:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }
|
||||
.btn-primary { background: var(--c-accent); border-color: var(--c-accent); color: #ffffff; }
|
||||
.btn-primary:hover { background: var(--c-accent-hover); border-color: var(--c-accent-hover); }
|
||||
.btn-secondary { background: var(--c-btn-secondary-bg); border-color: var(--c-btn-secondary-bg); color: var(--c-text); }
|
||||
.btn-secondary:hover { background: var(--c-btn-secondary-bg-hover); border-color: var(--c-btn-secondary-bg-hover); }
|
||||
/* Деструктивные действия — залиты мягким бордо, текст и рамка акцентные */
|
||||
.btn-danger { background: var(--c-accent-soft); border-color: #dcb9be; color: var(--c-accent); }
|
||||
.btn-danger:hover { background: var(--c-accent); border-color: var(--c-accent); color: #ffffff; }
|
||||
|
||||
/* Forms */
|
||||
.input {
|
||||
width: 100%; border-radius: 0.5rem; background: var(--c-bg); color: var(--c-text);
|
||||
padding: 0.5rem 0.75rem; font-size: 0.875rem; border: 1px solid var(--c-border);
|
||||
width: 100%; border-radius: var(--radius); background: var(--c-surface); color: var(--c-text);
|
||||
padding: 0.5rem 0.75rem; font-size: 0.875rem; border: 1px solid var(--c-border-strong);
|
||||
outline: none;
|
||||
}
|
||||
.input:focus { border-color: var(--c-accent); box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2); }
|
||||
.input:focus { border-color: var(--c-accent); box-shadow: 0 0 0 3px var(--c-accent-soft); }
|
||||
.input::placeholder { color: var(--c-text-muted); }
|
||||
.label { display: block; margin-bottom: 0.25rem; font-size: 0.875rem; font-weight: 500; }
|
||||
.hint { margin-top: 0.25rem; font-size: 0.75rem; color: var(--c-text-muted); }
|
||||
|
||||
/* Cards */
|
||||
.card { border-radius: 0.75rem; background: var(--c-surface); border: 1px solid var(--c-border); }
|
||||
.card-flush { border-radius: 0.75rem; background: var(--c-surface); border: 1px solid var(--c-border); padding: 0; overflow: hidden; }
|
||||
.card { border-radius: var(--radius-lg); background: var(--c-surface); border: 1px solid var(--c-border); }
|
||||
.card-flush { border-radius: var(--radius-lg); background: var(--c-surface); border: 1px solid var(--c-border); padding: 0; overflow: hidden; }
|
||||
.card-body { padding: 1.5rem; }
|
||||
|
||||
/* Grid */
|
||||
@@ -153,11 +179,15 @@ a:not(.btn):hover { color: var(--c-text-link-hover); }
|
||||
.w-full { width: 100%; }
|
||||
.overflow-x-auto { overflow-x: auto; }
|
||||
|
||||
/* Badges */
|
||||
.badge { display: inline-flex; align-items: center; border-radius: 9999px; padding: 0.125rem 0.625rem; font-size: 0.75rem; font-weight: 500; }
|
||||
.badge-ok { background: var(--c-badge-ok-bg); color: var(--c-badge-ok-text); }
|
||||
.badge-warn { background: var(--c-badge-warn-bg); color: var(--c-badge-warn-text); }
|
||||
.badge-btn { border: none; cursor: pointer; padding: 0.125rem 0.625rem; }
|
||||
/* Badges — «этикетки»: строгая рамка, разрядка капсом; только индикаторы статуса */
|
||||
.badge {
|
||||
display: inline-flex; align-items: center;
|
||||
border-radius: var(--radius-sm); padding: 0.1rem 0.5rem;
|
||||
font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.badge-ok { background: var(--c-badge-ok-bg); color: var(--c-badge-ok-text); border-color: var(--c-badge-ok-border); }
|
||||
.badge-warn { background: var(--c-badge-warn-bg); color: var(--c-badge-warn-text); border-color: var(--c-badge-warn-border); }
|
||||
|
||||
/* Tables */
|
||||
table { width: 100%; font-size: 0.875rem; border-collapse: collapse; }
|
||||
@@ -168,7 +198,7 @@ td { padding: 0.75rem 1.5rem; border-bottom: 1px solid var(--c-border); }
|
||||
tr:last-child td { border-bottom: none; }
|
||||
|
||||
/* Alerts */
|
||||
.alert { padding: 0.75rem 1rem; border-radius: 0.5rem; font-size: 0.875rem; margin-bottom: 1rem; }
|
||||
.alert { padding: 0.75rem 1rem; border-radius: var(--radius); font-size: 0.875rem; margin-bottom: 1rem; }
|
||||
.alert-error { background: #fef2f2; color: #991b1b; }
|
||||
.alert-success { background: #dcfce7; color: #166534; }
|
||||
.alert-warning { background: #fef3c7; color: #92400e; }
|
||||
@@ -176,7 +206,7 @@ tr:last-child td { border-bottom: none; }
|
||||
.ml-2 { margin-left: 0.5rem; }
|
||||
.list-pad { padding-left: 1.25rem; }
|
||||
.import-card { border-color: rgba(16,185,129,0.4); }
|
||||
.mini-alert { padding: 0.5rem 0.75rem; border-radius: 0.25rem; margin-bottom: 0.5rem; }
|
||||
.mini-alert { padding: 0.5rem 0.75rem; border-radius: var(--radius-xs); margin-bottom: 0.5rem; }
|
||||
.font-semibold { font-weight: 600; }
|
||||
|
||||
/* Theme toggle */
|
||||
@@ -185,10 +215,10 @@ tr:last-child td { border-bottom: none; }
|
||||
/* Group assignment page */
|
||||
.group-title { margin: 0 0 0.5rem; font-size: 1rem; font-weight: 600; }
|
||||
.inline-form { display: inline-flex; align-items: center; gap: 0.375rem; margin: 0; }
|
||||
.inline-form .input-sm { width: auto; min-width: 10rem; }
|
||||
.input-sm { padding: 0.25rem 0.5rem; font-size: 0.8125rem; }
|
||||
/* Селект фокуса на лабу в тулбаре ведомости — по содержимому, не на всю ширину */
|
||||
#lab-focus { width: auto; min-width: 11rem; }
|
||||
.input-score { width: 4.5rem; }
|
||||
.inline-form .input-sm { width: auto; min-width: 0; }
|
||||
|
||||
.inline-form .input-score, input[type="number"].input-score { width: 4.5rem; min-width: 4.5rem; flex: 0 0 auto; }
|
||||
.filter-select { width: auto; }
|
||||
.hidden { display: none !important; }
|
||||
@@ -214,7 +244,7 @@ tr:last-child td { border-bottom: none; }
|
||||
}
|
||||
.toast-item {
|
||||
pointer-events: auto; display: flex; align-items: flex-start; gap: 0.5rem;
|
||||
padding: 0.7rem 0.85rem; border-radius: 0.5rem; border: 1px solid var(--c-border);
|
||||
padding: 0.7rem 0.85rem; border-radius: var(--radius); border: 1px solid var(--c-border);
|
||||
border-left-width: 4px; background: var(--c-surface); color: var(--c-text);
|
||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
|
||||
animation: toast-in 0.18s ease-out;
|
||||
@@ -235,12 +265,12 @@ tr:last-child td { border-bottom: none; }
|
||||
|
||||
/* Modals */
|
||||
dialog.modal {
|
||||
border: none; border-radius: 0.75rem; padding: 0;
|
||||
border: 1px solid var(--c-border); border-radius: var(--radius-lg); padding: 0;
|
||||
background: var(--c-surface); color: var(--c-text);
|
||||
width: min(34rem, calc(100vw - 2rem));
|
||||
box-shadow: 0 20px 60px rgba(0,0,0,0.35);
|
||||
box-shadow: 0 16px 48px rgba(19, 19, 22, 0.28);
|
||||
}
|
||||
dialog.modal::backdrop { background: rgba(0,0,0,0.55); }
|
||||
dialog.modal::backdrop { background: rgba(19, 19, 22, 0.5); }
|
||||
/* Пока открыта модалка — страница не прокручивается, позиция скролла сохраняется;
|
||||
прокрутка остаётся внутри .modal-body */
|
||||
html.modal-open body {
|
||||
@@ -277,10 +307,13 @@ html.modal-open body {
|
||||
.md-body h2 { font-size: 1.125rem; }
|
||||
.md-body p, .md-body ul, .md-body ol { margin: 0.5rem 0; }
|
||||
.md-body ul, .md-body ol { padding-left: 1.5rem; }
|
||||
.md-body pre { background: var(--c-bg); border: 1px solid var(--c-border); border-radius: 0.5rem; padding: 0.75rem 1rem; overflow-x: auto; font-size: 0.8125rem; }
|
||||
.md-body pre { background: var(--c-bg); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 0.75rem 1rem; overflow-x: auto; font-size: 0.8125rem; }
|
||||
.md-body code { font-family: monospace; }
|
||||
.md-body details.spoiler { border: 1px solid var(--c-border); border-radius: 0.5rem; padding: 0.5rem 0.75rem; margin: 0.5rem 0; }
|
||||
.md-body details.spoiler summary { cursor: pointer; font-weight: 500; color: var(--c-text-link); }
|
||||
/* Ссылки в учебных материалах — акцентные, с подчёркиванием: их видно в тексте */
|
||||
.md-body a { color: var(--c-accent); text-decoration: underline; text-underline-offset: 2px; }
|
||||
.md-body a:hover { color: var(--c-accent-hover); }
|
||||
.md-body details.spoiler { border: 1px solid var(--c-border); border-radius: var(--radius); padding: 0.5rem 0.75rem; margin: 0.5rem 0; }
|
||||
.md-body details.spoiler summary { cursor: pointer; font-weight: 500; color: var(--c-accent); }
|
||||
.md-body img { max-width: 100%; }
|
||||
.md-body table { margin: 0; }
|
||||
/* Таблицы в статьях прокручиваются по горизонтали, как блоки кода */
|
||||
@@ -293,7 +326,7 @@ html.modal-open body {
|
||||
font: inherit; font-size: 0.72rem; line-height: 1;
|
||||
padding: 0.25rem 0.5rem; cursor: pointer;
|
||||
color: var(--c-text-muted); background: var(--c-surface);
|
||||
border: 1px solid var(--c-border); border-radius: 0.35rem; opacity: 0.85;
|
||||
border: 1px solid var(--c-border); border-radius: var(--radius-sm); opacity: 0.85;
|
||||
}
|
||||
.md-copy:hover { color: var(--c-text); opacity: 1; }
|
||||
.md-copy.copied { color: var(--c-text-link); }
|
||||
@@ -302,7 +335,7 @@ html.modal-open body {
|
||||
.empty { text-align: center; color: var(--c-text-muted); padding: 1.5rem; }
|
||||
|
||||
/* Mono inline code */
|
||||
code.code { padding: 0.125rem 0.5rem; border-radius: 0.25rem; font-family: monospace; background: var(--c-bg); }
|
||||
code.code { padding: 0.125rem 0.5rem; border-radius: var(--radius-xs); font-family: monospace; background: var(--c-bg); }
|
||||
|
||||
/* Containers */
|
||||
.container-sm { max-width: 28rem; margin: 0 auto; }
|
||||
@@ -311,10 +344,10 @@ code.code { padding: 0.125rem 0.5rem; border-radius: 0.25rem; font-family: monos
|
||||
|
||||
/* Header logo */
|
||||
.link-inherit { font-size: 0.875rem; }/* Chips (оценочные комментарии) */
|
||||
.chip { display: inline-block; margin: 2px 4px 2px 0; padding: 2px 8px; border-radius: 9999px; font-size: 11.5px; line-height: 1.5; }
|
||||
.chip-pos { background: #16803c; color: #fff; }
|
||||
.chip { display: inline-block; margin: 2px 4px 2px 0; padding: 2px 8px; border-radius: var(--radius-sm); font-size: 11.5px; line-height: 1.5; }
|
||||
.chip-pos { background: #2e6b3a; color: #fff; }
|
||||
.chip-neu { background: #5d6570; color: #fff; }
|
||||
.chip-neg { background: #b3283b; color: #fff; }
|
||||
.chip-neg { background: #8f2d3c; color: #fff; }
|
||||
/* Слоты комментариев в диалоге */
|
||||
.cs-row { display: flex; gap: 6px; align-items: center; }
|
||||
.cs-text-wrap { position: relative; flex: 1 1 auto; min-width: 0; }
|
||||
@@ -325,7 +358,7 @@ code.code { padding: 0.125rem 0.5rem; border-radius: 0.25rem; font-family: monos
|
||||
position: absolute; left: 0; right: 0; top: 100%; margin-top: 2px; z-index: 20;
|
||||
max-height: 14rem; overflow-y: auto;
|
||||
background: var(--c-surface); border: 1px solid var(--c-border);
|
||||
border-radius: 0.4rem; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
|
||||
border-radius: var(--radius-sm); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.ac-list.drop-up { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 2px; }
|
||||
.ac-item { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.6rem; padding-left: 0.45rem; border-left: 3px solid transparent; cursor: pointer; font-size: 0.875rem; }
|
||||
@@ -339,55 +372,86 @@ code.code { padding: 0.125rem 0.5rem; border-radius: 0.25rem; font-family: monos
|
||||
.ac-tone-neu { color: var(--c-tone-neu); }
|
||||
.ac-text { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.ac-count { flex: 0 0 auto; background: var(--c-border); color: var(--c-text-muted); }
|
||||
.ac-del { flex: 0 0 auto; border: none; background: transparent; color: var(--c-text-muted); cursor: pointer; padding: 0 0.25rem; border-radius: 0.25rem; font-size: 0.75rem; line-height: 1.4; }
|
||||
.ac-del { flex: 0 0 auto; border: none; background: transparent; color: var(--c-text-muted); cursor: pointer; padding: 0 0.25rem; border-radius: var(--radius-xs); font-size: 0.75rem; line-height: 1.4; }
|
||||
.ac-del:not(:disabled):hover { color: #dc2626; background: var(--c-bg); }
|
||||
.ac-del:disabled { opacity: 0.3; cursor: not-allowed; }
|
||||
.ac-empty { padding: 0.4rem 0.6rem; font-size: 0.875rem; color: var(--c-text-muted); }
|
||||
/* Ячейка матрицы: вариант и кнопки действий под ним; кнопки в шапке ЛР */
|
||||
/* Ячейка матрицы в стиле Б3: вариант и оценка — текстом, подстрока — сдача и защита с точкой */
|
||||
.cell-stack { display: flex; flex-direction: column; align-items: center; gap: 0.3rem; }
|
||||
.cell-top { display: flex; align-items: center; justify-content: center; gap: 0.4rem; }
|
||||
/* Публикация в ячейке — «глаз»-точка: ○ скрыто, ◉ опубликовано (нативный checkbox под капотом) */
|
||||
.pub-toggle {
|
||||
appearance: none; -webkit-appearance: none;
|
||||
width: 1rem; height: 1rem; margin: 0; padding: 0; cursor: pointer;
|
||||
border-radius: 50%; border: 1.5px solid var(--c-border-strong);
|
||||
background: transparent; vertical-align: middle;
|
||||
transition: border-color 0.15s, box-shadow 0.15s;
|
||||
}
|
||||
.pub-toggle:checked {
|
||||
border-color: var(--c-accent);
|
||||
background: radial-gradient(circle, var(--c-accent) 0 42%, transparent 48%);
|
||||
}
|
||||
.pub-toggle:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }
|
||||
.variant-btn {
|
||||
display: inline-block; padding: 0.18rem 0.5rem; border-radius: 0.4rem;
|
||||
border: 1px solid var(--c-border); background: var(--c-bg);
|
||||
font-size: 0.8rem; white-space: nowrap; cursor: pointer; color: var(--c-text);
|
||||
display: inline-block; padding: 0; border: none; background: none;
|
||||
font-size: 0.8125rem; font-weight: 600; white-space: nowrap; cursor: pointer;
|
||||
color: var(--c-accent); text-decoration: none;
|
||||
}
|
||||
.variant-btn:hover { border-color: var(--c-accent); color: var(--c-accent); }
|
||||
.pub-toggle { width: 1.05rem; height: 1.05rem; margin: 0; cursor: pointer; accent-color: #16a34a; }
|
||||
.variant-btn.manual { border-color: var(--c-border-strong, var(--c-border)); font-weight: 600; }
|
||||
.cell-btns { display: flex; gap: 0.2rem; }
|
||||
.cell-btn {
|
||||
display: inline-flex; align-items: center; justify-content: center; gap: 0.15rem;
|
||||
min-width: 1.6rem; height: 1.6rem; padding: 0 0.35rem; cursor: pointer;
|
||||
border: 1px solid var(--c-border); border-radius: 0.35rem;
|
||||
background: var(--c-surface); color: var(--c-text); text-decoration: none; font-size: 0.85rem;
|
||||
.variant-btn:hover { text-decoration: underline; }
|
||||
.variant-btn.manual { font-weight: 700; }
|
||||
.variant-btn .cell-none { color: var(--c-text-muted); font-weight: 400; }
|
||||
.variant-btn.manual .cell-none { font-weight: 600; }
|
||||
.score-link {
|
||||
display: inline-block; padding: 0; border: none; background: none;
|
||||
font-size: 0.8125rem; font-weight: 600; font-variant-numeric: tabular-nums;
|
||||
color: var(--c-text); cursor: pointer;
|
||||
}
|
||||
.cell-btn:hover { background: var(--c-bg); }
|
||||
.cell-btn.dim { color: var(--c-text-muted); }
|
||||
.cell-btn.warn { color: #d97706; }
|
||||
.cell-btn.ok { color: #16a34a; }
|
||||
.cell-num { font-size: 0.72rem; opacity: 0.75; }
|
||||
.score-link:hover { color: var(--c-accent); text-decoration: underline; }
|
||||
.score-link.none { color: var(--c-text-muted); font-weight: 400; }
|
||||
.cell-sub { display: flex; align-items: center; justify-content: center; gap: 0.75rem; font-size: 0.75rem; }
|
||||
.sub-link { color: var(--c-text-muted); text-decoration: none; font-variant-numeric: tabular-nums; }
|
||||
.sub-link:hover { color: var(--c-text); text-decoration: underline; }
|
||||
.sub-dim { color: var(--c-text-muted); }
|
||||
.cell-dim { color: var(--c-text-muted); }
|
||||
/* Статус защиты: текст с цветной точкой вместо кнопки-плашки.
|
||||
Класс cell-btn сохранён — по нему JS находит ячейку (defenseBtn). */
|
||||
.cell-btn.st {
|
||||
display: inline-flex; align-items: center; gap: 0.35rem;
|
||||
min-width: 0; height: auto; padding: 0;
|
||||
border: none; border-radius: 0; background: none;
|
||||
color: var(--c-text-muted); font-size: 0.75rem; text-decoration: none; cursor: pointer;
|
||||
}
|
||||
.cell-btn.st:hover { background: none; color: var(--c-text); }
|
||||
.cell-btn.st::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--c-border-strong); }
|
||||
.cell-btn.st.ok { color: var(--c-tone-pos); }
|
||||
.cell-btn.st.ok::before { background: var(--c-tone-pos); }
|
||||
.cell-btn.st.warn { color: #b45309; }
|
||||
.cell-btn.st.warn::before { background: #b45309; }
|
||||
.cell-btn.st.dim { color: var(--c-text-muted); }
|
||||
.cell-btn.st.dim::before { background: var(--c-border-strong); }
|
||||
.mini-count { font-size: 0.72rem; margin-left: 0.15rem; color: var(--c-text-muted); }
|
||||
.defense-cell-timer { font-variant-numeric: tabular-nums; }
|
||||
.lab-head-actions { display: flex; gap: 0.2rem; }
|
||||
.mini-btn {
|
||||
display: inline-flex; align-items: center; justify-content: center;
|
||||
min-width: 1.5rem; height: 1.5rem; padding: 0 0.3rem; cursor: pointer;
|
||||
border: 1px solid var(--c-border); border-radius: 0.35rem;
|
||||
border: 1px solid var(--c-border); border-radius: var(--radius-sm);
|
||||
background: var(--c-surface); color: var(--c-text); text-decoration: none; font-size: 0.85rem;
|
||||
}
|
||||
.mini-btn:hover { background: var(--c-bg); }
|
||||
.mini-btn.ok { color: #16a34a; }
|
||||
.mini-btn.warn { color: #d97706; }
|
||||
.mini-btn.partial { color: #2563eb; }
|
||||
.mini-btn.ok { color: var(--c-tone-pos); }
|
||||
.mini-btn.warn { color: #b45309; }
|
||||
.mini-btn.partial { color: var(--c-accent); }
|
||||
|
||||
/* Увеличенный диалог (оценка + комментарии) */
|
||||
dialog.modal.modal-lg { width: min(72rem, calc(100vw - 2rem)); }
|
||||
dialog.modal.modal-lg .modal-body { max-height: 88vh; min-height: 62vh; }
|
||||
.mini-btn svg, .cell-btn svg { width: 1rem; height: 1rem; }
|
||||
|
||||
.chip { display: inline-block; margin: 2px 4px 2px 0; padding: 2px 8px; border-radius: 9999px; font-size: 11.5px; line-height: 1.5; }
|
||||
.chip-pos { background: #16803c; color: #fff; }
|
||||
.chip { display: inline-block; margin: 2px 4px 2px 0; padding: 2px 8px; border-radius: var(--radius-sm); font-size: 11.5px; line-height: 1.5; }
|
||||
.chip-pos { background: #2e6b3a; color: #fff; }
|
||||
.chip-neu { background: #5d6570; color: #fff; }
|
||||
.chip-neg { background: #b3283b; color: #fff; }
|
||||
.chip-neg { background: #8f2d3c; color: #fff; }
|
||||
|
||||
/* Defense timer */
|
||||
/* Материалы: ряды и ручки перетаскивания слева, одним столбцом */
|
||||
@@ -430,6 +494,10 @@ dialog.modal.modal-lg .modal-body { max-height: 88vh; min-height: 62vh; }
|
||||
.matrix td.cell-lab { min-width: 9.5rem; border-left: 1px solid var(--c-border); }
|
||||
.matrix td.student-cell { min-width: 12rem; }
|
||||
.lab-col-head { display: flex; flex-direction: column; align-items: center; gap: 0.375rem; }
|
||||
.lab-col-title {
|
||||
max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
|
||||
font-size: 0.7rem; font-weight: 400; color: var(--c-text-muted); letter-spacing: 0;
|
||||
}
|
||||
.cell-line { display: flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; text-align: left; }
|
||||
.cell-label { color: var(--c-text-muted); min-width: 3.5rem; }
|
||||
.cell-link { font-size: 0.8125rem; }
|
||||
@@ -455,7 +523,7 @@ dialog.modal.modal-lg .modal-body { max-height: 88vh; min-height: 62vh; }
|
||||
.pre-wrap { white-space: pre-wrap; word-break: break-word; }
|
||||
|
||||
/* Редактируемая матрица: закреплённый столбец и компактные селекты */
|
||||
.matrix-sticky { position: sticky; left: 0; z-index: 2; background: var(--c-surface); }
|
||||
.matrix-sticky { position: sticky; left: 0; z-index: 2; background: var(--c-surface); box-shadow: 8px 0 8px -8px rgba(19, 19, 22, 0.1); }
|
||||
.matrix thead .matrix-sticky { z-index: 3; }
|
||||
.level-form { margin: 0; }
|
||||
.level-select {
|
||||
@@ -474,7 +542,7 @@ dialog.modal.modal-lg .modal-body { max-height: 88vh; min-height: 62vh; }
|
||||
.cell-chip {
|
||||
display: inline-flex; align-items: center; gap: 0.15rem;
|
||||
font-size: 0.72rem; line-height: 1.7; padding: 0.05rem 0.45rem;
|
||||
border: 1px solid var(--c-border); border-radius: 99px;
|
||||
border: 1px solid var(--c-border); border-radius: var(--radius-sm);
|
||||
background: var(--c-bg); color: var(--c-text); white-space: nowrap; cursor: pointer;
|
||||
text-decoration: none; font-family: inherit;
|
||||
}
|
||||
@@ -482,12 +550,21 @@ dialog.modal.modal-lg .modal-body { max-height: 88vh; min-height: 62vh; }
|
||||
.chip-dim { color: var(--c-text-muted); }
|
||||
.chip-warn { color: #92400e; background: #fef3c7; border-color: #fde68a; }
|
||||
.chip-ok { color: #166534; background: #dcfce7; border-color: #bbf7d0; }
|
||||
.chip-link:hover { color: var(--c-text-link); }
|
||||
.chip-link:hover { color: var(--c-accent); }
|
||||
[data-theme="dark"] .chip-warn { color: #fcd34d; background: rgba(146, 64, 14, 0.25); border-color: rgba(146, 64, 14, 0.5); }
|
||||
[data-theme="dark"] .chip-ok { color: #86efac; background: rgba(22, 101, 52, 0.25); border-color: rgba(22, 101, 52, 0.5); }
|
||||
.lab-head-row { display: flex; align-items: center; justify-content: center; gap: 0.3rem; }
|
||||
.actions-cell { white-space: nowrap; }
|
||||
.actions-cell .inline-form { display: inline-block; }
|
||||
/* Действия столбиком: ровные одинаковые кнопки друг под другом */
|
||||
.actions-col { display: inline-flex; flex-direction: column; gap: 0.35rem; align-items: stretch; min-width: 6.5rem; }
|
||||
.actions-col .btn { text-align: center; }
|
||||
/* Монохромные SVG-иконки в ячейках матрицы (защита, оценка) */
|
||||
.cell-ico {
|
||||
width: 0.95rem; height: 0.95rem; display: block;
|
||||
fill: none; stroke: currentColor; stroke-width: 2;
|
||||
stroke-linecap: round; stroke-linejoin: round;
|
||||
}
|
||||
|
||||
/* tablekit: сортируемые таблицы и поиск */
|
||||
th.th-sortable { cursor: pointer; user-select: none; }
|
||||
@@ -500,7 +577,7 @@ th.th-sortable.is-desc::after { content: " ▼"; color: var(--c-text-muted); fon
|
||||
.filter-row th { padding: 0.25rem 0.35rem; background: var(--c-bg); }
|
||||
.filter-control {
|
||||
width: 100%; min-width: 3.5rem; font-size: 0.72rem; line-height: 1.4;
|
||||
padding: 0.1rem 0.25rem; border: 1px solid var(--c-border); border-radius: 0.35rem;
|
||||
padding: 0.1rem 0.25rem; border: 1px solid var(--c-border); border-radius: var(--radius-sm);
|
||||
background: var(--c-surface); color: var(--c-text); font-family: inherit;
|
||||
}
|
||||
th.th-filterable { padding-bottom: 0.35rem; }
|
||||
@@ -509,14 +586,14 @@ th.th-filterable { padding-bottom: 0.35rem; }
|
||||
.drag-handle {
|
||||
display: inline-block; flex: 0 0 auto; width: 1.5rem; text-align: center;
|
||||
cursor: grab; user-select: none; color: var(--c-text-muted);
|
||||
font-size: 1rem; line-height: 1; padding: 0.15rem 0; border-radius: 0.35rem;
|
||||
font-size: 1rem; line-height: 1; padding: 0.15rem 0; border-radius: var(--radius-sm);
|
||||
}
|
||||
.drag-handle:hover { background: var(--c-bg); color: var(--c-text); }
|
||||
.drag-handle:active { cursor: grabbing; }
|
||||
.dragging { opacity: 0.45; }
|
||||
.drop-before { box-shadow: 0 -3px 0 0 var(--c-text); }
|
||||
.drop-after { box-shadow: 0 3px 0 0 var(--c-text); }
|
||||
.drop-into { outline: 2px dashed var(--c-border); outline-offset: 3px; border-radius: 0.35rem; }
|
||||
.drop-into { outline: 2px dashed var(--c-border); outline-offset: 3px; border-radius: var(--radius-sm); }
|
||||
|
||||
/* индикатор сохранения порядка материалов */
|
||||
.sort-status {
|
||||
@@ -524,7 +601,7 @@ th.th-filterable { padding-bottom: 0.35rem; }
|
||||
display: flex; align-items: center; gap: 0.6rem;
|
||||
max-width: min(24rem, calc(100vw - 2rem));
|
||||
background: var(--c-surface); border: 1px solid var(--c-border);
|
||||
border-radius: 0.5rem; padding: 0.5rem 0.75rem;
|
||||
border-radius: var(--radius); padding: 0.5rem 0.75rem;
|
||||
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15); font-size: 0.85rem;
|
||||
}
|
||||
|
||||
@@ -555,13 +632,13 @@ th.th-filterable { padding-bottom: 0.35rem; }
|
||||
.md-toolbar {
|
||||
display: flex; flex-wrap: wrap; align-items: center; gap: 0.1rem;
|
||||
padding: 0.3rem; margin-bottom: 0.5rem;
|
||||
border: 1px solid var(--c-border); border-radius: 0.5rem; background: var(--c-bg);
|
||||
border: 1px solid var(--c-border); border-radius: var(--radius); background: var(--c-bg);
|
||||
}
|
||||
.md-sprite { display: none; }
|
||||
.md-btn {
|
||||
display: inline-flex; align-items: center; justify-content: center;
|
||||
width: 2rem; height: 2rem; padding: 0; cursor: pointer;
|
||||
border: 1px solid transparent; border-radius: 0.375rem;
|
||||
border: 1px solid transparent; border-radius: var(--radius-sm);
|
||||
background: transparent; color: var(--c-text);
|
||||
}
|
||||
.md-btn:hover { background: var(--c-surface); border-color: var(--c-border); }
|
||||
@@ -587,4 +664,4 @@ th.th-filterable { padding-bottom: 0.35rem; }
|
||||
margin-top: 0.4rem; font-size: 0.875rem; color: var(--c-text-muted);
|
||||
}
|
||||
.md-video-figure { margin: 1rem 0; text-align: center; }
|
||||
.md-video { width: 100%; max-width: 100%; border-radius: 0.5rem; background: #000; }
|
||||
.md-video { width: 100%; max-width: 100%; border-radius: var(--radius); background: #000; }
|
||||
|
||||
@@ -1,7 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
|
||||
<rect x="2" y="2" width="28" height="28" rx="6" fill="#6366f1"/>
|
||||
<path d="M9 8v13h5l-1.5 3H6V8z" fill="#eef2ff"/>
|
||||
<path d="M23 8v13h-5l1.5 3h5V8z" fill="#c7d2fe"/>
|
||||
<path d="M11 9c2-1.5 4-1.5 5 0 1-1.5 3-1.5 5 0v10c-2-1.5-4-1.5-5 0-1-1.5-3-1.5-5 0z" fill="#ffffff"/>
|
||||
<path d="M16 9v10" stroke="#6366f1" stroke-width="1"/>
|
||||
<rect x="1" y="1" width="30" height="30" rx="8" fill="#7a2333"/>
|
||||
<path d="M11.5 7.5h4v13.2h8.2v3.8h-12.2z" fill="#fdfcf9"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 399 B After Width: | Height: | Size: 196 B |
@@ -57,7 +57,7 @@ function csRow(text, tone) {
|
||||
|
||||
var rm = document.createElement('button');
|
||||
rm.type = 'button';
|
||||
rm.className = 'btn btn-secondary btn-sm';
|
||||
rm.className = 'btn btn-secondary';
|
||||
rm.textContent = 'удалить';
|
||||
rm.onclick = function () { row.remove(); };
|
||||
|
||||
@@ -361,13 +361,13 @@ function applyDefenseToCell(s) {
|
||||
}
|
||||
if (label) {
|
||||
label.textContent = started ? ''
|
||||
: (s.status == null ? 'нет'
|
||||
: (s.status === 'ready' ? 'готов'
|
||||
: (s.code ? 'код' : 'ожид.')));
|
||||
: (s.status == null ? '—'
|
||||
: (s.status === 'ready' ? 'готова'
|
||||
: (s.code ? 'код' : 'ожидает')));
|
||||
}
|
||||
if (s.status === 'ready') {
|
||||
btn.title = 'Защита завершена: ' + (s.readyReason === 'timeout' ? 'время вышло' : 'студент нажал «Готов»');
|
||||
if (label) label.textContent = 'готов';
|
||||
if (label) label.textContent = 'готова';
|
||||
}
|
||||
}
|
||||
|
||||
@@ -521,7 +521,11 @@ function openVariant(btn) {
|
||||
levelSel.innerHTML = '';
|
||||
VARIANT_CACHE = {};
|
||||
fetch('/admin/labs/' + encodeURIComponent(lab) + '/schema')
|
||||
.then(function (r) { return r.ok ? r.json() : { levels: [] }; })
|
||||
.then(function (r) { return r.ok && !r.redirected ? r.json() : { levels: [] }; })
|
||||
.catch(function () {
|
||||
alert('Не удалось загрузить уровни и варианты (возможно, сессия истекла). Обновите страницу и откройте модалку заново.');
|
||||
return { levels: [] };
|
||||
})
|
||||
.then(function (data) {
|
||||
(data.levels || []).forEach(function (lvl, i) {
|
||||
var opt = document.createElement('option');
|
||||
@@ -607,3 +611,55 @@ window.addEventListener('DOMContentLoaded', function () {
|
||||
startDefenseWatch();
|
||||
attachPublishToggles();
|
||||
});
|
||||
|
||||
/* ---------- Большая модалка «Выдача вариантов» ---------- */
|
||||
|
||||
function refreshAssignModal(url) {
|
||||
var body = document.getElementById('assign-modal-body');
|
||||
if (!body) return Promise.resolve();
|
||||
return fetch(url, { headers: { 'X-Requested-With': 'fetch' } })
|
||||
.then(function (r) {
|
||||
if (r.redirected) throw new Error('сессия истекла — обновите страницу');
|
||||
return r.text();
|
||||
})
|
||||
.then(function (html) { body.innerHTML = html; });
|
||||
}
|
||||
|
||||
window.openLabAssign = function (btn) {
|
||||
var body = document.getElementById('assign-modal-body');
|
||||
if (!body) return;
|
||||
var title = document.getElementById('assign-modal-title');
|
||||
if (title) title.textContent = 'Выдача вариантов — ' + (btn.getAttribute('data-lab-name') || '');
|
||||
body.innerHTML = '<p class="text-muted">Загрузка…</p>';
|
||||
openModal('modal-lab-assign');
|
||||
refreshAssignModal(btn.getAttribute('data-url')).catch(function (e) {
|
||||
body.innerHTML = '<p class="text-danger">Не удалось загрузить: ' + e.message + '</p>';
|
||||
});
|
||||
};
|
||||
|
||||
window.confirmAssignVariant = function (sel) {
|
||||
var opt = sel.selectedOptions[0];
|
||||
var taken = opt ? parseInt(opt.getAttribute('data-taken') || '0', 10) : 0;
|
||||
if (opt && opt.value && taken > 0 && sel.value !== sel.dataset.prev) {
|
||||
if (!confirm('Вариант уже занят (' + taken + '). Назначить всё равно?')) {
|
||||
sel.value = sel.dataset.prev;
|
||||
return;
|
||||
}
|
||||
}
|
||||
sel.dataset.prev = sel.value;
|
||||
sel.closest('form').requestSubmit();
|
||||
};
|
||||
|
||||
/* Формы внутри модалки сохраняются через fetch — модалка не закрывается и обновляется */
|
||||
document.addEventListener('submit', function (ev) {
|
||||
var form = ev.target;
|
||||
if (!form.classList || !form.classList.contains('js-assign-form')) return;
|
||||
ev.preventDefault();
|
||||
var btn = form.querySelector('button[type="submit"]');
|
||||
if (btn) btn.disabled = true;
|
||||
fetch(form.action, { method: 'POST', body: new FormData(form), headers: { 'X-Requested-With': 'fetch' } })
|
||||
.then(function (r) { if (r.redirected) throw new Error('сессия истекла — обновите страницу'); return r.text(); })
|
||||
.then(function () { return refreshAssignModal(form.getAttribute('data-refresh')); })
|
||||
.catch(function (e) { showToast('Не удалось сохранить: ' + e.message, 'error'); })
|
||||
.finally(function () { if (btn) btn.disabled = false; });
|
||||
});
|
||||
|
||||
@@ -1,36 +0,0 @@
|
||||
function toggleAllStudents(cb) {
|
||||
document.querySelectorAll('.pick-student').forEach(function (c) { c.checked = cb.checked; });
|
||||
}
|
||||
|
||||
function collectPicked(form) {
|
||||
var picked = Array.prototype.slice.call(document.querySelectorAll('.pick-student:checked'));
|
||||
if (!picked.length) {
|
||||
alert('Отметьте хотя бы одного студента.');
|
||||
return false;
|
||||
}
|
||||
picked.forEach(function (c) {
|
||||
var input = document.createElement('input');
|
||||
input.type = 'hidden';
|
||||
input.name = 'studentIds';
|
||||
input.value = c.value;
|
||||
form.appendChild(input);
|
||||
});
|
||||
return true;
|
||||
}
|
||||
|
||||
function confirmOccupied(sel) {
|
||||
var opt = sel.options[sel.selectedIndex];
|
||||
var taken = opt ? parseInt(opt.getAttribute('data-taken') || '0', 10) : 0;
|
||||
if (opt && opt.value && taken > 0 && sel.value !== sel.dataset.prev) {
|
||||
if (!confirm('Вариант уже занят (' + taken + '). Назначить всё равно?')) {
|
||||
if (sel.dataset.prev !== undefined) sel.value = sel.dataset.prev;
|
||||
return;
|
||||
}
|
||||
}
|
||||
sel.dataset.prev = sel.value;
|
||||
if (sel.form) sel.form.submit();
|
||||
}
|
||||
|
||||
window.addEventListener('DOMContentLoaded', function () {
|
||||
document.querySelectorAll('.pick-variant').forEach(function (s) { s.dataset.prev = s.value; });
|
||||
});
|
||||
@@ -239,6 +239,9 @@
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify(collectPayload())
|
||||
}).then(function (response) {
|
||||
// после истечения сессии сервер отвечает редиректом на /login: fetch вернёт 200 с HTML —
|
||||
// считать такое успехом нельзя, иначе порядок «сохранится» только на экране
|
||||
if (response.redirected) throw new Error('сессия истекла — обновите страницу');
|
||||
if (!response.ok) throw new Error('HTTP ' + response.status);
|
||||
pending = false;
|
||||
saving = false;
|
||||
|
||||
1
web/src/main/resources/static/js/htmx.min.js
vendored
1
web/src/main/resources/static/js/htmx.min.js
vendored
File diff suppressed because one or more lines are too long
@@ -113,7 +113,8 @@
|
||||
};
|
||||
|
||||
document.addEventListener('input', function (event) {
|
||||
if (event.target && event.target.id === 'article-body') dirty = true;
|
||||
var id = event.target && event.target.id;
|
||||
if (id === 'article-body' || id === 'article-title') dirty = true;
|
||||
});
|
||||
|
||||
/* Сохранение — это осознанный уход со страницы, подтверждение не нужно */
|
||||
|
||||
32
web/src/main/resources/static/js/submit-guard.js
Normal file
32
web/src/main/resources/static/js/submit-guard.js
Normal file
@@ -0,0 +1,32 @@
|
||||
/* Защита от двойной отправки: после сабмита формы кнопки блокируются до перехода.
|
||||
Инлайн-onsubmit с confirm() успевает отработать раньше (обработчик из атрибута
|
||||
регистрируется первым) — если сабмит отменён, кнопки не блокируются. */
|
||||
(function () {
|
||||
function buttonsOf(form) {
|
||||
return form.querySelectorAll('button[type="submit"]');
|
||||
}
|
||||
|
||||
function setDisabled(form, disabled) {
|
||||
buttonsOf(form).forEach(function (btn) { btn.disabled = disabled; });
|
||||
}
|
||||
|
||||
function arm(form) {
|
||||
if (form.dataset.submitGuard) return;
|
||||
form.dataset.submitGuard = '1';
|
||||
form.addEventListener('submit', function (event) {
|
||||
if (event.defaultPrevented) return;
|
||||
window.setTimeout(function () {
|
||||
// кто-то из более поздних обработчиков мог отменить сабмит
|
||||
if (!event.defaultPrevented) setDisabled(form, true);
|
||||
}, 0);
|
||||
});
|
||||
// возврат на страницу по Back/Forward из кэша — разблокируем
|
||||
window.addEventListener('pageshow', function (event) {
|
||||
if (event.persisted) setDisabled(form, false);
|
||||
});
|
||||
}
|
||||
|
||||
window.addEventListener('DOMContentLoaded', function () {
|
||||
document.querySelectorAll('form').forEach(arm);
|
||||
});
|
||||
})();
|
||||
@@ -158,13 +158,26 @@
|
||||
if (th.hasAttribute('data-nosort')) return;
|
||||
th.classList.add('th-sortable');
|
||||
if (!th.title) th.title = 'Сортировать по этому столбцу';
|
||||
th.addEventListener('click', function (event) {
|
||||
if (event.target.closest('form, button, a, select, input')) return;
|
||||
// сортировка с клавиатуры: фокус + Enter/пробел, состояние доступно скринридеру
|
||||
th.tabIndex = 0;
|
||||
if (th.classList.contains('is-asc')) th.setAttribute('aria-sort', 'ascending');
|
||||
function doSort() {
|
||||
var asc = !th.classList.contains('is-asc');
|
||||
clearAllMarkers(table);
|
||||
th.classList.add(asc ? 'is-asc' : 'is-desc');
|
||||
th.setAttribute('aria-sort', asc ? 'ascending' : 'descending');
|
||||
sortColumn(table, index, asc ? 1 : -1);
|
||||
th.title = (th.textContent.trim() || 'Столбец') + ' — ' + (asc ? 'по возрастанию' : 'по убыванию');
|
||||
}
|
||||
th.addEventListener('click', function (event) {
|
||||
if (event.target.closest('form, button, a, select, input')) return;
|
||||
doSort();
|
||||
});
|
||||
th.addEventListener('keydown', function (event) {
|
||||
if (event.target !== th) return;
|
||||
if (event.key !== 'Enter' && event.key !== ' ') return;
|
||||
event.preventDefault();
|
||||
doSort();
|
||||
});
|
||||
});
|
||||
buildFilters(table);
|
||||
|
||||
76
web/src/main/resources/templates/admin/assign-fragment.html
Normal file
76
web/src/main/resources/templates/admin/assign-fragment.html
Normal file
@@ -0,0 +1,76 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru" xmlns:th="http://www.thymeleaf.org">
|
||||
<!-- Фрагмент большой модалки «Выдача вариантов» на странице группы.
|
||||
Рендерится отдельно (без layout) и подставляется в #assign-modal-body через fetch. -->
|
||||
<body>
|
||||
<div th:fragment="content">
|
||||
<div class="flex flex-wrap items-center justify-between gap-2 mb-4">
|
||||
<form class="inline-form js-assign-form" th:action="@{/admin/labs/{labId}/distribute(labId=${lab.id})}" method="post"
|
||||
th:attr="data-refresh=${refreshUrl}">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="groupIds" th:value="${groupId}">
|
||||
<label class="tone-label"><input type="checkbox" name="force" value="true"> пересоздать заново</label>
|
||||
<button class="btn btn-primary" type="submit">Распределить автоматически</button>
|
||||
</form>
|
||||
<span class="text-sm text-muted" th:text="|Занято вариантов: ${#maps.size(variantUsage)}|">—</span>
|
||||
</div>
|
||||
|
||||
<div class="scroll-x">
|
||||
<table>
|
||||
<thead><tr>
|
||||
<th class="th-sortable" title="ФИО — по возрастанию">Студент</th>
|
||||
<th>Уровень</th><th>Вариант</th><th data-nosort>Источник</th><th data-nosort>Сдача</th>
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
<tr th:each="row : ${rows}">
|
||||
<td>
|
||||
<div class="font-medium" th:text="${row.fullName}">—</div>
|
||||
<div class="text-sm text-muted font-mono" th:text="${row.studentNo}">—</div>
|
||||
</td>
|
||||
<td>
|
||||
<form class="inline-form js-assign-form" method="post"
|
||||
th:action="@{/admin/labs/{labId}/set-level(labId=${lab.id})}"
|
||||
th:attr="data-refresh=${refreshUrl}">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="studentId" th:value="${row.studentId}">
|
||||
<select class="input" name="labLevelId" th:disabled="${#lists.isEmpty(lab.levels)}"
|
||||
onchange="this.closest('form').requestSubmit()">
|
||||
<option th:each="lv : ${lab.levels}" th:value="${lv.id}"
|
||||
th:selected="${lv.id == row.levelId}" th:text="${lv.title}">Уровень</option>
|
||||
</select>
|
||||
</form>
|
||||
</td>
|
||||
<td>
|
||||
<form class="inline-form js-assign-form" method="post"
|
||||
th:action="@{/admin/labs/{labId}/assign(labId=${lab.id})}"
|
||||
th:attr="data-refresh=${refreshUrl}">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="studentId" th:value="${row.studentId}">
|
||||
<select class="input" name="variantId" onchange="confirmAssignVariant(this)">
|
||||
<option value="">— авто —</option>
|
||||
<optgroup th:each="lv : ${lab.levels}" th:label="${lv.title}">
|
||||
<option th:each="v : ${lv.variants}" th:value="${v.id}"
|
||||
th:attr="data-taken=${variantUsage[v.id] ?: 0}"
|
||||
th:selected="${v.id == row.variantId}"
|
||||
th:text="${(variantUsage[v.id] ?: 0) > 0 ? v.number + ' — ' + v.title + ' (занят ' + (variantUsage[v.id] ?: 0) + ')' : v.number + ' — ' + v.title}">1</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</form>
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge" th:classappend="${row.manual} ? 'badge-ok' : ''"
|
||||
th:text="${row.manual} ? 'вручную' : 'авто'">авто</span>
|
||||
</td>
|
||||
<td>
|
||||
<a th:if="${row.submissionId}" class="sub-link"
|
||||
th:href="@{/admin/submissions/{id}/download(id=${row.submissionId})}">сдача ↓ <span th:text="${row.submissionSeq}">1</span></a>
|
||||
<span th:unless="${row.submissionId}" class="sub-dim">не сдано</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr th:if="${#lists.isEmpty(rows)}"><td colspan="5" class="empty">В группе нет студентов.</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -19,7 +19,7 @@
|
||||
<div>
|
||||
<div class="flex items-center justify-between mb-4">
|
||||
<h2 class="section-title">Лабораторные</h2>
|
||||
<a th:href="@{/admin/labs}" class="text-sm">Все →</a>
|
||||
<a th:href="@{/admin/labs}" class="text-sm">Все лабораторные →</a>
|
||||
</div>
|
||||
<div class="card card-flush">
|
||||
<table>
|
||||
@@ -36,7 +36,7 @@
|
||||
<div>
|
||||
<div class="flex items-center justify-between mb-4">
|
||||
<h2 class="section-title">Группы</h2>
|
||||
<a th:href="@{/admin/groups}" class="text-sm">Все →</a>
|
||||
<a th:href="@{/admin/groups}" class="text-sm">Все группы →</a>
|
||||
</div>
|
||||
<div class="card card-flush">
|
||||
<table>
|
||||
|
||||
@@ -9,8 +9,10 @@
|
||||
<h1 class="page-title m-0" th:text="${group.name}">Группа</h1>
|
||||
<p class="text-sm text-muted mt-1">Студентов: <span th:text="${#lists.size(group.students)}">0</span></p>
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<button class="btn btn-primary" type="button" onclick="openModal('modal-add-student')">+ Студент</button>
|
||||
<div class="actions">
|
||||
<a class="btn btn-secondary" th:href="@{/admin/groups/{id}/submissions.zip(id=${group.id})}"
|
||||
title="ZIP со всеми последними решениями группы по всем лабораторным">Скачать работы</a>
|
||||
<button class="btn btn-secondary" type="button" onclick="openModal('modal-add-student')">+ Студент</button>
|
||||
<a class="btn btn-secondary" th:href="@{/admin/groups/{id}/credentials(id=${group.id}, format='xlsx')}">Скачать пароли</a>
|
||||
<button class="btn btn-secondary" type="button" onclick="openModal('modal-defense-import')">Импорт заданий</button>
|
||||
</div>
|
||||
@@ -18,14 +20,14 @@
|
||||
|
||||
<div class="flex flex-wrap items-center justify-between gap-2 mb-2">
|
||||
<h2 class="section-title m-0">Студенты и лабораторные</h2>
|
||||
<div class="flex flex-wrap items-center gap-2" th:if="${!#lists.isEmpty(labs)}">
|
||||
<input class="input input-sm table-search" data-target="group-table"
|
||||
placeholder="Поиск по студенту…" aria-label="Поиск по студенту">
|
||||
<select class="input input-sm" id="lab-focus" onchange="focusLab()">
|
||||
<option value="">все лабораторные</option>
|
||||
<option th:each="lab : ${labs}" th:value="${lab.id}" th:text="|ЛР ${lab.number}|">—</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap items-center gap-2 mb-2" th:if="${!#lists.isEmpty(labs)}">
|
||||
<input class="input table-search" data-target="group-table"
|
||||
placeholder="Поиск по студенту…" aria-label="Поиск по студенту">
|
||||
<select class="input" id="lab-focus" onchange="focusLab()">
|
||||
<option value="">все лабораторные</option>
|
||||
<option th:each="lab : ${labs}" th:value="${lab.id}" th:text="|ЛР ${lab.number}|">—</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div th:if="${#lists.isEmpty(labs)}" class="card card-body mb-6 text-muted">Опубликованных лабораторных пока нет.</div>
|
||||
@@ -37,10 +39,17 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="matrix-sticky th-sortable is-asc" title="ФИО — по возрастанию">Студент</th>
|
||||
<th th:each="lab : ${labs}" class="text-center lab-col" data-filter th:attr="data-lab=${lab.id}">
|
||||
<th th:each="lab : ${labs}" class="text-center lab-col" th:attr="data-lab=${lab.id}">
|
||||
<div class="lab-col-head">
|
||||
<a th:href="@{/admin/labs/{id}(id=${lab.id})}" th:text="|ЛР ${lab.number}|">ЛР</a>
|
||||
<span class="lab-col-title" th:text="${lab.title}">—</span>
|
||||
<div class="lab-head-actions">
|
||||
<button class="mini-btn" type="button"
|
||||
th:attr="data-url=@{/admin/groups/{id}/assign-modal(id=${group.id}, labId=${lab.id})},data-lab-name=|ЛР ${lab.number}|"
|
||||
onclick="openLabAssign(this)"
|
||||
title="Выдача вариантов: уровни, варианты, автокраспределение по группе">
|
||||
<svg class="cell-ico" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 6h16M4 12h16M4 18h16"/></svg>
|
||||
</button>
|
||||
<form class="inline-form" th:with="pub=${labPublication[lab.id]}, pc=${pub != null ? pub.publishedCount : 0}, all=${pub != null and pub.allPublished}"
|
||||
th:action="@{/admin/groups/{id}/publish(id=${group.id})}" method="post">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
@@ -80,54 +89,60 @@
|
||||
th:classappend="${cell.variantManual} ? 'manual' : ''"
|
||||
th:attr="data-student=${row.studentId},data-student-name=${row.fullName},data-lab=${cell.labId},data-lab-name='ЛР ' + ${cell.labNumber},data-variant=${cell.variantId}"
|
||||
onclick="openVariant(this)"
|
||||
title="Назначить вариант вручную или выдать случайный">Вариант <b th:text="${cell.variantNumber} ?: '—'">—</b></button>
|
||||
title="Назначить вариант вручную или выдать случайный">
|
||||
<span th:if="${cell.variantNumber}" th:text="'В-' + ${cell.variantNumber}">В-1</span>
|
||||
<span th:if="${cell.variantNumber == null}" class="cell-none">выдать</span>
|
||||
</button>
|
||||
<button class="score-link" type="button"
|
||||
th:classappend="${cell.score == null} ? 'none' : ''"
|
||||
th:attr="data-student=${row.studentId},data-student-name=${row.fullName},data-lab=${cell.labId},data-lab-name='ЛР ' + ${cell.labNumber},data-score=${cell.score},data-comments=${row.commentsJson},data-ci=${iterStat.index}"
|
||||
onclick="openGradeEditor(this)"
|
||||
th:title="${cell.score} ? 'Оценка ' + ${cell.score} + ' — изменить' : 'Оценки нет — выставить балл и комментарии'">
|
||||
<span th:text="${cell.score} ?: '—'">—</span>
|
||||
</button>
|
||||
<input type="checkbox" class="pub-toggle"
|
||||
th:checked="${cell.published}"
|
||||
th:attr="data-lab=${cell.labId},data-student=${row.studentId},data-name=${row.fullName}"
|
||||
th:title="${cell.published} ? 'Оценка и комментарии видны студенту — снять, чтобы скрыть' : 'Оценка и комментарии скрыты — поставить, чтобы опубликовать'">
|
||||
</div>
|
||||
<div class="cell-btns">
|
||||
<a th:if="${cell.submissionId}" class="cell-btn" title="Скачать последнее решение"
|
||||
th:href="@{/admin/submissions/{id}/download(id=${cell.submissionId}, group=${group.name}, no=${row.studentNo}, name=${row.fullName}, attempt=${cell.submissionSeq})}">↓<span class="cell-num" th:text="${cell.submissionSeq}"></span></a>
|
||||
<span th:unless="${cell.submissionId}" class="cell-btn dim" title="Решений пока не сдавалось">↓</span>
|
||||
<button class="cell-btn js-defense-cell" type="button"
|
||||
<div class="cell-sub">
|
||||
<a th:if="${cell.submissionId}" class="sub-link"
|
||||
th:href="@{/admin/submissions/{id}/download(id=${cell.submissionId}, group=${group.name}, no=${row.studentNo}, name=${row.fullName}, attempt=${cell.submissionSeq})}">сдача ↓ <span th:text="${cell.submissionSeq}">1</span></a>
|
||||
<span th:unless="${cell.submissionId}" class="sub-dim">не сдано</span>
|
||||
<button class="cell-btn st js-defense-cell" type="button"
|
||||
th:classappend="${cell.defenseStatus == null} ? 'dim' : (${cell.defenseStatus == 'ready'} ? 'ok' : 'warn')"
|
||||
th:attr="data-student=${row.studentId},data-student-name=${row.fullName},data-lab=${cell.labId},data-lab-name='ЛР ' + ${cell.labNumber},data-md=${cell.defenseAssignmentMd},data-session=${cell.defenseSessionId},data-status=${cell.defenseStatus},data-seconds=${cell.defenseSecondsLeft},data-code=${cell.defenseCode},data-reason=${cell.defenseReadyReason}"
|
||||
onclick="openDefense(this)"
|
||||
th:title="${cell.defenseStatus == null} ? 'Задание на защиту не назначено' : 'Защита: задание и действия'">
|
||||
<span>🛡</span>
|
||||
th:title="${cell.defenseStatus == null} ? 'Защита не назначена — нажмите, чтобы задать задание' : 'Защита: задание и действия'">
|
||||
<span class="cell-dim">защита:</span>
|
||||
<span class="js-def-label"
|
||||
th:text="${cell.defenseStatus == null ? 'нет' : (cell.defenseStatus == 'waiting'
|
||||
? (cell.defenseCode != null ? 'код' : 'ожид.')
|
||||
: (cell.defenseStatus == 'ready' ? 'готов' : ''))}">·</span>
|
||||
th:text="${cell.defenseStatus == null ? '—' : (cell.defenseStatus == 'waiting'
|
||||
? (cell.defenseCode != null ? 'код' : 'ожидает')
|
||||
: (cell.defenseStatus == 'ready' ? 'готова' : ''))}">—</span>
|
||||
<span th:if="${cell.defenseStatus == 'started'}" class="defense-cell-timer js-def-timer" th:data-seconds="${cell.defenseSecondsLeft}">идёт</span>
|
||||
</button>
|
||||
<button class="cell-btn" type="button"
|
||||
th:attr="data-student=${row.studentId},data-student-name=${row.fullName},data-lab=${cell.labId},data-lab-name='ЛР ' + ${cell.labNumber},data-score=${cell.score},data-comments=${row.commentsJson},data-ci=${iterStat.index}"
|
||||
onclick="openGradeEditor(this)"
|
||||
th:title="${cell.score} ? 'Оценка ' + ${cell.score} + ' — изменить' : 'Выставить балл и комментарии'">✎<span class="font-mono" th:if="${cell.score}" th:text="${cell.score}"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="cell-stack">
|
||||
<span th:if="${row.mustChangePassword}" class="badge badge-warn">временный</span>
|
||||
<span th:unless="${row.mustChangePassword}" class="badge badge-ok">изменён</span>
|
||||
<form class="inline-form" th:action="@{/admin/groups/{gid}/students/{sid}/reset-password(gid=${group.id}, sid=${row.studentId})}" method="post">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<button class="btn btn-secondary btn-sm" type="submit"
|
||||
title="Сгенерировать новый пароль (покажется один раз, потребуется смена при входе)">Сбросить</button>
|
||||
</form>
|
||||
</div>
|
||||
<span th:if="${row.mustChangePassword}" class="badge badge-warn">временный</span>
|
||||
<span th:unless="${row.mustChangePassword}" class="badge badge-ok">изменён</span>
|
||||
</td>
|
||||
<td class="text-right actions-cell">
|
||||
<form class="inline-form"
|
||||
th:action="@{/admin/groups/{gid}/students/{sid}/unenroll(gid=${group.id}, sid=${row.studentId})}"
|
||||
method="post"
|
||||
onsubmit="return confirm('Отчислить этого студента из группы? Аккаунт, сдача и оценки сохранятся; студент сможет войти и будет без группы.')">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<button class="btn btn-danger btn-sm" type="submit">Отчислить</button>
|
||||
</form>
|
||||
<div class="actions-col">
|
||||
<form th:action="@{/admin/groups/{gid}/students/{sid}/reset-password(gid=${group.id}, sid=${row.studentId})}" method="post"
|
||||
onsubmit="return confirm('Сбросить пароль студенту? Текущий пароль перестанет работать, новый покажется один раз.')">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<button class="btn btn-secondary" type="submit"
|
||||
title="Сгенерировать новый пароль (покажется один раз, потребуется смена при входе)">Сбросить</button>
|
||||
</form>
|
||||
<form th:action="@{/admin/groups/{gid}/students/{sid}/unenroll(gid=${group.id}, sid=${row.studentId})}"
|
||||
method="post"
|
||||
onsubmit="return confirm('Отчислить этого студента из группы? Аккаунт, сдача и оценки сохранятся; студент сможет войти и будет без группы.')">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<button class="btn btn-danger" type="submit">Отчислить</button>
|
||||
</form>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr th:if="${#lists.isEmpty(studentGrades)}"><td class="empty" th:attr="colspan=${#lists.size(labs) + 3}">В группе нет студентов.</td></tr>
|
||||
@@ -140,7 +155,7 @@
|
||||
<dialog id="modal-grade" class="modal modal-lg">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title" id="grade-title">Оценка и комментарии</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-grade')">✕</button>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-grade')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-stack" id="grade-form" th:action="@{/admin/groups/{id}/grades(id=${group.id})}" method="post">
|
||||
@@ -153,7 +168,7 @@
|
||||
<input class="input" id="grade-score" name="score" type="number" min="0" max="5" step="0.1"></div>
|
||||
<div id="cs-rows"></div>
|
||||
<div class="flex gap-2">
|
||||
<button class="btn btn-secondary btn-sm" type="button" onclick="csRow('','neutral')">+ комментарий</button>
|
||||
<button class="btn btn-secondary" type="button" onclick="csRow('','neutral')">+ комментарий</button>
|
||||
<button class="btn btn-primary" type="submit">Сохранить</button>
|
||||
</div>
|
||||
</form>
|
||||
@@ -165,7 +180,7 @@
|
||||
<dialog id="modal-variant" class="modal modal-lg">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Назначить вариант</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-variant')">✕</button>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-variant')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body form-stack">
|
||||
<p class="text-sm text-muted" id="variant-who">—</p>
|
||||
@@ -201,7 +216,7 @@
|
||||
<dialog id="modal-defense" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Индивидуальное задание</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-defense')">✕</button>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-defense')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-stack" id="defense-form" th:action="@{/admin/defenses/save}" method="post">
|
||||
@@ -249,7 +264,7 @@
|
||||
<dialog id="modal-defense-import" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Импорт заданий</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-defense-import')">✕</button>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-defense-import')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-stack" th:action="@{/admin/defenses/import}" method="post" enctype="multipart/form-data">
|
||||
@@ -277,7 +292,7 @@
|
||||
<dialog id="modal-add-student" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Добавить студента</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-add-student')">✕</button>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-add-student')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-stack" id="enroll-form" method="post"
|
||||
@@ -326,7 +341,42 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/js/admin-group.js" defer></script>
|
||||
<!-- Итог импорта группы: одноразовые пароли новых студентов показываются здесь один раз. -->
|
||||
<div th:if="${importResult}" class="card import-card toast">
|
||||
<div class="card-body">
|
||||
<h2 class="section-title">
|
||||
Группа <span th:text="${importResult.groupName}">—</span> импортирована
|
||||
</h2>
|
||||
<p class="text-sm" th:if="${!#lists.isEmpty(importResult.added)}">
|
||||
Новых студентов: <b th:text="${#lists.size(importResult.added)}">0</b> — логины и одноразовые пароли:
|
||||
</p>
|
||||
<table th:if="${!#lists.isEmpty(importResult.added)}">
|
||||
<thead><tr><th>Студент</th><th>Логин</th><th>Пароль</th></tr></thead>
|
||||
<tbody>
|
||||
<tr th:each="c : ${importResult.added}">
|
||||
<td th:text="${c.fullName}">—</td>
|
||||
<td class="font-mono" th:text="${c.studentNo}">—</td>
|
||||
<td class="font-mono font-semibold" th:text="${c.password}">—</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p class="text-sm" th:if="${!#lists.isEmpty(importResult.updated)}">
|
||||
Обновлено существующих студентов: <b th:text="${#lists.size(importResult.updated)}">0</b>
|
||||
</p>
|
||||
<p class="hint">Пароли показываются один раз — сохраните их или воспользуйтесь «Скачать пароли».</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Большая модалка «Выдача вариантов»: содержимое подгружается фрагментом по лабе -->
|
||||
<dialog id="modal-lab-assign" class="modal modal-lg">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title" id="assign-modal-title">Выдача вариантов</h2>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-lab-assign')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body" id="assign-modal-body"></div>
|
||||
</dialog>
|
||||
|
||||
<script th:src="@{/js/admin-group.js(v='9')}" defer></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -3,31 +3,19 @@
|
||||
<head><title>Группы — LMS</title></head>
|
||||
<body>
|
||||
<div id="content">
|
||||
<h1 class="page-title">Группы</h1>
|
||||
<div class="grid grid-2">
|
||||
<form class="card form-card form-stack" th:action="@{/admin/groups}" method="post">
|
||||
<h2 class="section-title">Создать группу</h2>
|
||||
<div><label class="label" for="name">Название</label><input class="input" id="name" name="name" placeholder="ПИ-11БО" required></div>
|
||||
<button class="btn btn-primary" type="submit">Создать</button>
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
</form>
|
||||
<form class="card form-card form-stack" th:action="@{/admin/groups/import}" method="post" enctype="multipart/form-data">
|
||||
<h2 class="section-title">Импорт студентов</h2>
|
||||
<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></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>
|
||||
<div class="flex flex-wrap items-center justify-between gap-2 mb-2 mt-8">
|
||||
<h2 class="section-title m-0">Список групп</h2>
|
||||
<input class="input input-sm table-search" data-target="groups-table"
|
||||
placeholder="Поиск по названию…" aria-label="Поиск по группам">
|
||||
<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" onclick="openModal('modal-import-group')">Импорт</button>
|
||||
<button class="btn btn-primary" type="button" onclick="openModal('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>
|
||||
<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>
|
||||
@@ -38,6 +26,39 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<dialog id="modal-create-group" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Новая группа</h2>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-create-group')">✕</button>
|
||||
</div>
|
||||
<div class="modal-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="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Импорт студентов</h2>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-import-group')">✕</button>
|
||||
</div>
|
||||
<div class="modal-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>
|
||||
</html>
|
||||
|
||||
@@ -24,9 +24,9 @@
|
||||
<input class="input" id="pointsMax" name="pointsMax" type="number" step="0.1" min="0" th:value="${lab.pointsMax}" required></div>
|
||||
<div><label class="label" for="status">Статус</label>
|
||||
<select class="input" id="status" name="status">
|
||||
<option value="draft" th:selected="${lab.status == 'draft'}">draft (черновик)</option>
|
||||
<option value="published" th:selected="${lab.status == 'published'}">published (опубликована)</option>
|
||||
<option value="archived" th:selected="${lab.status == 'archived'}">archived</option>
|
||||
<option value="draft" th:selected="${lab.status == 'draft'}">Черновик</option>
|
||||
<option value="published" th:selected="${lab.status == 'published'}">Опубликована</option>
|
||||
<option value="archived" th:selected="${lab.status == 'archived'}">В архиве</option>
|
||||
</select></div>
|
||||
</div>
|
||||
<div><label class="label" for="descriptionMd">Условие (markdown)</label>
|
||||
@@ -45,9 +45,9 @@
|
||||
<input class="input" name="levelTitles" th:value="${level.title}" required>
|
||||
</td>
|
||||
<td class="text-right">
|
||||
<button class="btn btn-danger btn-sm" type="submit" name="action"
|
||||
<button class="btn btn-danger" type="submit" name="action"
|
||||
th:value="|delete-level-${level.id}|"
|
||||
onclick="return confirm('Удалить уровень? Варианты на нём должны быть пустыми.')">
|
||||
onclick="return confirm('Удалить уровень? Несохранённые правки остальных полей формы будут потеряны. Варианты на уровне должны быть пустыми.')">
|
||||
удалить</button>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -81,9 +81,9 @@
|
||||
</div>
|
||||
<div><label class="label">Условие (markdown)</label>
|
||||
<textarea class="input" name="variantStatements" rows="6" th:text="${v.statementMd}"></textarea></div>
|
||||
<button class="btn btn-danger btn-sm" type="submit" name="action"
|
||||
<button class="btn btn-danger" type="submit" name="action"
|
||||
th:value="|delete-variant-${v.id}|"
|
||||
onclick="return confirm('Удалить вариант?')">Удалить вариант</button>
|
||||
onclick="return confirm('Удалить вариант? Несохранённые правки остальных полей формы будут потеряны.')">Удалить вариант</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -7,138 +7,31 @@
|
||||
<div class="flex flex-wrap items-center justify-between gap-4 mt-4 mb-6">
|
||||
<div>
|
||||
<h1 class="page-title" th:text="|ЛР ${lab.number}. ${lab.title}|">ЛР 1</h1>
|
||||
<p class="text-sm text-muted">
|
||||
Статус:
|
||||
<form class="inline-form" th:action="@{/admin/labs/{id}/toggle-status(id=${lab.id})}" method="post">
|
||||
<div class="text-sm text-muted">
|
||||
Статус: <span class="badge"
|
||||
th:classappend="${lab.status == 'published'} ? 'badge-ok' : 'badge-warn'"
|
||||
th:text="${lab.status == 'published'} ? 'Опубликована' : (${lab.status == 'archived'} ? 'В архиве' : 'Черновик')">draft</span>
|
||||
<form class="inline-form" th:action="@{/admin/labs/{id}/toggle-status(id=${lab.id})}" method="post"
|
||||
onsubmit="return confirm('Сменить статус лабораторной? Опубликованную увидят студенты, черновик — перестанут.')">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<button class="badge badge-btn" type="submit" onclick="return confirm('Сменить статус лабораторной?')"
|
||||
th:classappend="${lab.status == 'published'} ? 'badge-ok' : 'badge-warn'"
|
||||
th:text="${lab.status}">draft</button>
|
||||
<button class="btn btn-secondary" type="submit"
|
||||
th:text="${lab.status == 'published'} ? 'Скрыть' : 'Опубликовать'">Опубликовать</button>
|
||||
</form>
|
||||
<span th:if="${deadlineMsk != null}"> · Срок: <span th:text="${deadlineMsk} + ' МСК'"></span></span>
|
||||
<span th:if="${defenseMsk != null}"> · Защита: <span th:text="${defenseMsk} + ' МСК'"></span></span>
|
||||
· Максимум: <span th:text="${lab.pointsMax}"></span> б.
|
||||
<span th:if="${assignedCount > 0}" class="chip chip-neu">Вариантов назначено: <span th:text="${assignedCount}"></span></span>
|
||||
<span th:if="${totalVariants > 0}" class="chip chip-neu">Занято вариантов: <span th:text="${occupiedVariants}"></span> из <span th:text="${totalVariants}"></span></span>
|
||||
<span th:if="${totalVariants > 0}" class="chip chip-pos">Свободно: <span th:text="${freeVariants}"></span></span>
|
||||
<span th:if="${submissionCount > 0}" class="chip chip-pos">Сдано: <span th:text="${submissionCount}"></span></span>
|
||||
</p>
|
||||
<span th:if="${totalVariants > 0}"> · Вариантов занято: <span th:text="${occupiedVariants}"></span> из <span th:text="${totalVariants}"></span></span>
|
||||
<span th:if="${submissionCount > 0}"> · Сдач: <span th:text="${submissionCount}"></span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-2">
|
||||
<a class="btn btn-secondary" th:href="@{/admin/labs/{id}/edit(id=${lab.id})}">Редактировать</a>
|
||||
<button class="btn btn-primary" type="button" onclick="openModal('modal-distribute')">Распределить</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="section-title">Условие лабораторной</h2>
|
||||
<div class="card card-body md-body mb-6" th:utext="${descriptionHtml}"></div>
|
||||
|
||||
<div class="flex flex-wrap items-center justify-between gap-2 mb-2">
|
||||
<h2 class="section-title m-0">Назначения студентов</h2>
|
||||
<p class="text-sm text-muted m-0">
|
||||
Смена уровня сразу подбирает вариант; конкретный вариант можно закрепить вручную.
|
||||
</p>
|
||||
</div>
|
||||
<div th:if="${#lists.isEmpty(assignmentGroups)}" class="card card-body mb-6 text-muted">Нет студентов для назначения.</div>
|
||||
|
||||
<div class="card card-body mb-4" th:if="${!#lists.isEmpty(assignmentGroups)}">
|
||||
<div class="flex flex-wrap items-center gap-4">
|
||||
<label class="tone-label"><input type="checkbox" id="batch-all"
|
||||
onchange="toggleAllStudents(this)"> Выбрать всех</label>
|
||||
<form id="batch-level-form" class="inline-form" method="post"
|
||||
th:action="@{/admin/labs/{id}/batch-level(id=${lab.id})}"
|
||||
onsubmit="return collectPicked(this)">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<select name="labLevelId" class="input input-sm" th:disabled="${#lists.isEmpty(lab.levels)}">
|
||||
<option th:each="lv : ${lab.levels}" th:value="${lv.id}" th:text="${lv.title}">Уровень</option>
|
||||
</select>
|
||||
<button class="btn btn-secondary btn-sm" type="submit">Назначить уровень выбранным</button>
|
||||
</form>
|
||||
<form id="batch-variant-form" class="inline-form" method="post"
|
||||
th:action="@{/admin/labs/{id}/batch-variant(id=${lab.id})}"
|
||||
onsubmit="return collectPicked(this)">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<select name="variantId" class="input input-sm">
|
||||
<optgroup th:each="lv : ${lab.levels}" th:label="${lv.title}">
|
||||
<option th:each="v : ${lv.variants}" th:value="${v.id}"
|
||||
th:text="${(variantUsage[v.id] ?: 0) > 0 ? v.number + ' — ' + v.title + ' (занят ' + (variantUsage[v.id] ?: 0) + ')' : v.number + ' — ' + v.title}">1</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
<button class="btn btn-secondary btn-sm" type="submit">Закрепить вариант выбранным</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div th:each="g, gStat : ${assignmentGroups}" class="card mb-4" th:if="${!#lists.isEmpty(g.students)}">
|
||||
<div class="card-body">
|
||||
<div class="flex flex-wrap items-center justify-between gap-2 mb-2">
|
||||
<h3 class="group-title m-0" th:text="${g.groupName}">Группа</h3>
|
||||
<input class="input input-sm table-search" th:attr="data-target='assign-table-' + ${gStat.index}"
|
||||
placeholder="Поиск по студенту…" aria-label="Поиск по студентам группы">
|
||||
</div>
|
||||
<div class="scroll-x">
|
||||
<table class="tablekit" th:attr="id='assign-table-' + ${gStat.index}">
|
||||
<thead><tr>
|
||||
<th class="th-w-sm" data-nosort>Выбор</th><th class="th-sortable is-asc" title="ФИО — по возрастанию">Студент</th><th class="th-w-md" data-filter>Уровень</th><th class="th-w-md">Вариант</th>
|
||||
<th class="th-w-sm" data-filter>Источник</th><th data-filter>Сдача</th>
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
<tr th:each="s : ${g.students}">
|
||||
<td><input type="checkbox" class="pick-student" th:value="${s.studentId}"></td>
|
||||
<td>
|
||||
<div th:text="${s.fullName}">—</div>
|
||||
<div class="text-sm text-muted font-mono" th:text="${s.studentNo}">—</div>
|
||||
</td>
|
||||
<td>
|
||||
<form class="inline-form" method="post"
|
||||
th:action="@{/admin/labs/{id}/set-level(id=${lab.id})}">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="studentId" th:value="${s.studentId}">
|
||||
<input type="hidden" name="labId" th:value="${lab.id}">
|
||||
<select name="labLevelId" class="input input-sm" onchange="this.form.submit()"
|
||||
th:disabled="${#lists.isEmpty(lab.levels)}">
|
||||
<option th:each="lv : ${lab.levels}" th:value="${lv.id}"
|
||||
th:selected="${lv.id == s.levelId}" th:text="${lv.title}">Уровень</option>
|
||||
</select>
|
||||
</form>
|
||||
</td>
|
||||
<td>
|
||||
<form class="inline-form" method="post"
|
||||
th:action="@{/admin/labs/{id}/assign(id=${lab.id})}">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="studentId" th:value="${s.studentId}">
|
||||
<input type="hidden" name="labId" th:value="${lab.id}">
|
||||
<select name="variantId" class="input input-sm pick-variant" onchange="confirmOccupied(this)">
|
||||
<option value="">— авто —</option>
|
||||
<optgroup th:each="lv : ${lab.levels}" th:label="${lv.title}">
|
||||
<option th:each="v : ${lv.variants}" th:value="${v.id}"
|
||||
th:attr="data-taken=${variantUsage[v.id] ?: 0}"
|
||||
th:selected="${v.id == s.variantId}"
|
||||
th:text="${(variantUsage[v.id] ?: 0) > 1 ? v.number + ' — ' + v.title + ' (занят ' + (variantUsage[v.id] ?: 0) + ')' : v.number + ' — ' + v.title}">1</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</form>
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge" th:classappend="${s.source == 'вручную'} ? 'badge-ok' : 'badge-warn'"
|
||||
th:text="${s.source}">авто</span>
|
||||
</td>
|
||||
<td th:attr="data-filter-value=${s.submissionId != null ? 'сдано' : 'нет'}">
|
||||
<a th:if="${s.submissionId}" class="cell-link"
|
||||
th:href="@{/admin/submissions/{id}/download(id=${s.submissionId}, group=${g.groupName}, no=${s.studentNo}, name=${s.fullName}, attempt=${s.submissionSeq})}">
|
||||
попытка <span th:text="${s.submissionSeq}">1</span> ↓</a>
|
||||
<div th:if="${!#lists.isEmpty(s.submissionFiles)}" class="text-muted text-sm font-mono">
|
||||
<span th:text="${#strings.listJoin(s.submissionFiles, ', ')}">main.c</span>
|
||||
</div>
|
||||
<span th:unless="${s.submissionId}" class="text-muted">—</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="section-title">Уровни и варианты</h2>
|
||||
<div th:if="${#lists.isEmpty(lab.levels)}" class="card card-body text-muted">Уровней пока нет — добавьте на экране настройки.</div>
|
||||
<div th:each="level : ${lab.levels}" class="card mb-4">
|
||||
@@ -162,40 +55,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<dialog id="modal-distribute" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Распределение вариантов</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-distribute')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-stack" th:action="@{/admin/labs/{id}/distribute(id=${lab.id})}" method="post">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<p class="text-sm">
|
||||
Студенты выбранных групп раздаются одной общей очерёдностью. Каждый получает
|
||||
вариант <b>со своего уровня</b> (без уровня — с первого уровня лабораторной):
|
||||
пока внутри уровня есть не выданные никому варианты — они выдаются без повторов,
|
||||
затем вариант берётся из наименее занятых. Ручные закрепления сохраняются всегда.
|
||||
</p>
|
||||
<div th:if="${!#lists.isEmpty(groups)}">
|
||||
<label class="label">Группы (ничего не выбрано — все группы)</label>
|
||||
<div class="check-list">
|
||||
<label class="tone-label" th:each="g : ${groups}">
|
||||
<input type="checkbox" name="groupIds" th:value="${g.id}">
|
||||
<span th:text="${g.name}">—</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<label class="tone-label">
|
||||
<input type="checkbox" name="force" value="true">
|
||||
Пересоздать заново (сбросить авто-назначения у выбранных; вручную закреплённые останутся)
|
||||
</label>
|
||||
<button class="btn btn-primary" type="submit">Распределить</button>
|
||||
</form>
|
||||
</div>
|
||||
</dialog>
|
||||
|
||||
<script src="/js/admin-lab.js" defer></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -6,34 +6,41 @@
|
||||
<div class="flex items-center justify-between gap-4 mb-6">
|
||||
<h1 class="page-title">Лабораторные</h1>
|
||||
<div class="flex gap-2">
|
||||
<input class="input input-sm table-search" data-target="labs-table"
|
||||
<input class="input table-search" data-target="labs-table"
|
||||
placeholder="Поиск по названию…" aria-label="Поиск по лабораторным">
|
||||
<button class="btn btn-secondary" type="button" onclick="openModal('modal-import-lab')">Импорт</button>
|
||||
<button class="btn btn-primary" type="button" onclick="openModal('modal-create-lab')">+ Создать</button>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-sm text-muted mb-4">Статус <b>draft</b> — черновик (редактирование, студентам не видна).
|
||||
<b>published</b> — опубликована (доступна студентам, видны распределённые варианты). Нажмите на бейдж статуса, чтобы переключить.</p>
|
||||
|
||||
<div class="card card-flush">
|
||||
<table id="labs-table" class="tablekit">
|
||||
<thead><tr><th class="th-sortable is-asc" title="Номер — по возрастанию">№</th><th>Название</th><th>Вариантов</th><th data-filter>Статус</th><th data-nosort></th></tr></thead>
|
||||
<thead><tr><th class="th-sortable is-asc" title="Номер — по возрастанию">№</th><th>Название</th><th>Вариантов</th><th data-filter>Статус</th><th data-nosort>Действие</th><th data-nosort></th></tr></thead>
|
||||
<tbody>
|
||||
<tr th:each="lab : ${labs}">
|
||||
<td th:text="${lab.number}">1</td>
|
||||
<td><a th:href="@{/admin/labs/{id}(id=${lab.id})}" th:text="${lab.title}">—</a></td>
|
||||
<td th:text="${lab.variantCount}">0</td>
|
||||
<td th:attr="data-filter-value=${lab.status}">
|
||||
<form class="inline-form" th:action="@{/admin/labs/{id}/toggle-status(id=${lab.id})}" method="post">
|
||||
<td th:attr="data-filter-value=${lab.status == 'published' ? 'Опубликована' : (lab.status == 'archived' ? 'В архиве' : 'Черновик')}">
|
||||
<span class="badge"
|
||||
th:classappend="${lab.status == 'published'} ? 'badge-ok' : 'badge-warn'"
|
||||
th:text="${lab.status == 'published'} ? 'Опубликована' : (${lab.status == 'archived'} ? 'В архиве' : 'Черновик')">—</span>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<form th:action="@{/admin/labs/{id}/toggle-status(id=${lab.id})}" method="post"
|
||||
onsubmit="return confirm('Сменить статус лабораторной? Опубликованную увидят студенты, черновик — перестанут.')">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<button class="badge badge-btn"
|
||||
th:classappend="${lab.status == 'published'} ? 'badge-ok' : 'badge-warn'"
|
||||
type="submit" th:text="${lab.status}">—</button>
|
||||
<input type="hidden" name="back" th:value="@{/admin/labs}">
|
||||
<button class="btn"
|
||||
th:classappend="${lab.status == 'published'} ? 'btn-secondary' : 'btn-primary'"
|
||||
type="submit"
|
||||
th:text="${lab.status == 'published'} ? 'Скрыть' : 'Опубликовать'">—</button>
|
||||
</form>
|
||||
</td>
|
||||
<td class="text-center"><form th:action="@{/admin/labs/{id}/delete(id=${lab.id})}" method="post"><input type="hidden" name="_csrf" th:value="${csrfToken}"><button class="btn btn-danger btn-sm" type="submit">Удалить</button></form></td>
|
||||
<td class="text-center"><form th:action="@{/admin/labs/{id}/delete(id=${lab.id})}" method="post"
|
||||
onsubmit="return confirm('Удалить лабораторную вместе с вариантами и назначениями? Действие необратимо.')"><input type="hidden" name="_csrf" th:value="${csrfToken}"><button class="btn btn-danger" type="submit">Удалить</button></form></td>
|
||||
</tr>
|
||||
<tr th:if="${#lists.isEmpty(labs)}"><td colspan="5" class="empty">Лабораторных пока нет.</td></tr>
|
||||
<tr th:if="${#lists.isEmpty(labs)}"><td colspan="6" class="empty">Лабораторных пока нет.</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -42,7 +49,7 @@
|
||||
<dialog id="modal-import-lab" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Импорт лабораторной</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-import-lab')">✕</button>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-import-lab')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-stack" th:action="@{/admin/labs/import}" method="post" enctype="multipart/form-data">
|
||||
@@ -65,7 +72,7 @@
|
||||
<dialog id="modal-create-lab" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Новая лабораторная</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-create-lab')">✕</button>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-create-lab')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-stack" th:action="@{/admin/labs/create}" method="post">
|
||||
|
||||
@@ -6,9 +6,9 @@
|
||||
<h1 class="page-title">Пользователи</h1>
|
||||
|
||||
<form class="flex flex-wrap items-center gap-2 mb-4" method="get" th:action="@{/admin/users}">
|
||||
<input class="input input-sm" name="q" th:value="${query}" placeholder="Поиск по ФИО, логину, номеру или группе…" aria-label="Поиск пользователей">
|
||||
<button class="btn btn-secondary btn-sm" type="submit">Найти</button>
|
||||
<a class="btn btn-secondary btn-sm" th:href="@{/admin/users}" th:if="${!#strings.isEmpty(query)}">Сбросить</a>
|
||||
<input class="input" name="q" th:value="${query}" placeholder="Поиск по ФИО, логину, номеру или группе…" aria-label="Поиск пользователей">
|
||||
<button class="btn btn-secondary" type="submit">Найти</button>
|
||||
<a class="btn btn-secondary" th:href="@{/admin/users}" th:if="${!#strings.isEmpty(query)}">Сбросить</a>
|
||||
<span class="text-sm text-muted">Найдено: <span th:text="${#lists.size(users)}">0</span></span>
|
||||
</form>
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
onsubmit="return confirm('Удалить пользователя безвозвратно? Будут удалены аккаунт, группа, оценки с комментариями, сдачи с файлами и задания защит.');">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="q" th:value="${query}">
|
||||
<button class="btn btn-danger btn-sm" type="submit">Удалить</button>
|
||||
<button class="btn btn-danger" type="submit">Удалить</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@@ -13,9 +13,9 @@
|
||||
Смените пароль, если хотите. После сохранения вы останетесь в системе.
|
||||
</p>
|
||||
<form class="card form-card form-stack" th:action="@{/change-password}" method="post">
|
||||
<div><label class="label" for="old">Текущий пароль</label><input class="input" id="old" name="old" type="password" required></div>
|
||||
<div><label class="label" for="new">Новый пароль</label><input class="input" id="new" name="new" type="password" required><p class="hint">Минимум 8 символов.</p></div>
|
||||
<div><label class="label" for="new2">Повторите новый пароль</label><input class="input" id="new2" name="new2" type="password" required></div>
|
||||
<div><label class="label" for="old">Текущий пароль</label><input class="input" id="old" name="old" type="password" autocomplete="current-password" required></div>
|
||||
<div><label class="label" for="new">Новый пароль</label><input class="input" id="new" name="new" type="password" autocomplete="new-password" required><p class="hint">Минимум 8 символов.</p></div>
|
||||
<div><label class="label" for="new2">Повторите новый пароль</label><input class="input" id="new2" name="new2" type="password" autocomplete="new-password" required></div>
|
||||
<button class="btn btn-primary" type="submit">Сменить пароль</button>
|
||||
<a th:if="${currentUser != null and !currentUser.mustChangePassword}"
|
||||
class="btn btn-secondary" th:href="${currentUser.admin} ? @{/admin} : @{/student}">Отмена</a>
|
||||
|
||||
@@ -4,16 +4,26 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title th:replace="${title}">LMS</title>
|
||||
<link rel="icon" type="image/svg+xml" th:href="@{/favicon.svg}">
|
||||
<link rel="stylesheet" th:href="@{/css/app.css}">
|
||||
<link id="hljs-light" rel="stylesheet" th:href="@{/css/hljs-github.css}">
|
||||
<link id="hljs-dark" rel="stylesheet" th:href="@{/css/hljs-github-dark.css}" disabled>
|
||||
<script th:src="@{/js/htmx.min.js}" defer></script>
|
||||
<script th:src="@{/js/highlight.min.js}" defer></script>
|
||||
<script th:src="@{/js/table-scroll.js}" defer></script>
|
||||
<script th:src="@{/js/tablekit.js}" defer></script>
|
||||
<script th:src="@{/js/ui-state.js}" defer></script>
|
||||
<script th:src="@{/js/md-content.js}" defer></script>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<!-- Inter с запасным системным гротеском. Загрузка не блокирует рендер:
|
||||
при недоступном CDN страница открывается на системном шрифте. -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
|
||||
rel="stylesheet" media="print" onload="this.media='all'">
|
||||
<noscript>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
</noscript>
|
||||
<link rel="icon" type="image/svg+xml" th:href="@{/favicon.svg(v='2')}">
|
||||
<!-- v=4: сброс кэша стилей после редизайна; при изменении css поднимать версию -->
|
||||
<link rel="stylesheet" th:href="@{/css/app.css(v='9')}">
|
||||
<link id="hljs-light" rel="stylesheet" th:href="@{/css/hljs-github.css(v='9')}">
|
||||
<link id="hljs-dark" rel="stylesheet" th:href="@{/css/hljs-github-dark.css(v='9')}" disabled>
|
||||
<script th:src="@{/js/highlight.min.js(v='9')}" defer></script>
|
||||
<script th:src="@{/js/table-scroll.js(v='9')}" defer></script>
|
||||
<script th:src="@{/js/tablekit.js(v='9')}" defer></script>
|
||||
<script th:src="@{/js/ui-state.js(v='9')}" defer></script>
|
||||
<script th:src="@{/js/md-content.js(v='9')}" defer></script>
|
||||
<script th:src="@{/js/submit-guard.js(v='9')}" defer></script>
|
||||
<script>
|
||||
(function(){
|
||||
var t = localStorage.getItem('lms-theme') || 'light';
|
||||
@@ -99,8 +109,8 @@
|
||||
<a th:if="${currentUser.admin}" th:href="@{/admin}" class="nav-link nav-user" th:text="${currentUser.name}" title="Личный кабинет">—</a>
|
||||
<a th:unless="${currentUser.admin}" th:href="@{/student}" class="nav-link nav-user" th:text="${currentUser.name}" title="Личный кабинет">—</a>
|
||||
</th:block>
|
||||
<a th:if="${currentUser == null}" th:href="@{/login}" class="btn btn-secondary btn-sm">Войти</a>
|
||||
<button type="button" onclick="toggleTheme()" class="btn btn-secondary btn-sm theme-btn"
|
||||
<a th:if="${currentUser == null}" th:href="@{/login}" class="btn btn-primary">Войти</a>
|
||||
<button type="button" onclick="toggleTheme()" class="btn btn-primary theme-btn"
|
||||
aria-label="Сменить тему" title="Сменить тему">
|
||||
<svg class="theme-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
||||
<circle cx="12" cy="12" r="5" fill="none" stroke="currentColor" stroke-width="1.6"/>
|
||||
@@ -118,7 +128,7 @@
|
||||
</svg>
|
||||
</button>
|
||||
<form th:if="${currentUser != null}" th:action="@{/logout}" method="post">
|
||||
<button class="btn btn-secondary" type="submit">Выйти</button>
|
||||
<button class="btn btn-primary" type="submit">Выйти</button>
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
</form>
|
||||
</nav>
|
||||
@@ -141,7 +151,10 @@
|
||||
<button class="toast-close" type="button" aria-label="Закрыть" onclick="this.parentElement.remove()">✕</button>
|
||||
</div>
|
||||
<div th:if="${resetPassword}" class="toast-item toast-warning" data-toast>
|
||||
<span class="toast-text">Новый пароль: <code class="code font-mono" th:text="${resetPassword}">password</code></span>
|
||||
<span class="toast-text">
|
||||
Новый пароль<span th:if="${resetFor}" th:text="| для ${resetFor}|"> для Иванов И.</span>:
|
||||
<code class="code font-mono" th:text="${resetPassword}">password</code>
|
||||
</span>
|
||||
<button class="toast-close" type="button" aria-label="Закрыть" onclick="this.parentElement.remove()">✕</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -46,34 +46,34 @@
|
||||
</h1>
|
||||
|
||||
<div th:if="${currentUser != null and currentUser.admin}" class="flex flex-wrap gap-2 mb-4">
|
||||
<button class="btn btn-primary btn-sm" type="button" onclick="startArticleEdit()">Править</button>
|
||||
<button class="btn btn-primary" type="button" onclick="startArticleEdit()">Править</button>
|
||||
<form class="inline-form" th:action="@{/admin/content/articles/toggle-published}" method="post">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="id" th:value="${article.id}">
|
||||
<input type="hidden" name="published" th:value="${!article.published}">
|
||||
<input type="hidden" name="back" th:value="${back}">
|
||||
<button class="btn btn-sm" type="submit"
|
||||
<button class="btn" type="submit"
|
||||
th:classappend="${article.published} ? 'btn-secondary' : 'btn-primary'"
|
||||
th:text="${article.published} ? 'Скрыть от студентов' : 'Опубликовать'">Скрыть</button>
|
||||
</form>
|
||||
<a class="btn btn-secondary btn-sm"
|
||||
<a class="btn btn-secondary"
|
||||
th:href="@{/learn/{c}(c=${article.chapterSlug})}">К главе</a>
|
||||
<form class="inline-form" th:action="@{/admin/content/articles/{id}/delete(id=${article.id})}" method="post"
|
||||
onsubmit="return confirm('Удалить статью?')">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="back" th:value="${backParent}">
|
||||
<button class="btn btn-danger btn-sm" type="submit">Удалить статью</button>
|
||||
<button class="btn btn-danger" type="submit">Удалить статью</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<nav class="article-nav mb-4" th:if="${prevArticle != null or nextArticle != null}">
|
||||
<a th:if="${prevArticle != null}" class="btn btn-secondary btn-sm"
|
||||
<a th:if="${prevArticle != null}" class="btn btn-secondary"
|
||||
th:href="@{/learn/{c}/{s}/{a}(c=${prevArticle.chapterSlug}, s=${prevArticle.sectionSlug}, a=${prevArticle.slug})}"
|
||||
th:title="|${prevArticle.chapterTitle} / ${prevArticle.sectionTitle}|">
|
||||
← <span th:text="${prevArticle.title}">Предыдущая</span>
|
||||
</a>
|
||||
<span th:if="${prevArticle == null}"></span>
|
||||
<a th:if="${nextArticle != null}" class="btn btn-secondary btn-sm ml-auto"
|
||||
<a th:if="${nextArticle != null}" class="btn btn-secondary ml-auto"
|
||||
th:href="@{/learn/{c}/{s}/{a}(c=${nextArticle.chapterSlug}, s=${nextArticle.sectionSlug}, a=${nextArticle.slug})}"
|
||||
th:title="|${nextArticle.chapterTitle} / ${nextArticle.sectionTitle}|">
|
||||
<span th:text="${nextArticle.title}">Следующая</span> →
|
||||
@@ -90,8 +90,8 @@
|
||||
<div class="md-editor-head">
|
||||
<span class="md-editor-title">Редактирование статьи</span>
|
||||
<div class="flex gap-2">
|
||||
<button class="btn btn-secondary btn-sm" type="button" onclick="cancelArticleEdit()">Отмена</button>
|
||||
<button class="btn btn-primary btn-sm" type="submit">Сохранить</button>
|
||||
<button class="btn btn-secondary" type="button" onclick="cancelArticleEdit()">Отмена</button>
|
||||
<button class="btn btn-primary" type="submit">Сохранить</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body form-stack">
|
||||
@@ -126,7 +126,7 @@
|
||||
</div>
|
||||
|
||||
|
||||
<script src="/js/mdeditor.js" defer></script>
|
||||
<script th:src="@{/js/mdeditor.js(v='9')}" defer></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -15,14 +15,14 @@
|
||||
</h1>
|
||||
|
||||
<div th:if="${currentUser != null and currentUser.admin}" class="flex flex-wrap gap-2 mb-4">
|
||||
<button class="btn btn-primary btn-sm" type="button" onclick="openModal('modal-new-section')">+ Раздел</button>
|
||||
<button class="btn btn-secondary btn-sm" type="button" onclick="openModal('modal-rename-chapter')">Переименовать главу</button>
|
||||
<button class="btn btn-primary" type="button" onclick="openModal('modal-new-section')">+ Раздел</button>
|
||||
<button class="btn btn-secondary" type="button" onclick="openModal('modal-rename-chapter')">Переименовать главу</button>
|
||||
<form class="inline-form" th:action="@{/admin/content/chapters/toggle-published}" method="post">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="id" th:value="${chapter.id}">
|
||||
<input type="hidden" name="published" th:value="${!chapter.published}">
|
||||
<input type="hidden" name="back" th:value="${back}">
|
||||
<button class="btn btn-sm" type="submit"
|
||||
<button class="btn" type="submit"
|
||||
th:classappend="${chapter.published} ? 'btn-secondary' : 'btn-primary'"
|
||||
th:text="${chapter.published} ? 'Скрыть главу' : 'Опубликовать главу'">Скрыть</button>
|
||||
</form>
|
||||
@@ -30,7 +30,7 @@
|
||||
onsubmit="return confirm('Удалить главу со всеми разделами и статьями?')">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="back" th:value="${backParent}">
|
||||
<button class="btn btn-danger btn-sm" type="submit">Удалить главу</button>
|
||||
<button class="btn btn-danger" type="submit">Удалить главу</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@@ -62,24 +62,24 @@
|
||||
th:text="${section.title}">Раздел</a>
|
||||
<span th:if="${!section.published}" class="badge badge-warn">скрыто</span>
|
||||
<div th:if="${currentUser != null and currentUser.admin}" class="sort-actions">
|
||||
<button class="btn btn-secondary btn-sm" type="button"
|
||||
<button class="btn btn-secondary" type="button"
|
||||
th:data-modal="|modal-rename-section-${section.id}|" onclick="openModalData(this)">Переименовать</button>
|
||||
<form class="inline-form" th:action="@{/admin/content/sections/toggle-published}" method="post">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="id" th:value="${section.id}">
|
||||
<input type="hidden" name="published" th:value="${!section.published}">
|
||||
<input type="hidden" name="back" th:value="${back}">
|
||||
<button class="btn btn-sm" type="submit"
|
||||
<button class="btn" type="submit"
|
||||
th:classappend="${section.published} ? 'btn-secondary' : 'btn-primary'"
|
||||
th:text="${section.published} ? 'Скрыть' : 'Опубликовать'">Скрыть</button>
|
||||
</form>
|
||||
<button class="btn btn-secondary btn-sm" type="button"
|
||||
<button class="btn btn-secondary" type="button"
|
||||
th:data-modal="|modal-move-${section.id}|" onclick="openModalData(this)">Перенести статьи и удалить</button>
|
||||
<form class="inline-form" th:action="@{/admin/content/sections/{id}/delete(id=${section.id})}" method="post"
|
||||
onsubmit="return confirm('Удалить раздел вместе со статьями?')">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="back" th:value="${back}">
|
||||
<button class="btn btn-danger btn-sm" type="submit">Удалить</button>
|
||||
<button class="btn btn-danger" type="submit">Удалить</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -95,14 +95,14 @@
|
||||
th:text="${article.title}">Статья</a>
|
||||
<span th:if="${!article.published}" class="badge badge-warn">скрыто</span>
|
||||
<div th:if="${currentUser != null and currentUser.admin}" class="sort-actions">
|
||||
<a class="btn btn-secondary btn-sm"
|
||||
<a class="btn btn-secondary"
|
||||
th:href="@{/learn/{c}/{s}/{a}(c=${chapter.slug}, s=${section.slug}, a=${article.slug}, edit=1)}">Править</a>
|
||||
<form class="inline-form" th:action="@{/admin/content/articles/toggle-published}" method="post">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="id" th:value="${article.id}">
|
||||
<input type="hidden" name="published" th:value="${!article.published}">
|
||||
<input type="hidden" name="back" th:value="${back}">
|
||||
<button class="btn btn-sm" type="submit"
|
||||
<button class="btn" type="submit"
|
||||
th:classappend="${article.published} ? 'btn-secondary' : 'btn-primary'"
|
||||
th:text="${article.published} ? 'Скрыть' : 'Опубликовать'">Скрыть</button>
|
||||
</form>
|
||||
@@ -116,7 +116,7 @@
|
||||
<dialog th:id="|modal-rename-section-${section.id}|" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Переименовать раздел</h2>
|
||||
<button class="modal-close" type="button"
|
||||
<button class="modal-close" type="button" aria-label="Закрыть"
|
||||
th:data-modal="|modal-rename-section-${section.id}|" onclick="closeModalData(this)">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
@@ -132,7 +132,7 @@
|
||||
<dialog th:id="|modal-move-${section.id}|" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Перенести статьи из раздела</h2>
|
||||
<button class="modal-close" type="button"
|
||||
<button class="modal-close" type="button" aria-label="Закрыть"
|
||||
th:data-modal="|modal-move-${section.id}|" onclick="closeModalData(this)">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
@@ -140,6 +140,9 @@
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="back" th:value="${back}">
|
||||
<p class="text-sm text-muted">Выберите раздел-приёмник: статьи перенесутся туда, а текущий раздел удалится.</p>
|
||||
<p th:if="${#lists.size(sectionChoices) < 2}" class="text-sm text-muted">
|
||||
<b>Других разделов нет</b> — при подтверждении статьи будут удалены вместе с разделом.
|
||||
</p>
|
||||
<div><label class="label">Перенести в раздел</label>
|
||||
<select class="input" name="moveTo">
|
||||
<option th:each="pair : ${sectionChoices}"
|
||||
@@ -157,7 +160,7 @@
|
||||
<dialog id="modal-rename-chapter" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Переименовать главу</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-rename-chapter')">✕</button>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-rename-chapter')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-stack" th:action="@{/admin/content/chapters/{id}/rename(id=${chapter.id})}" method="post">
|
||||
@@ -173,7 +176,7 @@
|
||||
<dialog id="modal-new-section" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Новый раздел в главе</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-new-section')">✕</button>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-new-section')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-stack" th:action="@{/admin/content/sections/create}" method="post">
|
||||
@@ -187,7 +190,7 @@
|
||||
</div>
|
||||
</dialog>
|
||||
|
||||
<script src="/js/content-sort.js" defer></script>
|
||||
<script th:src="@{/js/content-sort.js(v='9')}" defer></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -11,11 +11,6 @@
|
||||
<button class="btn btn-secondary" type="button" onclick="openModal('modal-new-chapter')">+ Глава</button>
|
||||
</div>
|
||||
</div>
|
||||
<div th:if="${currentUser != null and currentUser.admin}" class="card card-body text-sm text-muted mb-4">
|
||||
Режим администратора: скрытые главы, разделы и статьи помечены значком «скрыто»
|
||||
и видны только вам. Перетаскивайте за значок ⠿ слева, чтобы менять порядок глав, разделов
|
||||
и статей, а также переносить разделы в другую главу и статьи — в другой раздел.
|
||||
</div>
|
||||
<div th:if="${currentUser != null and currentUser.admin}" id="sort-status" class="sort-status" hidden>
|
||||
<span id="sort-status-text">Изменения не сохранены…</span>
|
||||
</div>
|
||||
@@ -37,16 +32,16 @@
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="id" th:value="${chapter.id}">
|
||||
<input type="hidden" name="published" th:value="${!chapter.published}">
|
||||
<button class="btn btn-sm" type="submit"
|
||||
<button class="btn" type="submit"
|
||||
th:classappend="${chapter.published} ? 'btn-secondary' : 'btn-primary'"
|
||||
th:text="${chapter.published} ? 'Скрыть главу' : 'Опубликовать главу'">Скрыть главу</button>
|
||||
</form>
|
||||
<button class="btn btn-secondary btn-sm" type="button"
|
||||
<button class="btn btn-secondary" type="button"
|
||||
th:data-modal="|modal-rename-chapter-${chapter.id}|" onclick="openModalData(this)">Переименовать</button>
|
||||
<form class="inline-form" th:action="@{/admin/content/chapters/{id}/delete(id=${chapter.id})}" method="post"
|
||||
onsubmit="return confirm('Удалить главу со всеми разделами и статьями?')">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<button class="btn btn-danger btn-sm" type="submit">Удалить главу</button>
|
||||
<button class="btn btn-danger" type="submit">Удалить главу</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -73,18 +68,18 @@
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="id" th:value="${section.id}">
|
||||
<input type="hidden" name="published" th:value="${!section.published}">
|
||||
<button class="btn btn-sm" type="submit"
|
||||
<button class="btn" type="submit"
|
||||
th:classappend="${section.published} ? 'btn-secondary' : 'btn-primary'"
|
||||
th:text="${section.published} ? 'Скрыть раздел' : 'Опубликовать раздел'">Скрыть раздел</button>
|
||||
</form>
|
||||
<button class="btn btn-secondary btn-sm" type="button"
|
||||
<button class="btn btn-secondary" type="button"
|
||||
th:data-modal="|modal-rename-section-${section.id}|" onclick="openModalData(this)">Переименовать</button>
|
||||
<button class="btn btn-secondary btn-sm" type="button"
|
||||
<button class="btn btn-secondary" type="button"
|
||||
th:data-modal="|modal-move-${section.id}|" onclick="openModalData(this)">Перенести статьи</button>
|
||||
<form class="inline-form" th:action="@{/admin/content/sections/{id}/delete(id=${section.id})}" method="post"
|
||||
onsubmit="return confirm('Удалить раздел со всеми статьями?')">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<button class="btn btn-danger btn-sm" type="submit">Удалить раздел</button>
|
||||
<button class="btn btn-danger" type="submit">Удалить раздел</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -104,16 +99,16 @@
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="id" th:value="${article.id}">
|
||||
<input type="hidden" name="published" th:value="${!article.published}">
|
||||
<button class="btn btn-sm" type="submit"
|
||||
<button class="btn" type="submit"
|
||||
th:classappend="${article.published} ? 'btn-secondary' : 'btn-primary'"
|
||||
th:text="${article.published} ? 'Скрыть' : 'Опубликовать'">Скрыть</button>
|
||||
</form>
|
||||
<a class="btn btn-secondary btn-sm"
|
||||
<a class="btn btn-secondary"
|
||||
th:href="@{/learn/{c}/{s}/{a}(c=${chapter.slug}, s=${section.slug}, a=${article.slug}, edit=1)}">Править</a>
|
||||
<form class="inline-form" th:action="@{/admin/content/articles/{id}/delete(id=${article.id})}" method="post"
|
||||
onsubmit="return confirm('Удалить статью?')">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<button class="btn btn-danger btn-sm" type="submit">✕</button>
|
||||
<button class="btn btn-danger" type="submit">✕</button>
|
||||
</form>
|
||||
</div>
|
||||
</li>
|
||||
@@ -125,7 +120,7 @@
|
||||
<dialog th:id="|modal-rename-section-${section.id}|" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Переименовать раздел</h2>
|
||||
<button class="modal-close" type="button"
|
||||
<button class="modal-close" type="button" aria-label="Закрыть"
|
||||
th:data-modal="|modal-rename-section-${section.id}|" onclick="closeModalData(this)">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
@@ -140,7 +135,7 @@
|
||||
<dialog th:id="|modal-move-${section.id}|" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Перенести статьи из раздела</h2>
|
||||
<button class="modal-close" type="button"
|
||||
<button class="modal-close" type="button" aria-label="Закрыть"
|
||||
th:data-modal="|modal-move-${section.id}|" onclick="closeModalData(this)">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
@@ -150,6 +145,7 @@
|
||||
<div><label class="label">Перенести в раздел</label>
|
||||
<select class="input" name="moveTo">
|
||||
<option th:each="pair : ${sectionChoices}"
|
||||
th:if="${pair['id'] != section.id}"
|
||||
th:value="${pair['id']}" th:text="${pair['label']}">—</option>
|
||||
</select></div>
|
||||
<button class="btn btn-primary" type="submit">Перенести и удалить раздел</button>
|
||||
@@ -164,7 +160,7 @@
|
||||
<dialog th:id="|modal-rename-chapter-${chapter.id}|" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Переименовать главу</h2>
|
||||
<button class="modal-close" type="button"
|
||||
<button class="modal-close" type="button" aria-label="Закрыть"
|
||||
th:data-modal="|modal-rename-chapter-${chapter.id}|" onclick="closeModalData(this)">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
@@ -182,7 +178,7 @@
|
||||
<dialog id="modal-import" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Импорт материалов (zip)</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-import')">✕</button>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-import')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-stack" th:action="@{/admin/content/import}" method="post" enctype="multipart/form-data">
|
||||
@@ -208,7 +204,7 @@
|
||||
<dialog id="modal-new-chapter" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Новая глава</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-new-chapter')">✕</button>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-new-chapter')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-stack" th:action="@{/admin/content/chapters/create}" method="post">
|
||||
@@ -223,7 +219,7 @@
|
||||
<dialog id="modal-new-article" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Новая статья</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-new-article')">✕</button>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-new-article')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-stack" th:action="@{/admin/content/articles/create}" method="post">
|
||||
@@ -245,8 +241,8 @@
|
||||
</div>
|
||||
</dialog>
|
||||
|
||||
<script src="/js/mdeditor.js" defer></script>
|
||||
<script src="/js/content-sort.js" defer></script>
|
||||
<script th:src="@{/js/mdeditor.js(v='9')}" defer></script>
|
||||
<script th:src="@{/js/content-sort.js(v='9')}" defer></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -17,23 +17,23 @@
|
||||
</h1>
|
||||
|
||||
<div th:if="${currentUser != null and currentUser.admin}" class="flex flex-wrap gap-2 mb-4">
|
||||
<button class="btn btn-primary btn-sm" type="button" onclick="openModal('modal-new-article')">+ Статья</button>
|
||||
<button class="btn btn-secondary btn-sm" type="button" onclick="openModal('modal-rename-section')">Переименовать раздел</button>
|
||||
<button class="btn btn-primary" type="button" onclick="openModal('modal-new-article')">+ Статья</button>
|
||||
<button class="btn btn-secondary" type="button" onclick="openModal('modal-rename-section')">Переименовать раздел</button>
|
||||
<form class="inline-form" th:action="@{/admin/content/sections/toggle-published}" method="post">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="id" th:value="${section.id}">
|
||||
<input type="hidden" name="published" th:value="${!section.published}">
|
||||
<input type="hidden" name="back" th:value="${back}">
|
||||
<button class="btn btn-sm" type="submit"
|
||||
<button class="btn" type="submit"
|
||||
th:classappend="${section.published} ? 'btn-secondary' : 'btn-primary'"
|
||||
th:text="${section.published} ? 'Скрыть раздел' : 'Опубликовать раздел'">Скрыть</button>
|
||||
</form>
|
||||
<button class="btn btn-secondary btn-sm" type="button" onclick="openModal('modal-move-section')">Перенести статьи и удалить</button>
|
||||
<button class="btn btn-secondary" type="button" onclick="openModal('modal-move-section')">Перенести статьи и удалить</button>
|
||||
<form class="inline-form" th:action="@{/admin/content/sections/{id}/delete(id=${section.id})}" method="post"
|
||||
onsubmit="return confirm('Удалить раздел вместе со статьями?')">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="back" th:value="${backParent}">
|
||||
<button class="btn btn-danger btn-sm" type="submit">Удалить раздел</button>
|
||||
<button class="btn btn-danger" type="submit">Удалить раздел</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@@ -58,14 +58,14 @@
|
||||
<span th:if="${!article.published}" class="badge badge-warn ml-1">скрыто</span>
|
||||
</td>
|
||||
<td class="text-right actions-cell">
|
||||
<a class="btn btn-secondary btn-sm"
|
||||
<a class="btn btn-secondary"
|
||||
th:href="@{/learn/{c}/{s}/{a}(c=${chapter.slug}, s=${section.slug}, a=${article.slug}, edit=1)}">Править</a>
|
||||
<form class="inline-form" th:action="@{/admin/content/articles/toggle-published}" method="post">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="id" th:value="${article.id}">
|
||||
<input type="hidden" name="published" th:value="${!article.published}">
|
||||
<input type="hidden" name="back" th:value="${back}">
|
||||
<button class="btn btn-sm" type="submit"
|
||||
<button class="btn" type="submit"
|
||||
th:classappend="${article.published} ? 'btn-secondary' : 'btn-primary'"
|
||||
th:text="${article.published} ? 'Скрыть' : 'Опубликовать'">Скрыть</button>
|
||||
</form>
|
||||
@@ -73,7 +73,7 @@
|
||||
onsubmit="return confirm('Удалить статью?')">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="back" th:value="${back}">
|
||||
<button class="btn btn-danger btn-sm" type="submit">Удалить</button>
|
||||
<button class="btn btn-danger" type="submit">Удалить</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -85,7 +85,7 @@
|
||||
<dialog id="modal-rename-section" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Переименовать раздел</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-rename-section')">✕</button>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-rename-section')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-stack" th:action="@{/admin/content/sections/{id}/rename(id=${section.id})}" method="post">
|
||||
@@ -101,13 +101,16 @@
|
||||
<dialog id="modal-move-section" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Перенести статьи и удалить раздел</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-move-section')">✕</button>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-move-section')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-stack" th:action="@{/admin/content/sections/{id}/delete(id=${section.id})}" method="post">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="back" th:value="${backParent}">
|
||||
<p class="text-sm text-muted">Выберите раздел-приёмник: его статьи перенесутся туда, а текущий раздел удалится.</p>
|
||||
<p th:if="${#lists.size(sectionChoices) < 2}" class="text-sm text-muted">
|
||||
<b>Других разделов нет</b> — при подтверждении статьи будут удалены вместе с разделом.
|
||||
</p>
|
||||
<div><label class="label" for="moveTo">Перенести в раздел</label>
|
||||
<select class="input" id="moveTo" name="moveTo">
|
||||
<option th:each="pair : ${sectionChoices}"
|
||||
@@ -122,7 +125,7 @@
|
||||
<dialog id="modal-new-article" class="modal">
|
||||
<div class="modal-header">
|
||||
<h2 class="modal-title">Новая статья в разделе</h2>
|
||||
<button class="modal-close" type="button" onclick="closeModal('modal-new-article')">✕</button>
|
||||
<button class="modal-close" type="button" aria-label="Закрыть" onclick="closeModal('modal-new-article')">✕</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="form-stack" th:action="@{/admin/content/articles/create}" method="post">
|
||||
@@ -144,7 +147,7 @@
|
||||
</div>
|
||||
</dialog>
|
||||
|
||||
<script src="/js/content-sort.js" defer></script>
|
||||
<script th:src="@{/js/content-sort.js(v='9')}" defer></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -9,8 +9,8 @@
|
||||
Аккаунт администратора ещё не создан. <a th:href="@{/setup}">Создать первый аккаунт</a>
|
||||
</div>
|
||||
<form class="card form-card form-stack" th:action="@{/login}" method="post">
|
||||
<div><label class="label" for="login">Логин</label><input class="input" id="login" name="login" th:value="${login}" autofocus required></div>
|
||||
<div><label class="label" for="password">Пароль</label><input class="input" id="password" name="password" type="password" required></div>
|
||||
<div><label class="label" for="login">Логин</label><input class="input" id="login" name="login" autocomplete="username" th:value="${login}" autofocus required></div>
|
||||
<div><label class="label" for="password">Пароль</label><input class="input" id="password" name="password" type="password" autocomplete="current-password" required></div>
|
||||
<button class="btn btn-primary" type="submit">Войти</button>
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
</form>
|
||||
|
||||
@@ -7,9 +7,9 @@
|
||||
<h1 class="page-title">Создание администратора</h1>
|
||||
<p class="text-sm text-muted mb-4">Это разовая настройка. Аккаунт преподавателя создаётся один раз.</p>
|
||||
<form class="card form-card form-stack" th:action="@{/setup}" method="post">
|
||||
<div><label class="label" for="login">Логин</label><input class="input" id="login" name="login" th:value="${login}" autofocus required></div>
|
||||
<div><label class="label" for="password">Пароль</label><input class="input" id="password" name="password" type="password" required><p class="hint">Минимум 8 символов.</p></div>
|
||||
<div><label class="label" for="password2">Повторите пароль</label><input class="input" id="password2" name="password2" type="password" required></div>
|
||||
<div><label class="label" for="login">Логин</label><input class="input" id="login" name="login" autocomplete="username" th:value="${login}" autofocus required></div>
|
||||
<div><label class="label" for="password">Пароль</label><input class="input" id="password" name="password" type="password" autocomplete="new-password" required><p class="hint">Минимум 8 символов.</p></div>
|
||||
<div><label class="label" for="password2">Повторите пароль</label><input class="input" id="password2" name="password2" type="password" autocomplete="new-password" required></div>
|
||||
<button class="btn btn-primary" type="submit">Создать и войти</button>
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
</form>
|
||||
|
||||
@@ -33,7 +33,7 @@
|
||||
</h3>
|
||||
<p class="text-sm" th:text="${c.title}">—</p>
|
||||
<div class="flex flex-wrap gap-2 mt-2 text-sm">
|
||||
<span th:if="${c.variantNumber}" class="badge badge-warn">вариант <span class="font-mono" th:text="${c.variantNumber}"></span></span>
|
||||
<span th:if="${c.variantNumber}" class="badge">вариант <span class="font-mono" th:text="${c.variantNumber}"></span></span>
|
||||
<span th:if="${c.submissionSeq}" class="badge badge-ok">сдано (попытка <span th:text="${c.submissionSeq}">1</span>)</span>
|
||||
<span th:unless="${c.submissionSeq}" class="badge badge-warn">не сдано</span>
|
||||
<span th:if="${c.grade}" class="badge badge-ok">оценка: <span th:text="${c.grade}"></span></span>
|
||||
|
||||
@@ -46,8 +46,8 @@
|
||||
<tr th:each="s : ${submissions}">
|
||||
<td th:text="${s.seq}">1</td>
|
||||
<td class="text-muted" th:text="${s.createdAt}"></td>
|
||||
<td class="font-mono text-sm"><span th:each="f : ${s.files}" th:text="${f}"></span></td>
|
||||
<td><a class="btn btn-secondary btn-sm" th:href="'/student/submissions/' + ${s.id} + '/download'">Скачать</a></td>
|
||||
<td class="font-mono text-sm" th:text="${#strings.listJoin(s.files, ', ')}">main.c</td>
|
||||
<td><a class="btn btn-secondary" th:href="'/student/submissions/' + ${s.id} + '/download'">Скачать</a></td>
|
||||
</tr>
|
||||
<tr th:if="${#lists.isEmpty(submissions)}"><td colspan="4" class="empty">Нет сдач.</td></tr>
|
||||
</tbody>
|
||||
@@ -89,7 +89,8 @@
|
||||
<form class="inline-form" th:action="@{/student/defenses/start}" method="post">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<input type="hidden" name="labId" th:value="${lab.id}">
|
||||
<input class="input input-sm" name="code" placeholder="6-значный код" maxlength="6" pattern="[0-9]{6}" required>
|
||||
<input class="input" name="code" placeholder="6-значный код" maxlength="6" pattern="[0-9]{6}"
|
||||
inputmode="numeric" autocomplete="one-time-code" required>
|
||||
<button class="btn btn-primary" type="submit">Приступить к защите</button>
|
||||
</form>
|
||||
</th:block>
|
||||
@@ -97,7 +98,8 @@
|
||||
<p class="text-sm defense-timer" th:attr="data-seconds=${defense.secondsLeft},data-lab=${lab.id}"></p>
|
||||
<h3 class="group-title">Ваше индивидуальное задание</h3>
|
||||
<div class="md-body" th:utext="${defense.assignmentHtml}"></div>
|
||||
<form class="mt-4" th:action="'/student/defenses/' + ${defense.id} + '/finish?labId=' + ${lab.id}" method="post">
|
||||
<form class="mt-4" th:action="'/student/defenses/' + ${defense.id} + '/finish?labId=' + ${lab.id}" method="post"
|
||||
onsubmit="return confirm('Завершить защиту? Продолжить её будет нельзя — дождитесь преподавателя.')">
|
||||
<input type="hidden" name="_csrf" th:value="${csrfToken}">
|
||||
<button class="btn btn-primary" type="submit">Готов к сдаче</button>
|
||||
</form>
|
||||
@@ -107,7 +109,7 @@
|
||||
<p class="text-sm text-muted">Ожидайте преподавателя с проверкой.</p>
|
||||
</div>
|
||||
</div>
|
||||
<script src="/js/defense-timer.js"></script>
|
||||
<script th:src="@{/js/defense-timer.js(v='9')}" defer></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
<a th:href="@{/student/labs/{id}(id=${c.id})}" th:text="|Лабораторная работа ${c.number}. ${c.title}|">ЛР</a>
|
||||
</h2>
|
||||
<div class="flex flex-wrap gap-2 text-sm mt-2">
|
||||
<span th:if="${c.variantNumber}" class="badge badge-warn">Вариант <span class="font-mono" th:text="${c.variantNumber}"></span></span>
|
||||
<span th:if="${c.variantNumber}" class="badge">Вариант <span class="font-mono" th:text="${c.variantNumber}"></span></span>
|
||||
<span th:if="${c.submissionSeq}" class="badge badge-ok">сдано (попытка <span th:text="${c.submissionSeq}"></span>)</span>
|
||||
<span th:unless="${c.submissionSeq}" class="badge badge-warn">не сдано</span>
|
||||
<span th:if="${c.grade}" class="badge badge-ok">оценка: <span th:text="${c.grade}"></span></span>
|
||||
|
||||
Reference in New Issue
Block a user