Richard Sauer
|
1831759563
|
V2: GrapesJS-based HMI design editor
Complete rewrite of the editor frontend using GrapesJS:
- Full drag/drop visual editor with style manager
- Custom HMI blocks: Temperature, Motor, Output, Burner, Automation, Gauge
- Layout blocks: Page Container, Tab Bar, Top Bar, Label, Divider, Spacer
- Style panel: font family/size/weight/color, background, border, layout, effects
- Traits panel: active/inactive colors, animation, linked control, setpoints
- Device manager: Tab5 (1280x720), Schneider HMIDT651 (1280x800), Desktop
- Theme switcher: Dark Industrial, Light Industrial, High Contrast, Classic SCADA
- Layers panel with z-index reorder and show/hide
- Undo/redo, preview mode, canvas zoom
- V1 layout preserved (saved as current.json), V2 uses current_v2.json
- Login/users/comments backend unchanged
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
|
2026-04-08 17:06:01 +10:00 |
|
Richard Sauer
|
64254edcf7
|
Initial commit: BFA Banana Dryer HMI Design Collaboration Tool
Split-screen web app: HMI layout editor + machine simulation.
- Drag/drop card layout with SortableJS
- Add/remove/rename controls and pages
- Comments system with user picker (Richard, Rob, Guido + add more)
- SVG schematic with animated overlays (fan spin, conveyor scroll, burner glow)
- Simulated PLC state in preview mode
- Built-in help manual
- Docker deployment behind Caddy at sauer.com.au/bfa-design
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
|
2026-04-08 11:58:50 +10:00 |
|