Константин Лебединский
149 lines
6.4 KiB
HTML
149 lines
6.4 KiB
HTML
<!doctype html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
|
<title>{% block title %}Тестирование персонала{% endblock %}</title>
|
|
|
|
{# Tailwind CDN — на E1.0 этого достаточно. В Этапе 2/CI можно заменить на сборку. #}
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
// Палитра/типографика в стиле webapp-nginx (cabinet-theme).
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Manrope', 'Inter', 'system-ui', 'sans-serif'],
|
|
},
|
|
colors: {
|
|
brand: {
|
|
50: '#ecf7f6',
|
|
100: '#d9efec',
|
|
300: '#9bd7d0',
|
|
500: '#007168',
|
|
600: '#00645b',
|
|
700: '#00574f',
|
|
},
|
|
ink: {
|
|
900: '#0d1b1d',
|
|
700: '#3d5357',
|
|
500: '#506965',
|
|
300: '#b9bc94',
|
|
100: '#f3f8f9',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@600;700;800&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined"
|
|
/>
|
|
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/app.css') }}" />
|
|
{% block head %}{% endblock %}
|
|
</head>
|
|
<body data-ui-variant="{{ ui_variant }}"
|
|
class="min-h-screen bg-ink-100 text-ink-900 font-sans antialiased ui-{{ ui_variant }}">
|
|
{% if ui_variant == 'legacy' %}
|
|
<div class="cabinet-app">
|
|
<header class="cabinet-header">
|
|
<div class="cabinet-header__inner">
|
|
<a href="{{ url_for('tests.tests_list_page') }}" class="cabinet-brand">
|
|
<img src="{{ url_for('static', filename='img/clinic-logo.png') }}"
|
|
alt="Логотип клиники" class="cabinet-brand__logo" />
|
|
<div>
|
|
<div class="cabinet-brand__title">Тестирование</div>
|
|
</div>
|
|
</a>
|
|
<div class="cabinet-header__actions">
|
|
{% if current_user %}
|
|
<span class="cabinet-user" title="{{ (current_user.full_name or current_user.login) ~ (' · ' ~ format_role(current_user.role) if format_role(current_user.role) else '') }}">
|
|
{{ format_name_short(current_user.full_name, current_user.login) }}
|
|
{% if format_role(current_user.role) %}<span class="cabinet-user__role"> · {{ format_role(current_user.role) }}</span>{% endif %}
|
|
</span>
|
|
<form method="post" action="{{ url_for('auth.logout') }}" class="inline">
|
|
<button type="submit" class="btn btn-ghost">Выйти</button>
|
|
</form>
|
|
{% else %}
|
|
<a href="{{ url_for('auth.login_page') }}" class="btn btn-ghost">Войти</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main class="cabinet-main">
|
|
{% block content scoped %}{% endblock %}
|
|
</main>
|
|
</div>
|
|
{% else %}
|
|
<header class="sticky top-0 z-30 bg-white/90 backdrop-blur border-b border-ink-300/50">
|
|
<div class="mx-auto max-w-2xl px-4 h-14 flex items-center justify-between">
|
|
<a href="{{ url_for('main.index') }}" class="flex items-center gap-2 font-semibold text-ink-900">
|
|
<img src="{{ url_for('static', filename='img/clinic-logo.png') }}"
|
|
alt="Логотип клиники" class="h-7 w-7 object-contain" />
|
|
<span>Тестирование</span>
|
|
</a>
|
|
<nav class="flex items-center gap-1 sm:gap-2 text-sm">
|
|
{% if current_user %}
|
|
<a href="{{ url_for('tests.tests_list_page') }}"
|
|
class="inline-flex items-center justify-center gap-1
|
|
min-w-10 min-h-10 px-2 sm:px-3 rounded-lg
|
|
text-ink-700 hover:bg-ink-100"
|
|
title="Каталог тестов" aria-label="Каталог тестов">
|
|
<span class="material-symbols-outlined text-base">list_alt</span>
|
|
<span class="hidden sm:inline">Тесты</span>
|
|
</a>
|
|
<a href="{{ url_for('settings.settings_page') }}"
|
|
class="inline-flex items-center justify-center gap-1
|
|
min-w-10 min-h-10 px-2 sm:px-3 rounded-lg
|
|
text-ink-700 hover:bg-ink-100"
|
|
title="Настройки" aria-label="Настройки">
|
|
<span class="material-symbols-outlined text-base">settings</span>
|
|
<span class="hidden sm:inline">Настройки</span>
|
|
</a>
|
|
<span class="hidden md:inline text-ink-500">
|
|
{{ current_user.full_name or current_user.login }}
|
|
<span class="text-ink-300">·</span>
|
|
<span class="text-brand-700">{{ format_role(current_user.role) }}</span>
|
|
</span>
|
|
<form method="post" action="{{ url_for('auth.logout') }}" class="inline">
|
|
<button type="submit"
|
|
class="inline-flex items-center justify-center gap-1
|
|
min-w-10 min-h-10 px-2 sm:px-3 rounded-lg
|
|
text-ink-700 hover:bg-ink-100 transition"
|
|
title="Выйти" aria-label="Выйти">
|
|
<span class="material-symbols-outlined text-base">logout</span>
|
|
<span class="hidden sm:inline">Выйти</span>
|
|
</button>
|
|
</form>
|
|
{% else %}
|
|
<a href="{{ url_for('auth.login_page') }}"
|
|
class="inline-flex items-center gap-1 px-3 py-2 rounded-lg
|
|
text-brand-700 hover:bg-brand-50 transition min-h-10">
|
|
<span class="material-symbols-outlined text-base">login</span>
|
|
Войти
|
|
</a>
|
|
{% endif %}
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<main class="mx-auto max-w-2xl px-4 py-6">
|
|
{{ self.content() }}
|
|
</main>
|
|
<footer class="mx-auto max-w-2xl px-4 py-8 text-xs text-ink-500">
|
|
{% block footer %}testing-flask-app · Этап 1{% endblock %}
|
|
</footer>
|
|
{% endif %}
|
|
|
|
{% block scripts %}{% endblock %}
|
|
</body>
|
|
</html>
|