Announcement: HADashboard v1.72

rpitera · August 29, 2016, 8:48pm

Actually it worked out well being at the end because I have them all static now in one row.

Tell me more! Did not know this. I knew about changing sizes but not aspect ratios…

I would love to get the camera feeds into the dash (maybe the camera widget can be modified?) so this may come in handy to know. If you have a link or pointer, or just want to spell it out for me, I’m sure others would also benefit from it being here.

aimc · August 29, 2016, 10:48pm

I’ll dig out the details tomorrow (on my iPad now) - ping me if I forget!

rpitera · August 29, 2016, 11:08pm

Thanks: I tried looking in the dashing wiki but haven’t found anything yet.

jbardi · September 11, 2016, 6:04pm

I never noticed the iframe widget until you mentioned it, as it doesn’t appear to be documented, but I am also unable to get anything but a blank widget.

@aimc is this not an officially supported widget yet?

jbardi · September 11, 2016, 6:06pm

I’m also interested in how to change the aspect ratio

aimc · September 11, 2016, 6:59pm

The iframe widget is one you get for free when you create a dashboard - I haven’t ever used it and it has no spcific significance for HA but it should work.

I posted info about the aspect ratio here

jbardi · September 11, 2016, 8:04pm

Ok, gotcha… that’s too bad, since it appears to be broken. The only thing my dashboard is missing is the ability to integrate external data, static text data, or even custom data that does not conform to one of the HA widgets, I was so excited when I saw iframe but if it ever worked before it has since broken.

Thanks for the link to the aspect ratio steps, much appreciated! Between HADashboard and AppDaemon, I am in heaven!!!

rpitera · September 11, 2016, 8:12pm

@jbags81 had this working with the iframe widget in his dashboard and I posted to the thread asking him to share how he got it to work but he never replied back. Maybe he’ll see his mention in this thread and check in.

From what I can see, there’s a CURL involved to actually get the data source, which Dashing then processes. I never got around to it but I started reading the repo here:

Let us know how you make out.

jbardi · September 11, 2016, 8:51pm

That was exactly what I needed to get it working!!!

You don’t need the CURL part if you are doing it inline, so all you need to do is replace the contents of iframe.coffee you posted into the iframe.coffee in HADashboard so that it includes both of those $(@node) lines

Then I just added scrolling=“no” to the existing iframe.html and it just works

Of course in the example where data-id=“iframeId1”, that can be anything, and has to be different if you have more than 1 iframe in your dashboard, but yeah, works perfectly!

Of course this will break the next time @aimc does an update, so I have made a backup of my iframe widget folder so I can replace it after each upgrade.

@aimc, you think it would be possible to add these changes to the iframe widget so it will work even after an update?

The iframe.coffee has to be:

class Dashing.Iframe extends Dashing.Widget

  ready: ->
    $(@node).find(".iframe").attr('src', @get('src'))

  onData: (data) ->
    $(@node).find(".iframe").attr('src', data.src)

and the iframe.html:

<iframe class="iframe" data-bind-src="src" scrolling="no" frameboarder=0></iframe>

rpitera · September 11, 2016, 9:05pm

I had the answer staring me in the face the whole time. I never thought to check iframe.coffee. I guess if I run into any of the other widgets having issues, I should check against latest source.

I made the suggested changes and it’s working great now! My only problem is my radar map is too big for the widget. I’m using a gif radar map and I guess there’s no way to resize it, i’d have to make the widget too big.

Glad this helped! (Both of us!)

jbardi · September 11, 2016, 9:06pm

Yeah, I just noticed that as well… I’m only seeing the top left corner of my content… hmmm… gonna mess with it… gotta be a way to have the source display based upon the dimensions of the widget.

aimc · September 11, 2016, 9:07pm

Good work guys - I’ll make sure this is added to the next release so nothing breaks for you.

rpitera · September 11, 2016, 9:07pm

Maybe in the .SCSS?

jbardi · September 11, 2016, 9:08pm

Awesome, thank!!!

jbardi · September 11, 2016, 9:09pm

Could be… gonna do some research… I’ve had this kind of issue in the past using iframes in other web development projects, so there’s gotta be something out there

rpitera · September 11, 2016, 9:11pm

I’m looking right now too.

This looks like a possibility:

jbardi · September 11, 2016, 9:43pm

Yeah, I tried implementing it but saw no discernible difference in the outcome. Other than that page sounding like what we needed, most of what I am finding is of the mindset that it is not possible to resize the content from another source, as the browser simply sees the iframe as a separate browser window, therefore it renders the source material as if the iframe were a full screen. The source material would have to be changed to render specifically for the size of your iframe.

jbardi · September 11, 2016, 10:00pm

If your radar map is a gif, you should try the BigImage widget, it auto resizes images to fit the size of the widget. I just tried it with a snapshot url feeding directly off one of my cameras in the house and it resized it correctly, showing the entire field of view of the camera, but resized to the size of my widget. It works with still images and video feeds

rpitera · September 11, 2016, 10:13pm

I looked at that but the only problem is there is no provision for updating. You’d have to set up a cron job with curl and grab the radar map in a timed interval and copy it to a directory for local display.

It’s too bad we can import the camera class from HA; that would sole all our problems.