Node Red: A widget based dashboard working with Homey trough MQTT

M_a_r_c_o · December 29, 2019, 1:13pm

Thanks @Satoer, based on your post I have now created this where I use http get’s from Homey create a list for me.

I have one question, why does single-line setting not show description, time and icon on one line and must I use a multi-line setting?

http://[ip adress]:1880/doorbird?source=[doorbird|synology]&ring=false&motion=true

(it is probably not a nice setup now, and everything can be programmed in one function, but thats for later).

M_a_r_c_o · December 29, 2019, 1:56pm

Ah, found it, description is not showed in single-line. Solution is to put description text in the title.

Old function: Add bell movement to list
var WaarschuwingLijst=flow.get("FlowWaarschuwingLijst") || []; var TimeVar=global.get("GlobalTime") || ''; WaarschuwingLijst.push({"title":TimeVar ,"description":": Beweging","icon_name":"fa-video-camera"}); flow.set("FlowWaarschuwingLijst",WaarschuwingLijst); msg.payload = WaarschuwingLijst; return msg;

New function: Add bell movement to list
var WaarschuwingLijst=flow.get("FlowWaarschuwingLijst") || []; var TimeVar=global.get("GlobalTime") || ''; WaarschuwingLijst.push({"title":TimeVar +": Beweging door: " +msg.payload.source,"icon_name":"fa-video-camera"}); flow.set("FlowWaarschuwingLijst",WaarschuwingLijst); msg.payload = WaarschuwingLijst; return msg;

Kalle_Kronbeck · December 29, 2019, 2:06pm

This question maybe should be here… Posted in virtual device thread before…
I have a Virtual Device Motion sensor that I cant get to work.
I got this message from my Mosquitto server when the ESP reacts on motion:
It comes into Mosqitto as 1 or 0
I then use a function to let 1=true and 0=false and into boolean format.
Then node-red publish into this.
esp-lekrum/movement/yorn true
But now its in string format.
So when I do my flow in Homey it dont update the sensor, probaly because “true” is in string format??
If I have read right here the text should be alarm_motion as text in boolean format.

Satoer · December 29, 2019, 2:18pm

I just use the title and description variable to add the first and second line. In my example I forgot to remove the “:” (I simplified it somewhat). In my usage the dashboard looks like this:

(Waarschuwingen = Warnings in dutch)
When I press “sluiten” (Close in dutch) the array gets cleared and the compete panel disappears using the “UI control” -node.
If you look at the UI-list site:

