NetAdmin-moduuli: liittymien listaus ja haku

Kokoaa kaikki asiakkaiden liittymät yhteen näkymään haulla ja suodattimilla.
Sarakkeet: asiakas, osoite, kaupunki, nopeus, VLAN, laite, portti, IP, hinta.
Suodattimet: kaupunki, nopeus, laite. Laitetietojen ping-status näkyvissä.
Klikkaus avaa asiakkaan muokkaukseen.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-11 16:39:24 +02:00
parent e6fa65165e
commit f05313530f
5 changed files with 237 additions and 2 deletions

View File

@@ -84,6 +84,7 @@
<button class="tab" data-tab="tekniikka">Tekniikka</button>
<button class="tab" data-tab="documents">Dokumentit</button>
<button class="tab" data-tab="laitetilat">Laitetilat</button>
<button class="tab" data-tab="netadmin">NetAdmin</button>
<button class="tab" data-tab="ohjeet">Ohjeet</button>
<button class="tab" data-tab="archive">Arkisto</button>
<button class="tab" data-tab="changelog">Muutosloki</button>
@@ -963,6 +964,52 @@
</div>
</div>
<!-- Tab: NetAdmin -->
<div class="tab-content" id="tab-content-netadmin">
<div class="main-container">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:0.5rem;">
<h3 style="color:var(--primary-dark);margin:0;">🌐 NetAdmin — Liittymät</h3>
<div style="display:flex;gap:0.5rem;align-items:center;">
<span id="netadmin-count" style="font-size:0.85rem;color:#888;"></span>
</div>
</div>
<div style="display:flex;gap:0.5rem;margin-bottom:1rem;flex-wrap:wrap;">
<input type="text" id="netadmin-search" placeholder="Hae osoite, asiakas, IP, VLAN, laite, portti..." style="flex:1;min-width:200px;">
<select id="netadmin-filter-city" style="min-width:130px;">
<option value="">Kaikki kaupungit</option>
</select>
<select id="netadmin-filter-speed" style="min-width:130px;">
<option value="">Kaikki nopeudet</option>
</select>
<select id="netadmin-filter-device" style="min-width:130px;">
<option value="">Kaikki laitteet</option>
</select>
</div>
<div class="table-card">
<table id="netadmin-table">
<thead>
<tr>
<th>Asiakas</th>
<th>Osoite</th>
<th>Kaupunki</th>
<th>Nopeus</th>
<th>VLAN</th>
<th>Laite</th>
<th>Portti</th>
<th>IP</th>
<th>Hinta</th>
</tr>
</thead>
<tbody id="netadmin-tbody"></tbody>
</table>
<div id="no-netadmin" class="empty-state" style="display:none;">
<div class="empty-icon">🌐</div>
<p>Ei liittymiä.</p>
</div>
</div>
</div>
</div>
<!-- Tab: Muutosloki -->
<div class="tab-content" id="tab-content-changelog">
<div class="main-container">
@@ -1405,6 +1452,9 @@
<label style="display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;cursor:pointer;">
<input type="checkbox" data-module="laitetilat"> Laitetilat
</label>
<label style="display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;cursor:pointer;">
<input type="checkbox" data-module="netadmin"> NetAdmin
</label>
<label style="display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;cursor:pointer;">
<input type="checkbox" data-module="settings" checked> Asetukset / API
</label>