From d6cbaff159d7065f5576d47a75d71dc1cb22a235 Mon Sep 17 00:00:00 2001
From: Jukka Lampikoski <jukka@lampikoski.com>
Date: Thu, 12 Mar 2026 21:59:38 +0200
Subject: [PATCH] =?UTF-8?q?Korjaa=20API-tab:=20Saatavuus-API=20kortti=20n?=
 =?UTF-8?q?=C3=A4kyy=20aina,=20Telegram-kortin=20puuttuva=20sulkutagi?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Saatavuus-API kortti (API-avain, CORS, ohjeet) näkyy aina API-tabissa
- Telegram ja Zammad kortit näkyvät vain kun integraatio on päällä
- Korjattu puuttuva </div> Telegram-kortista (rikkoi Zammad-kortin sisäkkäisyyden)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 index.html |  3 ++-
 script.js  | 12 +++---------
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index b9a8a48..b56a0c4 100644
--- a/index.html
+++ b/index.html
@@ -1471,7 +1471,7 @@
         <!-- Tab: Asetukset (vain admin) -->
         <div class="tab-content" id="tab-content-settings">
             <div class="main-container">
-                <div class="table-card" id="settings-saatavuus-api-card" style="padding:1.5rem;display:none;">
+                <div class="table-card" id="settings-saatavuus-api-card" style="padding:1.5rem;">
                     <h3 style="color:#0f3460;margin-bottom:1rem;border-bottom:2px solid #f0f2f5;padding-bottom:0.5rem;"><span id="api-company-name"></span>Saatavuus-API</h3>
                     <p style="color:#666;font-size:0.85rem;margin-bottom:1rem;">Julkinen API jolla verkkosivusto voi tarkistaa palvelun saatavuuden osoitteessa. Palauttaa vain osoite + nopeus - ei asiakastietoja.</p>
                     <div class="form-grid" style="max-width:600px;">
@@ -1535,6 +1535,7 @@
                             <button class="btn-secondary" id="btn-test-telegram">Testaa</button>
                         </div>
                     </div>
+                </div>
                 <!-- Zammad-asetukset -->
                 <div class="table-card" id="settings-zammad-card" style="padding:1.5rem;margin-top:1rem;display:none;">
                     <h3 style="color:#0f3460;margin-bottom:0.5rem;border-bottom:2px solid #f0f2f5;padding-bottom:0.5rem;">📧 Zammad (O365-sähköposti)</h3>
diff --git a/script.js b/script.js
index c70b65e..13b7d81 100644
--- a/script.js
+++ b/script.js
@@ -2368,10 +2368,9 @@ async function loadSettings() {
         const telegramEnabled = integs.find(i => i.type === 'telegram')?.enabled;
         const zammadInteg = integs.find(i => i.type === 'zammad');
         const zammadEnabled = zammadInteg?.enabled;
-        const saatCard = document.getElementById('settings-saatavuus-api-card');
+        // Saatavuus-API kortti näkyy aina (perus API-asetukset)
         const teleCard = document.getElementById('settings-telegram-card');
         const zammadCard = document.getElementById('settings-zammad-card');
-        if (saatCard) saatCard.style.display = saatavuusEnabled ? '' : 'none';
         if (teleCard) teleCard.style.display = telegramEnabled ? '' : 'none';
         if (zammadCard) zammadCard.style.display = zammadEnabled ? '' : 'none';
         // Lataa Zammad-asetukset korttiin
@@ -2672,14 +2671,9 @@ document.querySelector('#integrations-checkboxes input[data-integration="zammad"
     } catch (e) { console.error(e); }
 });
 
-// Saatavuus-API checkbox toggle
+// Saatavuus-API checkbox toggle (kortti näkyy aina API-tabissa)
 document.querySelector('#integrations-checkboxes input[data-integration="saatavuus_api"]')?.addEventListener('change', async function() {
-    try {
-        await saveSimpleIntegration('saatavuus_api', this.checked);
-        // Päivitä API-sivun kortti
-        const card = document.getElementById('settings-saatavuus-api-card');
-        if (card) card.style.display = this.checked ? '' : 'none';
-    } catch (e) { console.error(e); }
+    try { await saveSimpleIntegration('saatavuus_api', this.checked); } catch (e) { console.error(e); }
 });
 
 // Telegram checkbox toggle