Add soft match for postcodes 20100/20360, split section headers

- Show green 'todennäköisesti saatavuus' for postcodes 20100 and 20360
  even when no exact address match found
- Split section into 'Saatavuuskysely' and 'Yhteydenotto' headers

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-10 02:52:13 +02:00
parent adcced4907
commit 4c66b900ce
2 changed files with 28 additions and 3 deletions

View File

@@ -225,9 +225,9 @@
<div class="container">
<div class="availability-inner">
<div class="availability-text">
<span class="overline">Saatavuuskysely & yhteydenotto</span>
<h2>Ota yhteyttä tai tarkista saatavuus</h2>
<p>Tarkista heti onko kuituliittymä saatavilla osoitteessasi, tai täytä lomake niin otamme yhteyttä 12 arkipäivässä.</p>
<span class="overline">Saatavuuskysely</span>
<h2>Tarkista saatavuus</h2>
<p>Tarkista heti onko kuituliittymä saatavilla osoitteessasi.</p>
<div class="availability-check">
<h3>Pikasaatavuustarkistus</h3>
@@ -242,6 +242,11 @@
<div id="check-result" class="check-result" style="display:none;"></div>
</div>
</div>
<div class="availability-form-header">
<span class="overline">Yhteydenotto</span>
<h2>Ota yhteyttä</h2>
<p>Täytä lomake niin otamme yhteyttä 12 arkipäivässä.</p>
</div>
<form class="form" id="availability-form">
<div style="position:absolute;left:-9999px;top:-9999px;">
<input type="text" name="website" tabindex="-1" autocomplete="off">
@@ -352,6 +357,9 @@ document.querySelector('.nav-toggle')?.addEventListener('click', function() {
if (data.saatavilla) {
checkResult.className = 'check-result ok';
checkResult.innerHTML = '<h4>Kuituliittymä on saatavilla osoitteessasi!</h4><p>Täytä vieressä oleva lomake niin otamme yhteyttä ja kerromme lisää.</p>';
} else if (['20100', '20360'].indexOf(postinumero) !== -1) {
checkResult.className = 'check-result ok';
checkResult.innerHTML = '<h4>Kohteeseen on todennäköisesti saatavuus!</h4><p>Alueellasi on kuituyhteys saatavilla. Täytä lomake niin tarkistamme tarkan saatavuuden ja otamme yhteyttä.</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>';