There are interesting examples how to format the array to get all kind of interesting lists. I tried to add pictures from the door camera, but haven’t been successful yet. (images are behind a username / password url, and I haven’t found a way to make a “http://user:password@ip-number:port/snapshot.jpg” workable)

Satoer · December 29, 2019, 2:38pm

I’m trying to understand what you are trying to accomplish.
You want your motion sensor that spits out MQTT messages to set a virtual motion sensor in homey?

The sensor spits out 0 or 1
Node red converts this to false or true in boolean
Node red re-publisch this to MQTT.
Homey receive this (where true-or false is converted to a string)
Than try to set the virtual device alarm…

This seems to me a bit “over engineered”. In your earlier post you mentioned you created the sensor yourself using an Arduino… Why don’t you use the Homeyduino library to create a native Homey sensor? You don’t have to translate the incoming message, and homey becomes the centralised server instead of the node-red server. Also, homey will convert incoming sensor data automatically to MQTT using the Homey MQTT Hub app.

That being said, if you keep wanting to use MQTT to set a virtual sensor: I think you still can do it directly based on string data. Just create two flows. one for true, one for false.

(note: I just use some bogus info, and virtual sensor otherwise I had to create one)

Kalle_Kronbeck · December 29, 2019, 2:48pm

@Satoer you are brilliant !!
Probaly spent 4 hours into this “problem” and you solved it in 5 minutes
THANKS !!

Kalle_Kronbeck · December 29, 2019, 3:05pm

I tried your code above and could see the Bell and the text but no time och date as in your picture above

Satoer · December 29, 2019, 3:11pm

In the example I removed the date to simplify it. Why don’t you try to fill the list with some test strings? See if that works. Just a button, a javascript node and a list node coupled. Push the button, add a item to the list in the javascript node. If this works, you can try to add the time. If that works, you can trigger it based on incoming MQTT messages.

Kalle_Kronbeck · December 29, 2019, 3:49pm

Got it working ! Rörelse = Movement
Tried saving date as a GlobalVar and ut in the list with no luck.
Gladly takes example code

Satoer · December 29, 2019, 3:58pm

Allright, here’s my complete code how I use the time and date.
I ask the time every second, I ask the date every minute, Of course this is not the most neat way. Better would be if I update it every time 0:00 has passed. But I was lazy.

The date gets stored in a long and short global variable. The long version is translated to Dutch.

Use the global variable long or short date just like the time.

[EDIT] “Set icon color and temperature” -name does not make sense… I copied it from another node and forgot to rename it

Kalle_Kronbeck · December 29, 2019, 5:16pm

Stupid question
How do you get both varibels to be printed ?
Tested with this but didnt work
WaarschuwingLijst.push({“title”: TimeVar, DateVar,“description”:": Rörelse Entre",“icon_name”:“fa-bell”});

Satoer · December 29, 2019, 5:23pm

I do it like this:

var DateVar=global.get("GlobalDate") || '';
var TimeVar=global.get("GlobalTime") || '';
WaarschuwingLijst.push({"title":DateVar,"description":TimeVar+": Aangebeld","icon_name":"fa-bell"});
flow.set("FlowWaarschuwingLijst",WaarschuwingLijst);
msg.payload = WaarschuwingLijst;
return msg;

Kalle_Kronbeck · December 29, 2019, 7:06pm

I am no programmer and a newbie with node-red
But after some copy/paste among the latest answers I got it working and writing “the right” name and date.Now I have to adjust my sensor, its to sensitive right now

Angel_Escudero · December 30, 2019, 12:52pm

Hello @Satoer

I tried to create the javascript button with the code to delete the list of generated messages.

But, I have not been able to do it. I attached an image of what I have done to see if you can tell me what I am doing wrong.

Thank you very much in advance.

Greetings!

Satoer · December 30, 2019, 1:18pm

I don’t think there’s something wrong. The list is empty. The list node is just not updated with the new data. If you add an item, the list probably will start fresh with only the new item you added.

Just couple the “reset list” javascript node to the List node. And change the code in the javascript node to:

flow.set('FlowWaarschuwingLijst',[]);
msg.payload=[];
return msg;

Then it will show an empty list.

M_a_r_c_o · December 30, 2019, 4:51pm

It would be nice to reverse sort the list, so that new items are on top of the list and to auto delete all older records except for the last 10 added lines.

Anyone has some code examples for this?

Satoer · December 30, 2019, 5:17pm

Instead of using “push()” you can use “unshift()” to add the item on top of the list.

It’s all just basic javascript. There are several options to remove items from an array.

M_a_r_c_o · December 31, 2019, 2:07pm

Thanks @Satoer

I changed it to this, I chnage pull to unshift and added an additional line to limit the array to maximum of 10 lines using splice.

Odd_Magne_Nylund · January 1, 2020, 6:35pm

Hello. I have bean trying to make an dashbord. Got some things in the dashboard now. But i dont understand how to place feks things (gauges , switches ) on the side or in a corner of the dascboard. Everyting i make come in the middel of the dashbord.

Kalle_Kronbeck · January 1, 2020, 6:43pm

If you edit the dashboard you can add more “rows”
Where the red cross is in the picture you will see Layout when you move your mouse over.
There you you add more things

Topic		Replies	Views
Great Idea for Homey Dashboard Ideas & Suggestions	5	5038	November 3, 2019
[PRO][Dashboard] HDashboards a dashboard system fully focussed on Homey Developers flow , dashboard , homey-pro	194	11049	May 8, 2024
Is there any good dashboards for Homey in 2021? Questions & Help	13	14789	February 16, 2022
Homey Wall Dashboard Questions & Help homey-pro	5	1484	August 11, 2022
Dashboard like fibaro Ideas & Suggestions	2	1012	February 10, 2021

Node Red: A widget based dashboard working with Homey trough MQTT

Related Topics