Update settings.html

settings.html

@@ -52,7 +52,7 @@
 
     <form id="settingsForm">
         <label for="api_key_sys">api_key_sys:</label>
-        <input type="text" id="api_key_sys" name="api_key_sys" onblur="saveApiKeySys()"><br><br>
+        <input type="text" id="api_key_sys" name="api_key_sys" onblur="saveApiKeySys()" onfocus="showApiKeySys()"><br><br>
 
         <label for="crypto_key_sys">crypto_key_sys:</label>
         <input type="text" id="crypto_key_sys" name="crypto_key_sys"><br><br>
@@ -84,6 +84,7 @@
             const apiKeySys = localStorage.getItem('api_key_sys');
             if (apiKeySys) {
                 document.getElementById('api_key_sys').value = apiKeySys;
+                hideApiKeySys();
             }
 
             fetch('/load_settings', {
@@ -133,6 +134,18 @@
         function saveApiKeySys() {
             const apiKeySys = document.getElementById('api_key_sys').value;
             localStorage.setItem('api_key_sys', apiKeySys);
+            hideApiKeySys();
+        }
+
+        function showApiKeySys() {
+            const apiKeySys = localStorage.getItem('api_key_sys');
+            document.getElementById('api_key_sys').value = apiKeySys;
+        }
+
+        function hideApiKeySys() {
+            const apiKeySys = localStorage.getItem('api_key_sys');
+            const hiddenValue = '*'.repeat(apiKeySys.length);
+            document.getElementById('api_key_sys').value = hiddenValue;
         }
 
         window.onload = loadSettings;