mirror of
https://github.com/retspen/webvirtcloud
synced 2026-11-09 19:56:48 +00:00
c247a7a3f0
The tab put Power Off and Suspend, then Power Cycle and Force Off, in joined button groups with a paragraph under each, so which sentence told which button was left to the reader, and the two power cuts looked like one control as large as the rest. Now the tab shows the three states a VM moves between, Active, Suspended and Off, the current one marked, and under each the action that takes the VM there with one line on what it does. The power cuts are small outlined buttons on a line of their own with one warning; their confirmations stay. A state outside the three (shutting down, crashed) is named above them. The test of the tab now finds the outlined power-cut buttons, which its class match missed.
80 lines
5.9 KiB
HTML
80 lines
5.9 KiB
HTML
{% load i18n %}
|
|
{% load vm_states %}
|
|
<div class="tab-pane active mt-3" id="power" role="tabpanel">
|
|
{% if not can_power %}
|
|
<p>{% trans "Only the owners of this instance and administrators can change its power state." %}</p>
|
|
{% else %}
|
|
{# the three states a VM moves between, the current one marked; under each, the action that takes the VM there #}
|
|
{% vm_state instance.status as state %}
|
|
<div class="card">
|
|
<div class="card-body">
|
|
{% if instance.status not in power_states %}
|
|
<p class="mb-3">{% blocktrans with state=state.0 %}The VM's state: {{ state }}{% endblocktrans %}</p>
|
|
{% endif %}
|
|
<form method="post"{% if "poweron" in power_actions %} action="{% url 'instances:poweron' instance.id %}" data-please-wait{% endif %}>{% csrf_token %}
|
|
<div class="row g-4">
|
|
<div class="col-12 col-md-4">
|
|
<div class="d-flex align-items-center gap-2 mb-2">
|
|
{% if instance.status == 1 or instance.status == 2 %}
|
|
<span class="power-dot bg-success" aria-hidden="true"></span><span class="fw-semibold">{% trans "Active" %}</span><span class="small text-body-secondary">{% trans "now" %}</span>
|
|
{% else %}
|
|
<span class="power-dot" aria-hidden="true"></span><span class="text-body-secondary">{% trans "Active" %}</span>
|
|
{% endif %}
|
|
</div>
|
|
{% if "poweron" in power_actions %}
|
|
<button type="submit" class="btn btn-primary" name="poweron">{% trans "Power On" %}</button>
|
|
<p class="small text-body-secondary mt-1 mb-0">{% trans "Starts the VM." %}</p>
|
|
{% elif "resume" in power_actions %}
|
|
<button type="submit" class="btn btn-primary" name="resume" formaction="{% url 'instances:resume' instance.id %}">{% trans "Resume" %}</button>
|
|
<p class="small text-body-secondary mt-1 mb-0">{% trans "Lets it run on." %}</p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="col-12 col-md-4">
|
|
<div class="d-flex align-items-center gap-2 mb-2">
|
|
{% if instance.status == 3 or instance.status == 7 %}
|
|
<span class="power-dot bg-warning" aria-hidden="true"></span><span class="fw-semibold">{% trans "Suspended" %}</span><span class="small text-body-secondary">{% trans "now" %}</span>
|
|
{% else %}
|
|
<span class="power-dot" aria-hidden="true"></span><span class="text-body-secondary">{% trans "Suspended" %}</span>
|
|
{% endif %}
|
|
</div>
|
|
{% if "suspend" in power_actions %}
|
|
<button type="submit" class="btn btn-outline-primary" name="suspend" formaction="{% url 'instances:suspend' instance.id %}">{% trans "Suspend" %}</button>
|
|
<p class="small text-body-secondary mt-1 mb-0">{% trans "Pauses it; it stays in memory." %}</p>
|
|
{% elif instance.status == 3 and not power_actions %}
|
|
<p class="small text-body-secondary mb-0">{% trans "An administrator can resume it." %}</p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="col-12 col-md-4">
|
|
<div class="d-flex align-items-center gap-2 mb-2">
|
|
{% if instance.status == 5 %}
|
|
<span class="power-dot bg-secondary" aria-hidden="true"></span><span class="fw-semibold">{% trans "Off" %}</span><span class="small text-body-secondary">{% trans "now" %}</span>
|
|
{% else %}
|
|
<span class="power-dot" aria-hidden="true"></span><span class="text-body-secondary">{% trans "Off" %}</span>
|
|
{% endif %}
|
|
</div>
|
|
{% if "poweroff" in power_actions %}
|
|
<button type="submit" class="btn btn-outline-primary" name="poweroff" formaction="{% url 'instances:poweroff' instance.id %}">{% trans "Power Off" %}</button>
|
|
<p class="small text-body-secondary mt-1 mb-0">{% trans "Asks the guest to shut down." %}</p>
|
|
{% elif instance.status == 5 and instance.is_template %}
|
|
<p class="small text-body-secondary mb-0">{% trans "A template is not started: clone it to make a VM." %}</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</form>
|
|
{% if "force_off" in power_actions or "powercycle" in power_actions %}
|
|
<form method="post" class="d-flex flex-wrap align-items-center gap-2 border-top mt-4 pt-3">{% csrf_token %}
|
|
<span class="small text-danger me-auto">{% trans "A power cut: what the guest has not written to disk is lost." %}</span>
|
|
{% if "force_off" in power_actions %}
|
|
<button type="submit" class="btn btn-sm btn-outline-danger" name="powerforce" formaction="{% url 'instances:force_off' instance.id %}"
|
|
data-confirm="{% blocktrans with name=instance.name %}Force off {{ name }}? It stops at once, as after a power cut; what the guest has not written to disk is lost.{% endblocktrans %}">{% trans "Force Off" %}</button>
|
|
{% endif %}
|
|
{% if "powercycle" in power_actions %}
|
|
<button type="submit" class="btn btn-sm btn-outline-danger" name="powercycle" formaction="{% url 'instances:powercycle' instance.id %}"
|
|
data-confirm="{% blocktrans with name=instance.name %}Power cycle {{ name }}? It stops at once, as after a power cut, and starts again; what the guest has not written to disk is lost.{% endblocktrans %}">{% trans "Power Cycle" %}</button>
|
|
{% endif %}
|
|
</form>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|