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