Страница консоли VM растянута на всё окно браузера

Этот коммит содержится в:
Виктор
2026-05-06 22:38:10 +09:00
родитель abfc35a9f5
Коммит 6de1d8e2a3
+29 -44
Просмотреть файл
@@ -6,57 +6,42 @@
<title>Консоль {{ vm.name }} — {{ app_name }}</title> <title>Консоль {{ vm.name }} — {{ app_name }}</title>
<link rel="stylesheet" href="/static/app.css"> <link rel="stylesheet" href="/static/app.css">
</head> </head>
<body> <body class="console-body">
<div class="shell console-shell"> <div class="console-window">
<header class="topbar"> <header class="console-topbar">
<div> <div class="console-title">
<div class="brand">Консоль: {{ vm.name }}</div> <strong>{{ vm.name }}</strong>
<div class="muted">noVNC через авторизованный WebSocket proxy Virtuality</div> <span>VNC {{ console.display }}{% if console.port %} · port {{ console.port }}{% endif %}</span>
</div> </div>
<div class="top-meta"> <div class="console-actions">
<span>user: {{ user }}</span> <span class="status {{ 'ok' if console.url else 'err' }}">{{ 'connected ready' if console.url else 'not ready' }}</span>
<a class="link-pill" href="/vm/{{ vm.name }}">VM</a> <a class="link-pill" href="/vm/{{ vm.name }}">VM</a>
<a class="link-pill" href="/">Дашборд</a> <a class="link-pill" href="/">Дашборд</a>
</div> </div>
</header> </header>
<section class="grid stats">
<article class="card stat">
<div class="label">VNC display</div>
<div class="value small">{{ console.display }}</div>
</article>
<article class="card stat">
<div class="label">VNC port</div>
<div class="value small">{{ console.port or 'not available' }}</div>
</article>
<article class="card stat">
<div class="label">noVNC</div>
<div class="value small">{{ 'ready' if console.has_novnc else 'not installed' }}</div>
</article>
<article class="card stat">
<div class="label">VM IP</div>
<div class="value small">{{ vm.ip }}</div>
</article>
</section>
{% if console.url %} {% if console.url %}
<section class="card console-card"> <main class="console-main">
<iframe class="console-frame" src="{{ console.url }}" allowfullscreen></iframe> <iframe class="console-frame-full" src="{{ console.url }}" allowfullscreen></iframe>
</section> </main>
{% else %} {% else %}
<section class="card"> <main class="console-main console-error-wrap">
<div class="card-head"> <section class="card console-error-card">
<h2>Консоль пока недоступна</h2> <div class="card-head">
<span class="status err">not ready</span> <h2>Консоль пока недоступна</h2>
</div> <span class="status err">not ready</span>
<div class="services"> </div>
<div class="service-row"><span>noVNC path</span><span>{{ console.novnc_dir }}</span></div> <div class="services">
<div class="service-row"><span>VNC display</span><span>{{ console.display }}</span></div> <div class="service-row"><span>noVNC path</span><span>{{ console.novnc_dir }}</span></div>
</div> <div class="service-row"><span>VNC display</span><span>{{ console.display }}</span></div>
<div class="notice top-space"> <div class="service-row"><span>VNC port</span><span>{{ console.port or 'not available' }}</span></div>
Проверь, что VM запущена, у неё есть VNC display, а пакет novnc установлен. После обновления web-панели установщик должен поставить novnc автоматически. <div class="service-row"><span>VM IP</span><span>{{ vm.ip }}</span></div>
</div> </div>
</section> <div class="notice top-space">
Проверь, что VM запущена, у неё есть VNC display, а пакет novnc установлен. После обновления web-панели установщик должен поставить novnc автоматически.
</div>
</section>
</main>
{% endif %} {% endif %}
</div> </div>
</body> </body>