Multi-page with HTTP Refresh

Multiple routes render different views of the same model, each auto-refreshing independently

What this demonstrates

  • Two views, one model — schematic and diagnostics tabs share the same simulation
  • LayoutNavbar — built-in Bulma layout with navbar and status tag
  • Per-page HTTP Refresh — the Refresh header reloads the current page, so /diagnostics refreshes itself
  • Diagnostics — pump cycles, on-time, valve cycles, float trips, level history table

Server-side flow

GET /             → renderSchematic(), app.HandleDisplay()
GET /diagnostics  → renderDiagnostics(), app.HandleDisplay()
POST /start       → sim.Start(), redirect /
POST /stop        → sim.Stop(), redirect /

Live Demo (WASM)

Loading WASM...