j3d1/webvirtcloud
1
0
Fork 0
mirror of https://github.com/retspen/webvirtcloud synced 2026-11-09 11:46:49 +00:00
Code Issues Projects Releases Wiki Activity

feat(instances): the Power tab shows the VM's state and where each action takes it

Browse source 
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.
This commit is contained in:
catborise 2026-11-03 19:15:43 +03:00
parent 4da64c46cd
commit c247a7a3f0
9 changed files with 694 additions and 759 deletions
Download patch file Download diff file Expand all files Collapse all files

10
static/css/webvirtcloud.css
View file

@ -121,6 +121,16 @@ th[aria-sort="ascending"]:not([data-sort-method="none"])::after {
}
/* the boot order editor numbers its checked devices, top to bottom */
/* the power tab's states: the current one filled, the others a ring */
.power-dot {
width: .8rem;
height: .8rem;
border-radius: 50%;
flex-shrink: 0;
border: 2px solid var(--bs-border-color);
}
.power-dot.bg-success, .power-dot.bg-warning, .power-dot.bg-secondary { border-color: transparent; }
.boot-sequence {
counter-reset: boot;
}