# node-red-contrib-ui-popup Readme

node-red-contrib-ui-popup is a collection of popup-dialogues for the Node-RED
Dashboard

## Install

### Directly in Node-RED via palette manager

Start Node-RED

Select 'Manage palette' from menu top-right

Click on the Install tab

Search for ui-popup in the searchbar and find node-red-contrib-ui-popup

### Manual install

Run command on Node-RED installation directory.

    npm install @icke1983/node-red-contrib-ui-popup

## Usage

This is a collection of popup-dialogues for the node-red dashboard.

The following dialogues are available.

### timepicker node

![timepicker Example](https://raw.githubusercontent.com/icke1983/node-red-contrib-ui-popup/master/images/timepicker.PNG)

### colorpicker node

![colorpicker Example](https://raw.githubusercontent.com/icke1983/node-red-contrib-ui-popup/master/images/colorpicker.PNG)

### colortemp node

![colortemp Example](https://raw.githubusercontent.com/icke1983/node-red-contrib-ui-popup/master/images/colortemp.PNG)

### simpleslider node

![simpleslider Example](https://raw.githubusercontent.com/icke1983/node-red-contrib-ui-popup/master/images/simpleslider.PNG)

### dropdown node

![dropdown Example](https://raw.githubusercontent.com/icke1983/node-red-contrib-ui-popup/master/images/dropdown.PNG)

### iframe node

![iframe Example](https://raw.githubusercontent.com/icke1983/node-red-contrib-ui-popup/master/images/iframe.PNG)

## Inspiration and thanking

- the dropdown node is inspired by [node-red-contrib-ui-contextmenu](https://github.com/bartbutenaers/node-red-contrib-ui-contextmenu) - thank to [Bart Butenaers](https://github.com/bartbutenaers)

- the colortemp node contains calculating code of [Tanner Helland](https://tannerhelland.com/2012/09/18/convert-temperature-rgb-algorithm-code.html) and [Mike D Sutton](https://gist.github.com/EDais) - thank for sharing of your knowledge

## License

The MIT License