1
0
Fork 0
mirror of https://github.com/retspen/webvirtcloud synced 2026-11-08 11:16:47 +00:00
webvirtcloud/computes/templates/create_comp_block.html
catborise 321749f8fa feat(computes): the Computes list on Bootstrap's cards, badges, bars and menus
- Totals above the list: hosts connected of all, VMs running of all,
  vCPUs given on the CPUs, memory given of the memory of the hosts the
  panel reads, as cards; the connected count is red while a host is
  not.
- A host's name links its overview; its state is a Connected or Not
  connected badge (the dot goes), beside a badge of how the panel
  reaches it (TCP, SSH, TLS, Socket); its address in monospace.
- A VMs column: the host's VMs, linked to its Instances, and how many
  run.
- The vCPUs have a bar like the memory's: running VMs' and shut-off
  VMs' vCPUs against the CPUs, amber over 2:1 and red over 4:1 as the
  ratio is; the overview's vCPU card shares it.
- The three coloured buttons of each row are one menu: Overview, Edit
  connection and Remove from panel (its popper fixed, as the table's
  scrolling box would cut it off).
- The four green add buttons are one "Add host" menu that says what
  each kind of connection is.
- The table is table-hover; a host the panel cannot reach has a
  table-warning row.
2026-10-27 21:52:08 +03:00

25 lines
1.4 KiB
HTML

{% load i18n %}
{% load bootstrap_icons %}
<div class="dropdown float-end mt-1 ms-1">
<button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
{% bs_icon 'plus-lg' %} {% trans "Add host" %}
</button>
<ul class="dropdown-menu dropdown-menu-end shadow" style="min-width: 18rem;">
<li><a class="dropdown-item" href="{% url 'add_tcp_host' %}">
<div class="fw-semibold">TCP</div>
<div class="small text-body-secondary text-wrap">{% trans "libvirt over TCP, with a SASL login" %}</div>
</a></li>
<li><a class="dropdown-item" href="{% url 'add_ssh_host' %}">
<div class="fw-semibold">SSH</div>
<div class="small text-body-secondary text-wrap">{% trans "libvirt over SSH, with the panel's SSH key" %}</div>
</a></li>
<li><a class="dropdown-item" href="{% url 'add_tls_host' %}">
<div class="fw-semibold">TLS</div>
<div class="small text-body-secondary text-wrap">{% trans "libvirt over TLS, with certificates" %}</div>
</a></li>
<li><a class="dropdown-item" href="{% url 'add_socket_host' %}">
<div class="fw-semibold">{% trans "Local" %}</div>
<div class="small text-body-secondary text-wrap">{% trans "the libvirt of the host the panel runs on, by its socket" %}</div>
</a></li>
</ul>
</div>