jukka/cuitunet.fi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update availability check: require full address, show only yes/no

Browse Source 
Three fields (address, zip, city) instead of one. API now returns
only true/false, no addresses or speeds exposed publicly.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jukka Lampikoski
2026-03-10 02:44:12 +02:00
parent 641a26e135
commit adcced4907
2 changed files with 35 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
index.html
View File

@@ -231,9 +231,13 @@
<div class="availability-check">
<h3>Pikasaatavuustarkistus</h3>
<div class="availability-check-form">
<input type="text" id="check-address" placeholder="Osoite tai postinumero">
<button type="button" class="btn btn-sm" id="check-btn">Tarkista</button>
<div class="availability-check-fields">
<input type="text" id="check-address" placeholder="Osoite (esim. Kauppakatu 5)">
<div class="availability-check-row">
<input type="text" id="check-zip" placeholder="Postinumero" maxlength="5">
<input type="text" id="check-city" placeholder="Kaupunki">
</div>
<button type="button" class="btn btn-sm btn-full" id="check-btn">Tarkista saatavuus</button>
</div>
<div id="check-result" class="check-result" style="display:none;"></div>
</div>
@@ -313,22 +317,30 @@ document.querySelector('.nav-toggle')?.addEventListener('click', function() {
(function() {
const API_URL = 'https://intra.cuitunet.fi/api.php';
const API_KEY = '560160bf6558260e1734e6ad5933cabe';
const checkInput = document.getElementById('check-address');
const checkAddress = document.getElementById('check-address');
const checkZip = document.getElementById('check-zip');
const checkCity = document.getElementById('check-city');
const checkBtn = document.getElementById('check-btn');
const checkResult = document.getElementById('check-result');
async function checkAvailability() {
const q = checkInput.value.trim();
if (!q) return;
const osoite = checkAddress.value.trim();
const postinumero = checkZip.value.trim();
const kaupunki = checkCity.value.trim();
if (!osoite || !postinumero || !kaupunki) {
checkResult.className = 'check-result nok';
checkResult.style.display = 'block';
checkResult.innerHTML = '<p>Täytä kaikki kentät: osoite, postinumero ja kaupunki.</p>';
return;
}
checkResult.className = 'check-result loading';
checkResult.style.display = 'block';
checkResult.innerHTML = '<p>Tarkistetaan saatavuutta...</p>';
try {
const isZip = /^\d{5}$/.test(q);
const param = isZip ? 'postinumero=' + encodeURIComponent(q) : 'osoite=' + encodeURIComponent(q);
const res = await fetch(API_URL + '?action=saatavuus&key=' + encodeURIComponent(API_KEY) + '&' + param);
const params = 'osoite=' + encodeURIComponent(osoite) + '&postinumero=' + encodeURIComponent(postinumero) + '&kaupunki=' + encodeURIComponent(kaupunki);
const res = await fetch(API_URL + '?action=saatavuus&key=' + encodeURIComponent(API_KEY) + '&' + params);
const data = await res.json();
if (data.error) {
@@ -338,18 +350,8 @@ document.querySelector('.nav-toggle')?.addEventListener('click', function() {
}
if (data.saatavilla) {
let html = '<h4>Kuituliittymä on saatavilla!</h4>';
html += '<p>Löysimme ' + data.maara + ' kohde' + (data.maara > 1 ? 'tta' : 'n') + ':</p>';
data.kohteet.forEach(function(k) {
html += '<div class="check-result-address">';
html += '<strong>' + k.osoite + '</strong>';
if (k.postinumero) html += ', ' + k.postinumero;
if (k.kaupunki) html += ' ' + k.kaupunki;
if (k.nopeus) html += ' — ' + k.nopeus;
html += '</div>';
});
checkResult.className = 'check-result ok';
checkResult.innerHTML = html;
checkResult.innerHTML = '<h4>Kuituliittymä on saatavilla osoitteessasi!</h4><p>Täytä vieressä oleva lomake niin otamme yhteyttä ja kerromme lisää.</p>';
} else {
checkResult.className = 'check-result nok';
checkResult.innerHTML = '<h4>Ei saatavuutta vielä</h4><p>Kuituliittymää ei löytynyt osoitteellasi, mutta verkkomme laajenee jatkuvasti. Täytä lomake niin kerromme kun kuitu tulee saataville!</p>';
@@ -361,7 +363,9 @@ document.querySelector('.nav-toggle')?.addEventListener('click', function() {
}
checkBtn?.addEventListener('click', checkAvailability);
checkInput?.addEventListener('keydown', function(e) { if (e.key === 'Enter') checkAvailability(); });
[checkAddress, checkZip, checkCity].forEach(function(el) {
el?.addEventListener('keydown', function(e) { if (e.key === 'Enter') checkAvailability(); });
});
})();
// Saatavuuskysely-lomake