From 03728ce49f038cb52e827ec6f13719a041f934a8 Mon Sep 17 00:00:00 2001
From: Wojtek <wojtek@localhost>
Date: Fri, 16 Oct 2026 12:20:49 +0200
Subject: [PATCH] Add AI key visibility toggle

---
 README.md                                     |  2 +-
 .../components/com_testquestions/config.xml   |  2 +-
 .../sql/updates/mysql/1.42.5.sql              |  1 +
 .../src/Field/AiapikeyField.php               | 37 +++++++++++++++++++
 com_testquestions.xml                         |  2 +-
 5 files changed, 41 insertions(+), 3 deletions(-)
 create mode 100644 administrator/components/com_testquestions/sql/updates/mysql/1.42.5.sql
 create mode 100644 administrator/components/com_testquestions/src/Field/AiapikeyField.php

diff --git a/README.md b/README.md
index c672fbf..a12dd7a 100644
--- a/README.md
+++ b/README.md
@@ -30,6 +30,6 @@ Szkielet komponentu Joomla 6 do gromadzenia pytań testowych.
 
 ## Instalacja
 
-W Joomla wybierz **System → Install → Install from Folder** i wskaż ten katalog. Manifestem instalacyjnym jest `com_testquestions.xml` (wersja 1.42.4).
+W Joomla wybierz **System → Install → Install from Folder** i wskaż ten katalog. Manifestem instalacyjnym jest `com_testquestions.xml` (wersja 1.42.5).
 
 Po instalacji komponent jest dostępny w panelu administratora jako **Pytania testowe**.
diff --git a/administrator/components/com_testquestions/config.xml b/administrator/components/com_testquestions/config.xml
index c2d229d..cb3f55c 100644
--- a/administrator/components/com_testquestions/config.xml
+++ b/administrator/components/com_testquestions/config.xml
@@ -6,7 +6,7 @@
                 <option value="openai">OpenAI</option>
                 <option value="grok">Grok</option>
             </field>
-            <field name="ai_api_key" type="password" label="COM_TESTQUESTIONS_AI_API_KEY" filter="raw" autocomplete="off" size="120" class="w-100" />
+            <field name="ai_api_key" type="aiapikey" addfieldprefix="Komponent\Component\Testquestions\Administrator\Field" label="COM_TESTQUESTIONS_AI_API_KEY" filter="raw" autocomplete="off" size="120" class="w-100" />
         </fieldset>
     </fields>
 </config>
diff --git a/administrator/components/com_testquestions/sql/updates/mysql/1.42.5.sql b/administrator/components/com_testquestions/sql/updates/mysql/1.42.5.sql
new file mode 100644
index 0000000..36983bd
--- /dev/null
+++ b/administrator/components/com_testquestions/sql/updates/mysql/1.42.5.sql
@@ -0,0 +1 @@
+-- No database changes required for version 1.42.5.
diff --git a/administrator/components/com_testquestions/src/Field/AiapikeyField.php b/administrator/components/com_testquestions/src/Field/AiapikeyField.php
new file mode 100644
index 0000000..5341060
--- /dev/null
+++ b/administrator/components/com_testquestions/src/Field/AiapikeyField.php
@@ -0,0 +1,37 @@
+<?php
+
+namespace Komponent\Component\Testquestions\Administrator\Field;
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Form\FormField;
+
+class AiapikeyField extends FormField
+{
+    protected $type = 'Aiapikey';
+
+    protected function getInput(): string
+    {
+        $id = htmlspecialchars($this->id, ENT_QUOTES, 'UTF-8');
+        $name = htmlspecialchars($this->name, ENT_QUOTES, 'UTF-8');
+        $value = htmlspecialchars((string) $this->value, ENT_QUOTES, 'UTF-8');
+        $length = mb_strlen((string) $this->value);
+
+        return '<div class="input-group">'
+            . '<input type="password" id="' . $id . '" name="' . $name . '" value="' . $value . '" size="120" autocomplete="off" class="form-control">'
+            . '<button type="button" class="btn btn-outline-secondary" data-ai-key-toggle="' . $id . '">Pokaż</button>'
+            . '</div>'
+            . '<small class="form-text text-muted">Zapisany klucz: ' . (int) $length . ' znaków.</small>'
+            . '<script>
+                document.addEventListener("click", function (event) {
+                    var button = event.target.closest("[data-ai-key-toggle]");
+                    if (!button) return;
+                    var input = document.getElementById(button.getAttribute("data-ai-key-toggle"));
+                    if (!input) return;
+                    var visible = input.type === "text";
+                    input.type = visible ? "password" : "text";
+                    button.textContent = visible ? "Pokaż" : "Ukryj";
+                });
+            </script>';
+    }
+}
diff --git a/com_testquestions.xml b/com_testquestions.xml
index d2f9a6b..ea0150f 100644
--- a/com_testquestions.xml
+++ b/com_testquestions.xml
@@ -4,7 +4,7 @@
     <creationDate>2026-10-14</creationDate>
     <author>Komponent</author>
     <license>GNU General Public License version 2 or later</license>
-    <version>1.42.4</version>
+    <version>1.42.5</version>
     <description>COM_TESTQUESTIONS_DESCRIPTION</description>
     <element>com_testquestions</element>
     <namespace path="src">Komponent\Component\Testquestions</namespace>