Jose
6d55c2315a
new file: .gitignore modified: README.md new file: data/www/dashboard.html new file: data/www/index.html new file: data/www/wifi.html new file: include/README new file: lib/README new file: notes.ods new file: platformio.ini new file: src/NoteMappings copy.h new file: src/NoteMappings.h new file: src/audio_input.cpp new file: src/audio_input.h new file: src/ble.cpp new file: src/ble.h new file: src/config.h new file: src/esp_info.cpp new file: src/esp_info.h new file: src/fft_processing.cpp new file: src/fft_processing.h new file: src/led_control.cpp new file: src/led_control.h new file: src/main.cpp new file: src/midi.cpp new file: src/midi.h new file: src/web_server.cpp new file: src/web_server.h new file: test/README
62 lines
1.9 KiB
HTML
62 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>WiFi Settings</title>
|
|
<style>
|
|
.wifi-container {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
padding: 20px;
|
|
}
|
|
.wifi-status {
|
|
background: #f0f0f0;
|
|
padding: 15px;
|
|
border-radius: 5px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.status-connected {
|
|
color: #27ae60;
|
|
}
|
|
.status-disconnected {
|
|
color: #c0392b;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="wifi-container">
|
|
<h2>WiFi Settings</h2>
|
|
<div class="wifi-status" id="statusContainer">
|
|
<h3>Current Status</h3>
|
|
<div id="wifiStatus"></div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function updateWiFiStatus() {
|
|
fetch('/api/wifi/status')
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
const statusHtml = `
|
|
<p class="status-${data.connected ? 'connected' : 'disconnected'}">
|
|
Status: ${data.connected ? 'Connected' : 'Disconnected'}
|
|
</p>
|
|
${data.connected ? `
|
|
<p>SSID: ${data.ssid}</p>
|
|
<p>IP Address: ${data.ip}</p>
|
|
<p>Signal Strength: ${data.rssi}dBm</p>
|
|
` : ''}
|
|
`;
|
|
document.getElementById('wifiStatus').innerHTML = statusHtml;
|
|
})
|
|
.catch(error => {
|
|
document.getElementById('wifiStatus').innerHTML =
|
|
`<p class="status-disconnected">Error: ${error}</p>`;
|
|
});
|
|
}
|
|
|
|
// Update status every 5 seconds
|
|
updateWiFiStatus();
|
|
setInterval(updateWiFiStatus, 5000);
|
|
</script>
|
|
</body>
|
|
</html>
|