feat: Tekniikka-moduuli sub-tabeilla (Laitteet + Sijainnit + IPAM)

- Laitteet-tabi → Tekniikka (sub-tabit: Laitteet, Sijainnit, IPAM)
- Sijainnit siirretty omaksi taulukkonäkymäksi (+ "Lisää sijainti" laitteiden yhteydessä)
- Uusi IPAM-näkymä: IP-osoitteet, subnetit ja VLANit hallintaan
- IPAM: tyyppi (subnet/vlan/ip), verkko, VLAN-nro, sijainti, tila, asiakas
- Sub-tab-tyylit ja logiikka
- Yhteensopivuus: vanha 'devices' moduuli → 'tekniikka'

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-10 20:18:56 +02:00
parent e37da2b40d
commit 9140c912cd
5 changed files with 558 additions and 56 deletions

View File

@@ -1022,6 +1022,46 @@ span.empty {
display: block;
}
/* Sub-tabs (Tekniikka yms.) */
.sub-tab-bar {
display: flex;
gap: 0;
background: #f0f2f5;
border-bottom: 2px solid #e0e0e0;
padding: 0 1rem;
}
.sub-tab {
padding: 0.6rem 1.1rem;
background: none;
border: none;
border-bottom: 3px solid transparent;
font-size: 0.84rem;
font-weight: 600;
color: #666;
cursor: pointer;
transition: all 0.2s;
}
.sub-tab:hover {
color: var(--primary-color);
background: rgba(0,0,0,0.03);
}
.sub-tab.active {
color: var(--primary-color);
border-bottom-color: var(--primary-color);
}
.sub-tab-content {
display: none;
}
.sub-tab-content.active {
display: block;
}
/* IPAM tila-badget */
.ipam-tila { display:inline-block; padding:2px 10px; border-radius:12px; font-size:0.8rem; font-weight:600; }
.ipam-tila-vapaa { background:#e6f9ee; color:#1a7d42; }
.ipam-tila-varattu { background:#fef3cd; color:#856404; }
.ipam-tila-reserved { background:#e2e3e5; color:#495057; }
/* Role badge */
.role-badge {
display: inline-block;