debug(pressure-chart): add render() logging to diagnose invisible HTML

SUMMARY:
Added logging at start of render() and after innerHTML to see if HTML
is being generated but not displayed.

CHANGES:
- Log when render() is called with container reference
- Log innerHTML length after setting
- Log first 100 chars of innerHTML
- Bump version to v20251019174000

ISSUE:
User cannot see 'Simulate Pressure Increase' button despite initialization
succeeding. Need to verify if HTML is being generated at all.

🤖 Generated with Claude Code (https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
TheFlow 2025-10-20 08:16:02 +13:00
parent 0e0c004728
commit 8dbdf53ca7
2 changed files with 6 additions and 1 deletions

View file

@ -549,7 +549,7 @@
<script src="/js/components/interactive-diagram.js?v=20251019170000"></script>
<!-- Data Visualizations (Phase 3) -->
<script src="/js/components/pressure-chart.js?v=20251019173500"></script>
<script src="/js/components/pressure-chart.js?v=20251019174000"></script>
<script src="/js/components/activity-timeline.js?v=20251019173500"></script>
<!-- Footer Component -->

View file

@ -35,6 +35,7 @@ class PressureChart {
}
render() {
console.log('[PressureChart] render() called, container:', this.container);
this.container.innerHTML = `
<div class="pressure-chart-container">
<div class="flex items-center justify-between mb-4">
@ -102,6 +103,10 @@ class PressureChart {
resetBtn: document.getElementById('pressure-reset-btn')
};
// Verify innerHTML was set
console.log('[PressureChart] innerHTML length:', this.container.innerHTML.length);
console.log('[PressureChart] First 100 chars:', this.container.innerHTML.substring(0, 100));
// Verify elements were found
console.log('[PressureChart] Elements found:', {
gaugeFill: !!this.elements.gaugeFill,