Lisää saatavuuskyselyjen keräys ja listausnäkymä

Jokainen nettisivujen kautta tehty saatavuustarkistus tallennetaan
tietokantaan (osoite, postinumero, kaupunki, tulos, IP, referer).
Kyselyt näkyvät Asiakkaat > Saatavuuskyselyt -välilehdellä
sivutettuna taulukkona.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-13 02:19:24 +02:00
parent 9ba239478c
commit a38c5f4808
4 changed files with 143 additions and 3 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=20260313i">
<link rel="stylesheet" href="style.css?v=20260313j">
</head>
<body>
<!-- Login -->
@@ -93,6 +93,7 @@
<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">
@@ -189,6 +190,34 @@
</div>
</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>Lähde</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 -->
@@ -2233,6 +2262,6 @@
</div>
</div>
<script src="script.js?v=20260313i"></script>
<script src="script.js?v=20260313j"></script>
</body>
</html>