ActiON Dashboard 4.6.3 is here! (Now SmartTiles.click)

Amazing work @625alex

I really like what you’ve done but I was just curious about some customization. Is it possible to use some css styling like this one: http://cssdeck.com/labs/the-amsterdam-user-interface

This might be a bit off topic but your Dashboard is the closest thing to what I have in mind.
I’ve been dreaming for ages about a simple 2D/3D dashboard where I can visually control and visualise my things.
Do you reckon this is achievable?

Here’s a simple mockup of what I’m talking about:

7 Likes

I like it. Looks amazing. I dont think smartthings will allow it to work sadly

Agreed. Once you get a few dozen devices this could help manage them.

Are you saying this is possible with just CSS?

After @625alex comments on this I suggest you start a new topic so we can discuss this more without hijacking this thread.

This is certainly possible, but we are taking here about more than some css customizations.

At this point I can say with confidence that anything is possible. The question is how much resources one is willing to dedicate to it. This dashboard already took 100s of hours to code.

This interface may come to life some day. Some day…

1 Like

No, it’s not possible with just CSS. This is a totally different UI.

Once I implement sorting and groups, it should be easier to organize our devices.

Nope, no such luck. videostream.asf is not found on the 9821w v2

If I ever come across a pair of Sonoses, I will try your scenario.
The tile should show device label + track description. I’m only displaying what is reported in these fields.

If you refresh the dashboard, do you still have the same statuses?

Sweet…definitely works with Pandora and iHeartRadio on iOS. I just tried it. I will have to poke around to see if it similarly works with Android since my wall mounted tablets are running on Android. That’ll have to wait until I get home :smile:

The dashboard is ever-increasingly awesome! Two quick suggestion / feature requests related to the “hooks” at the bottom for user modification:

First: It would be helpful from a CSS styling standpoint if the actual name of the device itself was added as a class to the containing div. I’ve been able to approximate this by adding something like the following to the top of renderTile():

 if (data.name != null) {
	data.normalizedName = data.name.replaceAll(/[^a-zA-Z0-9]/, "_")
} else {
	data.normalizedName = ""
}

… and then adding data.normalizedName into the list of class names that get applied to each tile when they render. The need for this change may be lessened if/when grouping becomes available (if the groups can be individually styled) … but this facility would make it a lot easier (for me, at least) to use the customCSS hook to mess with some individual tiles (color coding and whatnot).

Second: I’ve been adding some pretty-printing of my device names so that they look less like my own “internal” naming scheme, which is mostly set up so that I can efficiently pick things from inside the ST mobile app, and render them in a more “dashboard friendly” manner.

So, for example, I have devices named things like “_vs SCENE 1FL All On”, which happens to be a virtual switch that triggers a scene. I am using a bunch of regular expressions in the Dashboard code to transform that into something a little more user-friendly like “Trigger: 1st Floor All On”.

The actual naming convention I’m using is (of course) custom to my own setup, but – if others would find something like this useful – it would be awesome to have a persistent hook (similar to the customCSS( ) hook) for the beautification of device names. I’ve approximated this myself by adding a line like

data.name = prettyName(data.name)

to the top of renderTile, after the above code, and then adding all my renaming code to that function at the end of the file, so that it’s easier to migrate.

Anyway, I thought that might be of some use to others (and it would prevent my needing to track down and edit renderTile with each revision :wink: )

Thanks again for a game-changing app!

@kevintierney try this for the vesion 2 of the FI9821.

rtsp://IPADDRESS:88/videoMain

I’ve begun looking into how to get the dashboard to support the Foscam FI9xxx cams which are h264, not MJPEG. The dashboard itself should support the video stream.

however

  • the URL will probably be different than that of the MJPEG (FI8xxx) cameras
  • an MJPEG stream (or substream, I’m not entirely sure yet) needs to be configured on the camera instead of the primary h264 stream. The URL will need to point to the new MJPEG stream instead of the h264 stream

I haven’t had a chance to work on figuring out the proper camera configuration and URLs but once I am able to I’ll post the information in here. If someone else is motivated to hack away at this feel free! If you can get the MJPEG stream working the dashboard code should support accessing the stream via the URL as-is.

You can easily address this with CSS attribute selector without adding custom class names. Each tile had device ID and device type data attributes. For example:

.tile[data-type="switch"][data-device="1234-abcd"]

This can be achieved by taking advantage of “name” and “label” fields of devices. Use one for display, use the other one for tracking. The dashboard uses device.displayName which returns the label, if set, otherwise returns the name.

Here is a link to the Foscam forum where they discuss how to make the FI9xxx cams display an MJPEG stream by sending CGI commands to the cam:

http://foscam.us/forum/how-to-fetch-snapshots-and-mjpeg-stream-on-hd-cameras-t4328.html

Now if I can only get the dang mixed content warning to go away…

3 Likes

@randypaine it is because you are accessing a non-secure page from a secure page. That is why you are getting the mixed mode. If can access the camera via SSL, it should go away.

Oh I knew why I was getting the error. But when I switch the camera feed to https, then I get no image at all. :frowning:

I really want to use a PTZ camera in the house but these Foscam units are so wonky by themselves much less working with SmartThings that I may settle for a Dropcam. Or maybe I’ll just be patient until Hub v2 and see what’s up with the D-Link and Netgear integration.

Hi @libra89 just wondering how you wall mounted your tablets as keen to do the same. Want to charge them continuously if thats possible.

Hi there, I have quite a crude system right now actually. I have some 7" Digiland tablets from BestBuy - $50 each!! They are very simple, nothing I’d use for any serious uses beyond maybe digital readers or for exactly what I bought them for…being wall hung panels for SmartThings. My local Best Buy must be wondering why I bought so many :smile:

Anyway, I used the Command strips meant for hanging framed photos. They are basically like plastic velcro strips. I didn’t want to do anything too permanent to start with, so this was a good option for me. You could also use heavy duty plastic velcro with adhesive on it. That would secure to the tablet and the wall with a little more strength. The command strips keeps the tablet on the wall no issue, but if I try to take the tablet off the wall, the command strip comes off the wall too. I think it’s plenty strong for a lightweight cheap tablet. And in all honesty, if it hits the floor I am not out a lot of money. If I were using a more serious tablet like an iPad or a Samsung Galaxy tab, I’d go with something more significant.

As for cord/power management, I have a totally ungraceful solution for that. I am powering my tablets, but I simply ran the USB cords down the wall and tacked them in place. It does not look pretty. You could certainly go with a recessed wall mount box like for flat panel TV’s, and run the cords in the walls, but that is too much effort for me. I am probably going to get some simple cord covers and paint them to match the walls. The cheap tablets come with straight micro USB cords, so before I do anything like that, I am going to buy some 6’ right and left angle cables so that I don’t have it sticking straight out the side of the tablet to keep it a little cleaner looking.

1 Like

The 3D view would be awesome! I know it is a crazy amount of work but for people who are clueless about home automation would be able to figure things out… I know it is too much to do right now but man would I ever like to get my hands on that.

Really @randypaine I have 6 foscams and they work great. I don’t have a HD one just inside and outside foscam.

Hey @625alex you’re spot on when you say that it’s all about how much resources you have in your hands. And I’m not trying to compete with your fantastic work here, I use your dashboard and I love it. I’m just trying to get my head around the idea of my dashboard and see if it’s possible at all. It’s very close to what I have in mind but it would required a lot of work.

Thanks!