Claude
4098c270a4
Новый дизайн в стиле коммерческих продуктов, рассчитанный на обычного пользователя: - светлая и тёмная темы (следует системной), шрифт Inter и иконки Lucide вшиты в панель — работает без интернета; - общий каркас base.html и компоненты _ui.html вместо 14 независимых страниц; адаптивная вёрстка для телефона; - простой язык: «Работает / Выключена», «Автозапуск», «Доступ из интернета» вместо running, autostart, DNAT; технические данные убраны во вкладку «Для специалистов»; - главная: загрузка процессора, памяти и хранилища, карточки машин с главным действием и меню остальных, приветственный сценарий для первой машины; - мастер создания машины из трёх шагов с готовыми конфигурациями; - страница машины с вкладками, переключателем автозапуска и порядком загрузки кнопками; - «Сеть и доступ»: открытие SSH, сайта, RDP и т. д. из списка, ручные IP машин, понятная диагностика; - загрузка образов перетаскиванием с прогрессом и оставшимся временем; - подтверждения опасных действий в диалоге и уведомления; - раздел «Помощь»; - web/presenters.py переводит вывод virsh и /proc в данные для страниц; tests/dev_server.py запускает панель с имитацией virsh. Также: исправлено определение модели CPU на x86 («207» вместо названия процессора), история версии 0.10.0 и документация обновлены под Ubuntu 26.04 LTS, в README добавлены скриншоты. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_019LEUXMcdZo7b87mjkUsPgg
57 строки
3.1 KiB
HTML
57 строки
3.1 KiB
HTML
{% extends "base.html" %}
|
|
{% from "_ui.html" import icon, badge, alert %}
|
|
{% set page_title = 'Сервер' %}
|
|
{% set problems = profile.checks|selectattr('level', 'ne', 'ok')|list %}
|
|
|
|
{% block page_header %}
|
|
<div class="page-header">
|
|
<div>
|
|
<h1>Сервер</h1>
|
|
<p class="lead">Оборудование и готовность сервера к работе с виртуальными машинами.</p>
|
|
</div>
|
|
<div class="page-actions">
|
|
<form method="post" action="/host/refresh" data-toast="Проверка выполнена"><button class="btn">{{ icon('refresh-cw', 'icon-sm') }}Проверить заново</button></form>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<section class="grid grid-main">
|
|
<div class="stack">
|
|
<article class="card">
|
|
<div class="card-header">
|
|
<div><h2>Готовность</h2><p>{{ 'Всё готово для запуска машин' if not problems else 'Есть замечания — ниже написано, что сделать' }}</p></div>
|
|
{% if profile.ready and not problems %}{{ badge('Готов', 'success') }}{% elif profile.ready %}{{ badge('Работает с замечаниями', 'warning') }}{% else %}{{ badge('Не готов', 'danger') }}{% endif %}
|
|
</div>
|
|
<div class="checklist">
|
|
{% for check in profile.checks %}
|
|
{% set level = check.level|default('ok' if check.ok else 'err') %}
|
|
{% set tone = 'success' if level == 'ok' else 'warning' if level == 'warn' else 'danger' %}
|
|
<div class="check-item {{ tone }}">
|
|
{{ icon('circle-check' if tone == 'success' else 'triangle-alert' if tone == 'warning' else 'circle-x') }}
|
|
<div><strong>{{ check.name }}</strong>{% if tone != 'success' %}<span>{{ check.hint }}</span>{% endif %}</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</article>
|
|
</div>
|
|
|
|
<aside class="stack">
|
|
<article class="card">
|
|
<div class="card-header"><h2>Оборудование</h2></div>
|
|
<div class="card-body" style="padding-top:6px;padding-bottom:6px">
|
|
<div class="summary-row"><span>Тип</span><strong>{{ profile.label }}</strong></div>
|
|
<div class="summary-row"><span>Модель</span><strong>{{ profile.model }}</strong></div>
|
|
<div class="summary-row"><span>Архитектура</span><strong>{{ profile.arch }}</strong></div>
|
|
<div class="summary-row"><span>Ускорение</span><strong>{{ 'KVM (аппаратное)' if profile.virtualization_mode == 'kvm' else 'Эмуляция (медленно)' }}</strong></div>
|
|
<div class="summary-row"><span>Сеть по умолчанию</span><strong>{{ 'Локальная сеть' if profile.recommended_network == 'bridge' else 'Автоматически (NAT)' }}</strong></div>
|
|
</div>
|
|
</article>
|
|
<details class="advanced">
|
|
<summary>{{ icon('terminal', 'icon-sm') }}Профиль целиком<span class="chev">{{ icon('chevron-down', 'icon-sm') }}</span></summary>
|
|
<div class="advanced-body"><pre class="terminal" style="max-height:360px">{{ profile_json }}</pre></div>
|
|
</details>
|
|
</aside>
|
|
</section>
|
|
{% endblock %}
|
© 2026 StackWorks