That looks nice!

Thanks Sam, That does help explain things. The grandkids are visiting, so will be a day or so before I get back to this, unless I just can’t sleep tonight. ;-)

I’ve made a little more progress on this, but nothing to display the device info yet. I found the node-smarthings library uses promises to return results, which I’ve not worked with specifically, so been struggling with tying the device information to the device capability status results. I think I’ve finally worked passed it, but still have some testing to do.

I’ve been trying to pass the device object from the first call to the call back function for the capability status, but not figured out how to do that. All of the status results were tied to the last device processed from the device callback. I did finally move the looping of devices to where only one device was sent to the socket notification that calls the capability status and seems to be working that way.

Thanks for creating this, my wife really likes seeing the progress on her projects.

Looks nice. I’m not using any glass either, just a wood frame around the monitor screen.

You probably can either show the map image or an iframe in MM. Use the querystring params to update the marker parameters…

https://developers.google.com/maps/documentation/maps-static/dev-guide

I’m finally starting to make some progress on this. I’ve been doing development in a docker instance and found editing files while the container is running corrupts files. :-)

So I have it connecting and bringing back device information at this point. I still need to parse that info. I’m working through the steps get all the info in the correct order to model it (get device ids>>get device components>>get device capabilities>>statuses etc.)

I do have two hubs and found that it brings back devices for all hubs, so I’ll need to get the hub info too.

Sorry, google photos don’t seem to stay around that long…

This is the css I use in my custom.css file to get a semi transparent shadowbox with rounded corners on my modules to make them easier to read over the slideshow background.

 .normal,
 .dimmed,
 header,
 body {
        color: #fff;
 }

 .module {
        background: rgba(0, 0, 0, 0.4);
        border-radius:15px;
        padding: 10px;
 }