mirror of
https://github.com/retspen/webvirtcloud
synced 2026-11-08 19:26:48 +00:00
1cb1f8ac6a
The console pages carried style blocks for what Bootstrap 5.3 has: - the page's column (flex, no padding, a #494949 background) is d-flex flex-column p-0 bg-dark; its height stays 100dvh inline, as vh-100 would run under a phone browser's bar; - the VNC screen and the serial terminal fill the rest with flex-grow-1, the screen overflow-hidden, the terminal bg-black; their min-height: 0 stays inline (Bootstrap has no class for it); - the rule centring the VNC canvas goes: noVNC centres its own canvas and draws its own background. The unused main_container id goes with its style block.
30 lines
1.2 KiB
HTML
30 lines
1.2 KiB
HTML
{% extends "console-base.html" %}
|
|
{% load i18n %}
|
|
{% load static %}
|
|
|
|
{% block head %}
|
|
<link rel="stylesheet" href="{% static 'css/xterm.css' %}"/>
|
|
<script src="{% static 'js/xterm/xterm.js' %}"></script>
|
|
<script src="{% static 'js/xterm/addon-fit.js' %}"></script>
|
|
<script src="{% static 'js/socket.io.js' %}"></script>
|
|
{{ token|json_script:"serial-token" }}
|
|
<script type="module" src="{% static "js/console_serial.js" %}"></script>
|
|
{% endblock %}
|
|
|
|
{% block navbarstatus %}
|
|
<span id="status" class="badge text-bg-secondary" role="status"
|
|
data-connected="{% trans "Connected" %}" data-disconnected="{% trans "Disconnected" %}"
|
|
data-taken-over="{% trans "Taken over by %(name)s" %}"
|
|
data-hint="{% trans "Connected. If the VM shows nothing, press Enter." %}">{% trans "Connecting" %}</span>
|
|
{% endblock %}
|
|
|
|
{% block navbarmenu %}{% include "console-menu.html" with serial=True %}{% endblock %}
|
|
|
|
{% block navbarend %}
|
|
<button type="button" class="btn btn-sm btn-light" id="connection_button"
|
|
data-disconnect="{% trans "Disconnect" %}" data-reconnect="{% trans "Reconnect" %}">{% trans "Disconnect" %}</button>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div id="terminal" class="flex-grow-1 bg-black" style="min-height: 0;"></div>
|
|
{% endblock %}
|