@sourcesimian/node-red-dashboard-2-buttonpanel 0.1.2

Compact Node-RED Dashboard 2.0 button panel widgets.

npm install @sourcesimian/node-red-dashboard-2-buttonpanel

Node-RED Dashboard 2.0 ButtonPanel

Compact Node-RED Dashboard 2.0 button panel widgets for building tactile button, switch, fader, image, and iframe panels.

Nodes

• buttonpanel text: display text values, optionally read-only
• buttonpanel button: emit a configured command value
• buttonpanel switch: cycle through configured states
• buttonpanel select: choose one configured state from a dialog
• buttonpanel fader: edit a numeric range value, or display it as read-only
• buttonpanel image: display an image URL, optionally interactive
• buttonpanel iframe: embed a URL

See MANUAL.md for configuration details and examples.

Example Flow

Import examples/buttonpanel-demo-flow.json into Node-RED for a dashboard that demonstrates every widget mode, including delayed feedback for interactive widgets.

Import examples/buttonpanel-dark-theme.json if you only want the reusable Dashboard 2.0 buttonpanel: Dark theme.

Build

npm install
npm run build

The build writes the Dashboard bundle to resources/ui-buttonpanel.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 and Dashboard 2.0 into _node_red. make link builds this package and symlinks it into _node_red/node_modules as @sourcesimian/node-red-dashboard-2-buttonpanel.

To test the package as an installed tarball instead of a symlink, use:

make install-package
make run
make uninstall-package

Install Locally Into Node-RED

From your Node-RED user directory:

npm install /path/to/node-red-dashboard-2-buttonpanel

Or, after publication:

npm install @sourcesimian/node-red-dashboard-2-buttonpanel

Restart Node-RED, then add ButtonPanel nodes from the palette.

Attribution

The button tile style and interaction model were inspired by sourcesimian/mqtt-panel.

License

In the spirit of the Hackers of the Tech Model Railroad Club from the Massachusetts Institute of Technology, who gave us all so very much to play with. The license is MIT.