Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Settings</title> | |
| <style> | |
| body { | |
| font-family: Arial, sans-serif; | |
| background-color: #f0f0f0; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| h1 { | |
| background-color: #4CAF50; | |
| color: white; | |
| padding: 20px; | |
| margin: 0; | |
| border-bottom: 2px solid #388E3C; | |
| text-align: left; | |
| } | |
| form { | |
| padding: 20px; | |
| } | |
| label { | |
| display: block; | |
| margin-top: 10px; | |
| color: #4CAF50; | |
| text-align: left; | |
| } | |
| input[type="text"] { | |
| width: 100%; | |
| padding: 10px; | |
| margin-top: 5px; | |
| border: 1px solid #ccc; | |
| border-radius: 4px; | |
| } | |
| button { | |
| background-color: #4CAF50; | |
| color: white; | |
| padding: 10px 20px; | |
| border: none; | |
| border-radius: 4px; | |
| cursor: pointer; | |
| margin-top: 20px; | |
| } | |
| button:hover { | |
| background-color: #388E3C; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <form id="settingsForm"> | |
| <label for="api_key_sys">api_key_sys:</label> | |
| <input type="text" id="api_key_sys" name="api_key_sys"><br><br> | |
| <label for="crypto_key_sys">crypto_key_sys:</label> | |
| <input type="text" id="crypto_key_sys" name="crypto_key_sys"><br><br> | |
| <label for="vk_api_key">vk_api_key:</label> | |
| <input type="text" id="vk_api_key" name="vk_api_key"><br><br> | |
| <label for="senler_token">senler_token:</label> | |
| <input type="text" id="senler_token" name="senler_token"><br><br> | |
| <label for="wa_ak">wa_ak:</label> | |
| <input type="text" id="wa_ak" name="wa_ak"><br><br> | |
| <label for="wa_api_key">wa_api_key:</label> | |
| <input type="text" id="wa_api_key" name="wa_api_key"><br><br> | |
| <label for="curators">curators:</label> | |
| <input type="text" id="curators" name="curators"><br><br> | |
| <label for="call_api_key">call_api_key:</label> | |
| <input type="text" id="call_api_key" name="call_api_key"><br><br> | |
| <button type="button" onclick="saveSettings()">Save</button> | |
| </form> | |
| <script> | |
| function loadSettings() { | |
| // Загружаем ключ из локального хранилища | |
| const apiKeySys = localStorage.getItem('api_key_sys'); | |
| if (apiKeySys) { | |
| document.getElementById('api_key_sys').value = apiKeySys; | |
| } | |
| fetch('/load_settings', { | |
| method: 'POST', | |
| headers: { | |
| 'Content-Type': 'application/json' | |
| }, | |
| body: JSON.stringify({ action: 'load', api_key_sys: apiKeySys }) | |
| }) | |
| .then(response => response.json()) | |
| .then(data => { | |
| document.getElementById('vk_api_key').value = data.vk_api_key; | |
| document.getElementById('crypto_key_sys').value = data.crypto_key_sys; | |
| document.getElementById('senler_token').value = data.senler_token; | |
| document.getElementById('wa_ak').value = data.wa_ak; | |
| document.getElementById('wa_api_key').value = data.wa_api_key; | |
| document.getElementById('curators').value = data.curators; | |
| document.getElementById('call_api_key').value = data.call_api_key; | |
| }) | |
| .catch(error => console.error('Error:', error)); | |
| } | |
| function saveSettings() { | |
| const form = document.getElementById('settingsForm'); | |
| const formData = new FormData(form); | |
| const data = {}; | |
| formData.forEach((value, key) => { | |
| if (value !== '') { | |
| data[key] = value; | |
| } | |
| }); | |
| // Сохраняем ключ в локальное хранилище | |
| localStorage.setItem('api_key_sys', data.api_key_sys); | |
| fetch('/save_settings', { | |
| method: 'POST', | |
| headers: { | |
| 'Content-Type': 'application/json' | |
| }, | |
| body: JSON.stringify({ action: 'save', data: data, api_key_sys: data.api_key_sys }) | |
| }) | |
| .then(response => response.json()) | |
| .then(data => { | |
| console.log('Success:', data); | |
| }) | |
| .catch(error => console.error('Error:', error)); | |
| } | |
| window.onload = loadSettings; | |
| </script> | |
| </body> | |
| </html> |