diff --git a/src/main/resources/static/images/eye-slash.svg b/src/main/resources/static/images/eye-slash.svg new file mode 100644 index 00000000..c5208375 --- /dev/null +++ b/src/main/resources/static/images/eye-slash.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/src/main/resources/static/images/eye.svg b/src/main/resources/static/images/eye.svg new file mode 100644 index 00000000..412ff692 --- /dev/null +++ b/src/main/resources/static/images/eye.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/main/resources/templates/account.html b/src/main/resources/templates/account.html index 78d5bddd..96421b5e 100644 --- a/src/main/resources/templates/account.html +++ b/src/main/resources/templates/account.html @@ -71,9 +71,14 @@ - - - + + + + @@ -90,11 +95,14 @@ function showApiKey() { const apiKeyElement = document.getElementById("apiKey"); const copyBtn = document.getElementById("copyBtn"); + const eyeIcon = document.getElementById("eyeIcon"); if (apiKeyElement.type === "password") { apiKeyElement.type = "text"; + eyeIcon.src = "images/eye-slash.svg"; copyBtn.disabled = false; // Enable copy button when API key is visible } else { apiKeyElement.type = "password"; + eyeIcon.src = "images/eye.svg"; copyBtn.disabled = true; // Disable copy button when API key is hidden } }