j3d1/webvirtcloud
1
0
Fork 0
mirror of https://github.com/retspen/webvirtcloud synced 2026-11-08 19:26:48 +00:00
Code Issues Projects Releases Wiki Activity

feat(instances): the Network tab shows each NIC as a cable to its source

Browse source 
A NIC's row put its name and host device in one column, "Source",
"IPv4 unknown" and the link switch in another, and its model, MAC and
filter behind Device details; every NIC also had a "QoS limits · none"
fold and solid Edit, Add QoS and Delete buttons.

Now a row reads eth0, a cable, then the source: the cable is solid green
while the link is up and dashed grey while it is down. Under it are the
IPv4 addresses (or "No IPv4 address known") beside the link switch, and
a line of model, MAC, filter and whether bandwidth is limited. Device
details keep the type, the host device and IPv6; QoS limits show only
for a NIC that has one. The buttons are outlined. Dialogs, form names
and posts are unchanged.
This commit is contained in:
catborise 2026-11-04 09:13:43 +03:00
parent 0b2604f151
commit a06565fa0b
6 changed files with 496 additions and 455 deletions
Download patch file Download diff file Expand all files Collapse all files

21
static/css/webvirtcloud.css
View file

@ -230,6 +230,27 @@ button.vcpu-cell:disabled { opacity: .65; }
.snap-dot.snap-current { background: var(--bs-primary); }
.snap-dot.snap-none { border-color: var(--bs-border-color); }
/* the network tab: a NIC as a cable to its source, solid while its link is up, dashed while down */
.nic-wire {
position: relative;
flex: 0 0 3.5rem;
margin-inline: .25rem;
color: var(--bs-secondary-color);
border-top: 2px dashed currentColor;
}
.nic-wire::before, .nic-wire::after {
content: "";
position: absolute;
top: -4px;
width: 6px;
height: 6px;
border-radius: 50%;
background: currentColor;
}
.nic-wire::before { left: -3px; }
.nic-wire::after { right: -3px; }
.nic-wire.nic-up { color: var(--bs-success); border-top-style: solid; }
/* a log message keeps a readable width when its table scrolls on a phone */
.log-message {
min-width: 16rem;