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
38 строки
2.0 KiB
HTML
38 строки
2.0 KiB
HTML
{% from "_ui.html" import icon, logo, vm_badge %}
|
|
<!doctype html>
|
|
<html lang="ru" data-theme="dark">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Экран {{ vm.name }} — Virtuality</title>
|
|
<link rel="stylesheet" href="/static/app.css?v={{ app_version }}">
|
|
</head>
|
|
<body class="console-page">
|
|
<header class="console-bar">
|
|
<div class="row">
|
|
<span class="brand-mark" style="width:28px;height:28px;border-radius:8px">{{ logo() }}</span>
|
|
<strong>{{ vm.name }}</strong>
|
|
{{ vm_badge(vm.info.state) }}
|
|
</div>
|
|
<div class="row">
|
|
<span class="small" style="color:#8b95a7">Чтобы вернуть курсор, нажмите Ctrl+Alt</span>
|
|
<a class="btn btn-sm" href="/vm/{{ vm.name }}">{{ icon('settings', 'icon-sm') }}Настройки машины</a>
|
|
</div>
|
|
</header>
|
|
{% if console.url %}
|
|
<iframe class="console-frame" src="{{ console.url }}" allowfullscreen title="Экран машины {{ vm.name }}"></iframe>
|
|
{% else %}
|
|
<main style="flex:1;display:grid;place-items:center;padding:24px">
|
|
<div class="card" style="max-width:480px;background:#11141b;border-color:#232935">
|
|
<div class="empty">
|
|
<div class="empty-art">{{ icon('monitor', 'icon-xl') }}</div>
|
|
<h3 style="color:#edf0f6">Экран недоступен</h3>
|
|
<p style="color:#a9b1c2">{% if not console.has_novnc %}На сервере не установлен компонент noVNC. Переустановите панель: <code>sudo bash scripts/install_web_panel.sh</code>{% else %}Машина выключена или ещё загружается. Запустите её и обновите страницу.{% endif %}</p>
|
|
<div class="row"><a class="btn btn-primary" href="/vm/{{ vm.name }}">К машине</a><button class="btn" onclick="location.reload()">Обновить</button></div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
{% endif %}
|
|
</body>
|
|
</html>
|
© 2026 StackWorks