Node-red dashboard UI for HTD MC-66

[Eki]

Screen shot of Node-Red dashboard UI for HTD MC-66. If there is interest, I will clean up the flows and post them too

[buistie]

This looks great. Would it work with Google Home integration? I was looking at the UltraHTD plugin but it wasn't working well when I tried it as a trial in the past.

[Eki]

I don't see why not. The flow creates its own connection to HTD, and actually does not use HS. It could use HS or Google Home if you wanted to schedule some events, but my flow is just for interacting with HTD. The flow demuxes the data coming from the HTD and so you can integrate it with your own UI or use the NR dashboard UI I used. Bottom line, pretty versatile.

And, yes, the whole reason I did this was because I bought the HTD plugin for HS, and it worked poorly, and I received no support from the developer. Thus, I rolled my own. HTD was really accommodating with details about their interface.

NR is phenomenal. I use the NR HS node to tie HS to NR via webhooks. Works very reliably.

[buistie]

Thanks for your response. It would be nice to see your flows when you are done and hopefully I can figure it out. I have never used red node before.

[techguy76]

I would love to see the flows on this, more specifically how you customized the look of it. LOVE me some Node-Red.

[Eki]

I'm not a UI person, so I'm not sure how good my customizations are ... but in essence it is just a matter of overriding the CSS and trying to reverse engineer the NR dashboard ... it's a pain ... but I'm sure you can pick up where I left off do a better job... I will be posting my flows shortly ... I have a bunch of them I will make available to anyone that wants to take a look. stay tuned

[buistie]

Hi
I Am just wondering how your progress has been on providing your flows. I look forward to seeing and thanks.

[Eki]

Yeah .... work has been driving me nuts ... sorry I have not done this yet. I think what I will do is put all the flows into github ... and then I can post a link here. Does that work for you? I will try to make time to do it this weekend

[buistie]

No problem. Take your time. I am just interested as I want to incorporate it in my system. I'll keep an eye out for your post.

Thanks

[Eki]

So, I here is the first of two flows for HTD. This is a global UI template that sets up the styling for all the other pages.

If you read the 'read.me' file on this page, you will read that I am making these available to anyone that wants to see how it is done and wants a starter project to start from. It is ugly and not following any best practices. That is why I am not putting it in the Node Red repository. That would mean I would have to clean it up and be all formal. When in reality, I don't care about all of that ... this is just a hobby for me. Having said that the link is attached.

If you are unfamiliar with github, click the 'Code' button and select 'Download ZIP' to bring down a zip file with the files. You can preview the files right there in the github UI and even copy the flow right to your clipboard and import it into NR. I noticed a little inconsistency with the github UI, sometimes it shows the json without formatting, sometimes with formatting. To fix that, click the json file and then click the "RAW" button and you will get raw json for copying.

https://github.com/EkiSkyten/NodeRedCSS

Part two will be coming in a little bit

[buistie]

Thanks. I appreciate you providing this. It will probably take me awhile to learn and you information will be very helpful.

[ksum]

Which pallete/contrib is this using? The Dashboard contrib is popular and easy while the UIBuilder is more customizable. Which would someone need to add to make this work?

[Eki]

Dashboard is required ... I forgot to mention or document that

[Eki]

Here is the second flow as promised:

https://github.com/EkiSkyten/NodeRedHtdMc66

[Eki]

Added missing static resource files to CSS repo and updated docs