|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<title>Settings</title> |
|
<style> |
|
body { |
|
font-family: Arial, sans-serif; |
|
background-color: #f4f4f4; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
h1 { |
|
color: green; |
|
text-align: left; |
|
padding: 20px; |
|
background-color: #e0e0e0; |
|
margin: 0; |
|
} |
|
form { |
|
padding: 20px; |
|
} |
|
label { |
|
display: block; |
|
margin-top: 10px; |
|
color: green; |
|
text-align: left; |
|
} |
|
input[type="text"] { |
|
width: 100%; |
|
padding: 10px; |
|
margin-top: 5px; |
|
border: 1px solid #ccc; |
|
border-radius: 4px; |
|
} |
|
button { |
|
background-color: green; |
|
color: white; |
|
padding: 10px 20px; |
|
border: none; |
|
border-radius: 4px; |
|
cursor: pointer; |
|
margin-top: 20px; |
|
} |
|
button:hover { |
|
background-color: darkgreen; |
|
} |
|
</style> |
|
</head> |
|
<body> |
|
<h1>Settings</h1> |
|
<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="ALLOWED_ORIGIN">ALLOWED_ORIGIN:</label> |
|
<input type="text" id="ALLOWED_ORIGIN" name="ALLOWED_ORIGIN"><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() { |
|
fetch('/settings', { |
|
method: 'GET' |
|
}) |
|
.then(response => response.json()) |
|
.then(data => { |
|
document.getElementById('api_key_sys').value = data.api_key_sys; |
|
document.getElementById('ALLOWED_ORIGIN').value = data.ALLOWED_ORIGIN; |
|
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; |
|
} |
|
}); |
|
fetch('/settings', { |
|
method: 'POST', |
|
headers: { |
|
'Content-Type': 'application/json' |
|
}, |
|
body: JSON.stringify(data) |
|
}) |
|
.then(response => response.json()) |
|
.then(data => { |
|
console.log('Success:', data); |
|
}) |
|
.catch(error => console.error('Error:', error)); |
|
} |
|
window.onload = loadSettings; |
|
</script> |
|
</body> |
|
</html> |
