node-red-contrib-dashboard-2-switchboard 0.1.0
Node-RED Dashboard 2.0 compact switchboard console widgets.
Node-RED Dashboard 2.0 Switchboard
Compact Node-RED Dashboard 2.0 control-panel widgets inspired by
sourcesimian/mqtt-panel.
This package provides Dashboard widgets only. It does not connect to MQTT directly; Node-RED flows should own MQTT input/output, retained messages, transforms, and automations.
Nodes
switchboard text: display text values, optionally editableswitchboard button: emit a configured command valueswitchboard switch: cycle through configured statesswitchboard select: choose one configured state from a dialog, optionally as a buttonswitchboard fader: edit a numeric range value, or display it as a gaugeswitchboard lamp: display a mapped stateswitchboard image: display an image URL, optionally as a buttonswitchboard iframe: embed a URL
See MANUAL.md for configuration details and examples.
Example Flow
Import examples/demo-flow.json into Node-RED for a dashboard that demonstrates every widget mode, including delayed feedback for interactive widgets.
Import examples/switchboard-dark-theme.json
if you only want the reusable Dashboard 2.0 switchboard: Dark theme.
Build
npm install
npm run build
The build writes the Dashboard bundle to resources/ui-switchboard.umd.js.
Local Development With Make
This repository keeps a disposable Node-RED user directory in _node_red.
make setup
make link
make run
Then open:
http://127.0.0.1:1880/
make setup installs Node-RED, Dashboard 2.0, and MQTT support into
_node_red. make link builds this package and symlinks it into
_node_red/node_modules as node-red-contrib-dashboard-2-switchboard.
Install Locally Into Node-RED
From your Node-RED user directory:
npm install /path/to/node-red-contrib-dashboard-2-switchboard
Restart Node-RED, then add Switchboard nodes from the palette.
Attribution
The visual direction and widget behavior are based on
sourcesimian/mqtt-panel, which is
MIT licensed.