mirror of
https://github.com/retspen/webvirtcloud
synced 2026-11-08 11:16:47 +00:00
c1e30aeb7f
The fork's own rules in webvirtcloud.css redid what Bootstrap 5.3 has: - the capacity bars (.cap-*) are Bootstrap progress bars: the memory a .progress-stacked of running VMs' memory and shut-off VMs' (at half opacity), each segment a progressbar with its amount as its value text; the pool bars a thin .progress. The line where the host's memory ends goes: the share above the bar says it, red when over; - the status dot (.compute-dot) is a rounded-circle, the big figures (.compute-ratio) fs-4, the Computes table's cell padding py-3; - the steps of creating a VM (.create-steps) are a breadcrumb with "›" as its divider; - the XML and Advanced disclosures (.disclosure with a turning chevron) are Bootstrap accordions; - the chosen volumes and networks (.row-list) are list-unstyled, their names text-break; - a chart's container is position-relative by utility; its height stays. Dead rules go too: .netIN, .netOUT, .diskRD, .diskWR, .input-xs and .bottom-bar-margin had no users.
23 lines
1.3 KiB
HTML
23 lines
1.3 KiB
HTML
{% load i18n %}
|
||
{# The steps of creating a VM; step is the current one (1-3), a done step links back to it. #}
|
||
<nav aria-label="{% trans "Create a VM" %}" style="--bs-breadcrumb-divider: '›';">
|
||
<ol class="breadcrumb small mb-3">
|
||
{% if step == 1 %}
|
||
<li class="breadcrumb-item fw-semibold" aria-current="step">1. {% trans "Host" %}</li>
|
||
{% else %}
|
||
<li class="breadcrumb-item"><a class="text-decoration-underline" href="{% url 'instances:index' %}">1. {% trans "Host" %}</a>: {{ compute.name }}</li>
|
||
{% endif %}
|
||
{% if step == 2 %}
|
||
<li class="breadcrumb-item fw-semibold" aria-current="step">2. {% trans "Machine" %}</li>
|
||
{% elif step == 3 %}
|
||
<li class="breadcrumb-item"><a class="text-decoration-underline" href="{% url 'instances:create_instance_select_type' compute.id %}">2. {% trans "Machine" %}</a>: {{ arch }}, {{ machine }}</li>
|
||
{% else %}
|
||
<li class="breadcrumb-item text-body-secondary">2. {% trans "Machine" %}</li>
|
||
{% endif %}
|
||
{% if step == 3 %}
|
||
<li class="breadcrumb-item fw-semibold" aria-current="step">3. {% trans "Details" %}</li>
|
||
{% else %}
|
||
<li class="breadcrumb-item text-body-secondary">3. {% trans "Details" %}</li>
|
||
{% endif %}
|
||
</ol>
|
||
</nav>
|