An open API service indexing awesome lists of open source software.

https://github.com/Paul-Reed/thermostat

Node-red interactive thermostat
https://github.com/Paul-Reed/thermostat

Last synced: 7 months ago
JSON representation

Node-red interactive thermostat

Awesome Lists containing this project

README

          

# thermostat
## A node-red interactive thermostat

![thermostat](/images/thermo.png)
### Setup a node-red static directory

Create a new static directory within your `.node-red` directory from which you can serve the CSS and Javascript files, for example 'public'.
Git clone this repo into your newly created static directory;

cd && cd .node-red/public
git clone https://github.com/Paul-Reed/thermostat.git

Edit your node-red settings file, usually `nano /home/pi/.node-red/settings.js` as follows;

Firstly, edit httpStatic to read your static folder
`httpStatic: '/home/pi/.node-red/public',`
and also if you havent already done so, httpAdminRoot must also be used to make the editor UI available at a path other than /. So for example if you changed the setting to `httpAdminRoot: '/admin',` then instead of your editor being accessed at the URL `192.168.168.13:1880/` you would use `192.168.168.13:1880/admin`

Then stop and restart node-red

### Use of thermostat

It is necessary to link both the CSS and Javascript script within the dashboard flow to your static folder, this is normally done by adding;




to a template node.

To load the thermometer widget;

There is an [example node-red flow](/example/example_flow) to get you started, once you have completed the above.

To change the temperature setting, hold your mouse down for 1 second on the thermostat, before trying to adjust it, or on a touchscreen device, touch the thermostat for 1 second and then swipe up/down or left/right to adjust.

### Credit

Originally written by [Dal Hundal](http://codepen.io/dalhundal)

### Licence

Feel free to use the code however you like!