GhostThermostat

Node-Red - UI Template - Thermostat Dashboard Widget

This widget is based on the automatikas / Dashboard Nest thermostat.

With this widget you can display and control your heating/cooling via Node-red dashboard.

It's fully responsive and can be setted by touch

General Usage

You can set target temperature by pressing on down left zone of the quadrant (where is the label "SET") then widget show you another panel where you can change target temperature. Once set, just touch the top of the dial to return to the main panel

in the same way, by pressing the bottom right, you can choose the mode, at this moment there are three different types of mode: "heating", "cooling" and "off".

Heating mode:

Cooling mode:

Off:

Led Rign

Ther ring arround the quandrant change color

the ring around the dial changes color as conditions turn the thermostat on or off. By default the colors are: gray for when the thermostat is off, orange for when the heating is on and blue for when the air conditioning is on. Obviously the LED will light up when the room temperature is lower than the target one for heating and vice versa for air conditioning

Input and Output

you can push in input:

ambient_temperature Your temperature readings numeric payload.
target_temperature [optional] your thermostat setpoint numeric payload.
mode [optional] string (heating/cooling/off) payload.
away [optional] boolean (true/false) payload.

Input Example:

msg.topic = 'ambient_temperature';
var data = {
    'ambient_temperature':msg.payload.ambient,
    'target_temperature':msg.payload.target
}
msg.payload = data;
return msg;

you can got msg output every time switch state or target_temperature (this so you can store in globa variable) change:

ambient_temperature actual ambient temperature
target_temperature actual setted teperature
modeactual mode
switch_state swtitch state (heating if heating in on - cooling if ac is on - off if is off)
awayif away is enabled (treu/false)

Customizzation

You can easily customize the color of the ring, labels and icons by changing only the values in options and parameters. For the icons you have to use the unicode codes of the glyph (by default I use fontawesome)

Flow Example

In this example we take the ambient temperature from the DHT22 sensor (connected to the Rasperry PI) and, through our widget, we control the relays that switch the heating or air conditioning on or off:

ambient_temperature node:

msg.topic = 'ambient_temperature';  
var data = {
    'ambient_temperature':msg.payload || 20
}
msg.payload = data; 
return msg;

ghostmaster75 / GhostThermostat