diff --git a/public/architecture.html b/public/architecture.html index 0ac42788..8fe7a01c 100644 --- a/public/architecture.html +++ b/public/architecture.html @@ -549,8 +549,8 @@ - - + + diff --git a/public/js/components/pressure-chart.js b/public/js/components/pressure-chart.js index 1303a7fe..a36ff144 100644 --- a/public/js/components/pressure-chart.js +++ b/public/js/components/pressure-chart.js @@ -101,11 +101,26 @@ class PressureChart { simulateBtn: document.getElementById('pressure-simulate-btn'), resetBtn: document.getElementById('pressure-reset-btn') }; + + // Verify elements were found + console.log('[PressureChart] Elements found:', { + gaugeFill: !!this.elements.gaugeFill, + gaugeValue: !!this.elements.gaugeValue, + status: !!this.elements.status, + simulateBtn: !!this.elements.simulateBtn, + resetBtn: !!this.elements.resetBtn + }); } attachEventListeners() { + if (!this.elements.simulateBtn || !this.elements.resetBtn) { + console.error('[PressureChart] Cannot attach event listeners - buttons not found'); + return; + } + console.log('[PressureChart] Attaching event listeners to buttons'); this.elements.simulateBtn.addEventListener('click', () => this.simulate()); this.elements.resetBtn.addEventListener('click', () => this.reset()); + console.log('[PressureChart] Event listeners attached successfully'); } setLevel(level) { @@ -190,12 +205,14 @@ class PressureChart { } simulate() { + console.log('[PressureChart] Simulate button clicked - starting pressure simulation'); // Simulate pressure increasing from current to 85% const targetLevels = [30, 50, 70, 85]; let index = 0; const step = () => { if (index >= targetLevels.length) return; + console.log('[PressureChart] Setting pressure level to', targetLevels[index]); this.setLevel(targetLevels[index]); index++; setTimeout(step, 1500); @@ -205,6 +222,7 @@ class PressureChart { } reset() { + console.log('[PressureChart] Reset button clicked'); this.setLevel(0); } }