Changes committed:
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
This commit is contained in:
41
data/www/dashboard.html
Normal file
41
data/www/dashboard.html
Normal file
@@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>ESP32 Dashboard</title>
|
||||
<style>
|
||||
.card {
|
||||
background: #f0f0f0;
|
||||
padding: 20px;
|
||||
margin: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="dashboard"></div>
|
||||
<script>
|
||||
function updateValues() {
|
||||
console.log('Fetching ESP info...');
|
||||
fetch('/api/espinfo')
|
||||
.then(response => {
|
||||
if (!response.ok) {
|
||||
throw new Error(`HTTP error! status: ${response.status}`);
|
||||
}
|
||||
return response.text();
|
||||
})
|
||||
.then(data => {
|
||||
console.log('Data received');
|
||||
document.getElementById('dashboard').innerHTML = data;
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error:', error);
|
||||
document.getElementById('dashboard').innerHTML = 'Error loading data';
|
||||
});
|
||||
}
|
||||
// Initial load
|
||||
updateValues();
|
||||
// Update every 2 seconds
|
||||
setInterval(updateValues, 2000);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
122
data/www/index.html
Normal file
122
data/www/index.html
Normal file
@@ -0,0 +1,122 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Audio2MIDI</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
height: 100vh;
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
.sidemenu {
|
||||
width: 250px;
|
||||
background: #2c3e50;
|
||||
color: white;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.menu-item {
|
||||
padding: 15px 25px;
|
||||
cursor: pointer;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
.menu-item:hover {
|
||||
background: #34495e;
|
||||
}
|
||||
.menu-item.active {
|
||||
background: #3498db;
|
||||
}
|
||||
.content {
|
||||
flex: 1;
|
||||
padding: 20px;
|
||||
background: #f8f9fa;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.danger-zone {
|
||||
margin-top: auto;
|
||||
padding: 20px;
|
||||
border-top: 1px solid #34495e;
|
||||
}
|
||||
.danger-btn {
|
||||
background: #e74c3c;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 10px 15px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
margin: 5px 0;
|
||||
}
|
||||
.danger-btn:hover {
|
||||
background: #c0392b;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="sidemenu">
|
||||
<div class="menu-item active" data-page="dashboard">Dashboard</div>
|
||||
<div class="menu-item" data-page="wifi">WiFi Settings</div>
|
||||
<div class="menu-item" data-page="midi">MIDI Config</div>
|
||||
<div class="menu-item" data-page="system">System</div>
|
||||
|
||||
<div class="danger-zone">
|
||||
<h4>Danger Zone</h4>
|
||||
<button class="danger-btn" onclick="resetWiFi()">Reset WiFi Settings</button>
|
||||
<button class="danger-btn" onclick="forgetNetwork()">Forget Current Network</button>
|
||||
<button class="danger-btn" onclick="factoryReset()">Factory Reset</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" id="mainContent">
|
||||
<iframe id="contentFrame" style="width:100%;height:100%;border:none;"></iframe>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const pages = {
|
||||
dashboard: '/dashboard.html',
|
||||
wifi: '/wifi.html',
|
||||
midi: '/midi.html',
|
||||
system: '/system.html'
|
||||
};
|
||||
|
||||
document.querySelectorAll('.menu-item').forEach(item => {
|
||||
item.addEventListener('click', () => {
|
||||
document.querySelectorAll('.menu-item').forEach(i => i.classList.remove('active'));
|
||||
item.classList.add('active');
|
||||
const page = item.dataset.page;
|
||||
document.getElementById('contentFrame').src = pages[page];
|
||||
});
|
||||
});
|
||||
|
||||
function resetWiFi() {
|
||||
if(confirm('Are you sure you want to reset all WiFi settings?')) {
|
||||
fetch('/api/wifi/reset', { method: 'POST' })
|
||||
.then(response => response.json())
|
||||
.then(data => alert(data.message))
|
||||
.catch(error => alert('Error: ' + error));
|
||||
}
|
||||
}
|
||||
|
||||
function forgetNetwork() {
|
||||
if(confirm('Are you sure you want to forget the current WiFi network?')) {
|
||||
fetch('/api/wifi/forget', { method: 'POST' })
|
||||
.then(response => response.json())
|
||||
.then(data => alert(data.message))
|
||||
.catch(error => alert('Error: ' + error));
|
||||
}
|
||||
}
|
||||
|
||||
function factoryReset() {
|
||||
if(confirm('WARNING: This will reset all settings to factory defaults. Are you sure?')) {
|
||||
fetch('/api/system/reset', { method: 'POST' })
|
||||
.then(response => response.json())
|
||||
.then(data => alert(data.message))
|
||||
.catch(error => alert('Error: ' + error));
|
||||
}
|
||||
}
|
||||
|
||||
// Load dashboard by default
|
||||
document.getElementById('contentFrame').src = pages.dashboard;
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
61
data/www/wifi.html
Normal file
61
data/www/wifi.html
Normal file
@@ -0,0 +1,61 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user