Saatavuuskyselyt: IP-organisaatio, siirrä API-tabiin + sähköpostien formatointi + tikettiviestivärit

- Lisää IP-organisaatio/ISP-kenttä saatavuuskyselyihin (ip-api.com haku)
- Siirrä saatavuuskyselyt-taulukko Asiakkaat-tabista API-asetussivulle
- Korjaa rivinvaihdot ja välilyönnit Zammad-sähköpostivastauksissa (white-space:pre-wrap)
- Korjaa quoted thread: plain-text viestit muunnetaan HTML:ksi oikein
- Tikettiviestiketjun värit selkeämmiksi (sininen=saapuva, vihreä=lähtevä)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-13 02:40:32 +02:00
parent 74380a3176
commit 8d5ef864f9
5 changed files with 57 additions and 46 deletions

View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Noxus HUB</title>
<link rel="stylesheet" href="style.css?v=20260313m">
<link rel="stylesheet" href="style.css?v=20260313n">
</head>
<body>
<!-- Login -->
@@ -93,7 +93,6 @@
<div class="sub-tab-bar" id="customers-sub-tab-bar">
<button class="sub-tab active" data-cust-subtab="customers-list">Asiakkaat</button>
<button class="sub-tab" data-cust-subtab="customers-archive">Arkisto</button>
<button class="sub-tab" data-cust-subtab="customers-availability">Saatavuuskyselyt</button>
</div>
<div id="subtab-customers-list" class="sub-tab-content active">
<div class="main-container">
@@ -191,35 +190,6 @@
</div>
</div><!-- /subtab-customers-archive -->
<div id="subtab-customers-availability" class="sub-tab-content">
<div class="main-container">
<div class="table-card" style="padding:1.5rem;">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;">
<div>
<h3 style="margin:0;color:#0f3460;">Saatavuuskyselyt</h3>
<p style="color:#888;font-size:0.85rem;margin:0.25rem 0 0;">Nettisivujen kautta tehdyt saatavuustarkistukset</p>
</div>
<span id="availability-query-count" style="color:#888;font-size:0.85rem;"></span>
</div>
<table id="availability-queries-table" class="data-table">
<thead>
<tr>
<th>Aika</th>
<th>Osoite</th>
<th>Postinumero</th>
<th>Kaupunki</th>
<th>Tulos</th>
<th>IP / Verkko</th>
<th>Lähde</th>
<th>Yritys</th>
</tr>
</thead>
<tbody></tbody>
</table>
<div id="availability-pagination" style="margin-top:1rem;display:flex;justify-content:center;gap:0.5rem;"></div>
</div>
</div>
</div><!-- /subtab-customers-availability -->
</div>
<!-- Tab: Liidit -->
@@ -1556,6 +1526,29 @@
<button class="btn-primary" id="btn-test-api">Testaa</button>
</div>
<pre id="test-api-result" style="margin-top:0.75rem;background:#f8f9fb;padding:1rem;border-radius:8px;font-size:0.85rem;display:none;overflow-x:auto;"></pre>
<h3 style="color:#0f3460;margin:1.5rem 0 1rem;border-bottom:2px solid #f0f2f5;padding-bottom:0.5rem;">Saatavuuskyselyt</h3>
<p style="color:#888;font-size:0.85rem;margin-bottom:0.75rem;">Nettisivujen kautta tehdyt saatavuustarkistukset</p>
<span id="availability-query-count" style="color:#888;font-size:0.85rem;display:block;margin-bottom:0.5rem;"></span>
<div style="overflow-x:auto;">
<table id="availability-queries-table" class="data-table">
<thead>
<tr>
<th>Aika</th>
<th>Osoite</th>
<th>Postinumero</th>
<th>Kaupunki</th>
<th>Tulos</th>
<th>IP / Verkko</th>
<th>Organisaatio</th>
<th>Lähde</th>
<th>Yritys</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div id="availability-pagination" style="margin-top:1rem;display:flex;justify-content:center;gap:0.5rem;"></div>
</div>
<!-- Telegram-asetukset -->
@@ -2264,6 +2257,6 @@
</div>
</div>
<script src="script.js?v=20260313m"></script>
<script src="script.js?v=20260313n"></script>
</body>
</html>