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:
50
index.html
50
index.html
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user