76 lines
3.9 KiB
HTML
76 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Судьи</title>
|
||
<link rel="icon" href="/static/smith.ico" type="image/x-icon">
|
||
<style>
|
||
:root {
|
||
--bg: #0f1115; --panel: #171a21; --panel-2: #1d222b; --border: #2b3240;
|
||
--text: #e8ecf3; --muted: #9aa4b2; --accent: #4f8cff; --shadow: 0 10px 30px rgba(0,0,0,.35); --radius: 16px;
|
||
}
|
||
* { box-sizing: border-box; }
|
||
body { margin: 0; background: var(--bg); color: var(--text); font-family: Arial, sans-serif; }
|
||
.page { max-width: 1400px; margin: 0 auto; padding: 24px; }
|
||
.panel { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding: 20px; }
|
||
.topbar { display: flex; gap: 12px; justify-content: space-between; align-items: center; margin-bottom: 18px; flex-wrap: wrap; }
|
||
.title { font-size: 24px; font-weight: 700; }
|
||
.search-form { display: flex; gap: 10px; flex-wrap: wrap; }
|
||
input[type="text"] { min-width: 280px; min-height: 42px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--border); background: var(--panel-2); color: var(--text); }
|
||
.btn { min-height: 42px; padding: 0 14px; border: none; border-radius: 10px; cursor: pointer; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; }
|
||
.btn-primary { background: var(--accent); color: white; }
|
||
.btn-secondary { background: transparent; color: var(--text); border: 1px solid var(--border); }
|
||
table { width: 100%; border-collapse: collapse; background: var(--panel-2); border-radius: 12px; overflow: hidden; }
|
||
th, td { padding: 10px 12px; border-bottom: 1px solid var(--border); text-align: left; font-size: 14px; }
|
||
th { color: var(--muted); font-weight: 600; }
|
||
tr:last-child td { border-bottom: none; }
|
||
.id-col { width: 70px; }
|
||
.action-col { width: 140px; text-align: right; }
|
||
.empty-box { padding: 18px; border-radius: 12px; background: var(--panel-2); color: var(--muted); border: 1px dashed var(--border); }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="page">
|
||
<div class="panel">
|
||
<div class="topbar">
|
||
<div class="title">Судьи</div>
|
||
<form method="get" action="/admin/db/referees" class="search-form">
|
||
<input type="text" name="q" value="{{ q }}" placeholder="Поиск по ФИО или external_id">
|
||
<button type="submit" class="btn btn-primary">Найти</button>
|
||
{% if request.state.current_user and request.state.current_user.role == "admin" %}
|
||
<a href="/admin/db/create?entity=referee" class="btn btn-primary">➕ Создать судью</a>
|
||
{% endif %}
|
||
<a href="/admin/db" class="btn btn-secondary">Назад</a>
|
||
</form>
|
||
</div>
|
||
|
||
{% if referees %}
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th class="id-col">ID</th>
|
||
<th>ФИО</th>
|
||
<th>External ID</th>
|
||
<th class="action-col"></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{% for r in referees %}
|
||
<tr>
|
||
<td>{{ r.id }}</td>
|
||
<td>{{ r.full_name }}</td>
|
||
<td>{{ r.external_id }}</td>
|
||
<td class="action-col">
|
||
<a href="/admin/db/referees/{{ r.id }}/edit" class="btn btn-secondary">Редактировать</a>
|
||
</td>
|
||
</tr>
|
||
{% endfor %}
|
||
</tbody>
|
||
</table>
|
||
{% else %}
|
||
<div class="empty-box">Судьи не найдены.</div>
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |