NetAdmin: liittymän muokkausmodal + nopeusvalikko dropdowniksi

Liittymärivin klikkaus avaa modal-ikkunan jossa voi muokata kaikkia
kenttiä (osoite, nopeus, VLAN, laite, portti, IP). Yhteysnopeus
muutettu dropdown-valikoksi sekä NetAdmin-modalissa että asiakkaan
liittymälomakkeessa. Vakionopeudet: 10/10 - 10000/10000.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-11 17:26:41 +02:00
parent 517e57c287
commit 9208ab387a
4 changed files with 207 additions and 2 deletions

View File

@@ -1006,6 +1006,73 @@
<p>Ei liittymiä.</p>
</div>
</div>
<!-- Liittymän detaljinäkymä -->
<div id="netadmin-detail-modal" class="modal" style="display:none;">
<div class="modal-content" style="max-width:550px;">
<div style="padding:1.5rem;">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;">
<h3 style="margin:0;color:var(--primary-dark);" id="netadmin-detail-title">Liittymän tiedot</h3>
<button onclick="closeNetadminDetail()" style="background:none;border:none;font-size:1.3rem;cursor:pointer;"></button>
</div>
<div id="netadmin-detail-customer" style="color:#888;font-size:0.85rem;margin-bottom:1rem;"></div>
<form id="netadmin-detail-form">
<input type="hidden" id="na-edit-id">
<div class="form-grid" style="grid-template-columns:1fr 1fr;">
<div class="form-group">
<label>Osoite</label>
<input type="text" id="na-edit-osoite">
</div>
<div class="form-group">
<label>Postinumero</label>
<input type="text" id="na-edit-postinumero">
</div>
<div class="form-group">
<label>Kaupunki</label>
<input type="text" id="na-edit-kaupunki">
</div>
<div class="form-group">
<label>Nopeus</label>
<select id="na-edit-nopeus">
<option value="">-</option>
<option value="10/10">10/10</option>
<option value="50/10">50/10</option>
<option value="50/50">50/50</option>
<option value="100/10">100/10</option>
<option value="100/100">100/100</option>
<option value="200/200">200/200</option>
<option value="300/300">300/300</option>
<option value="500/500">500/500</option>
<option value="1000/1000">1000/1000</option>
<option value="2000/2000">2000/2000</option>
<option value="10000/10000">10000/10000</option>
</select>
</div>
<div class="form-group">
<label>VLAN</label>
<input type="text" id="na-edit-vlan">
</div>
<div class="form-group">
<label>Laite</label>
<input type="text" id="na-edit-laite">
</div>
<div class="form-group">
<label>Portti</label>
<input type="text" id="na-edit-portti">
</div>
<div class="form-group">
<label>IP</label>
<input type="text" id="na-edit-ip">
</div>
</div>
<div style="margin-top:1rem;display:flex;gap:0.5rem;justify-content:flex-end;">
<button type="button" class="btn-secondary" onclick="closeNetadminDetail()">Sulje</button>
<button type="submit" class="btn-primary">Tallenna</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>