[APP][Pro] Dashboards

[skogsaas]

Everything happens in the browser. No browser, no loading.
But, if you have the dashboard open in a tab, but not looking at it, the images might be loaded. This depends on what your browser decides to do with inactive-tabs. Some browsers but the tabs to sleep after a while. And if you use a tablet or phone, and turn off the screen while having the dashboard up, at least I’ve experienced that insights and images does not update while iPad screen is off

@JeeHaa

Maybe a bug: I set camera image to refresh in 5s. On the dashboard it does refresh properly, but when clicking on the image it keeps showing an older snapshot?

I’ll look into it

[JeeHaa]

Great, thanks!
Also wondering: is Dashboard import/export (or maybe Duplicate) also on the backlog?

[skogsaas]

Similar features are already on the backlog, but I’ll add it

[Walter_vande_kerkhof]

After the most recent opdate it’s working again​:grimacing:

[Peter_Kawa]

Thanks for all improvements!

@skogsaas

Insight values are now also rounded based on what the insight specifies as number of decimals. Please verify this @Peter_Kawa

.

How do I get the thermostat to show the modes and colors?

.

Findings:

• Dim value is shown as the real value (0 to 1), instead of 0 to 100 % value
  

  

[Twan_Veugelers]

I confirm that 0.8.1 fixes the issues reported with 0.8.0

[skogsaas]

@Peter_Kawa

How do I get the thermostat to show the modes and colors?

Your thermostat must have the thermostat_mode capability, otherwise it’s not displayed. I can probably add a feature in the future to manually specify if the thermostat is for heating or cooling, just for display purposes

[Peter_Kawa]

Ah, I see!
My tado (from tadoZones app) uses a different capability name:
thermostat_cmode

I can ask Martin to change it, but that would mean a breaking change I guess…
I hope you can add thermostat_cmode one day? → absolutely no hurries!

and dunno if it is a problem if it also has hotwater_mode capability?

[skogsaas]

What enum values does it have?
I see that thermostat_mode doesn’t have manual as a possible value

[Peter_Kawa]

I think it’s room dependent, and cmode should stand for ‘Central’ (it’s my main thermostat)

In Developer this list looks like this:

When I have a minute, I’ll install the Athom tado app to see how that one works. But it is very very basic unfortunately

UPDATE:

The Athom tado app also hasn’t a thermostat_mode capability, but a sort of made up on/off mode

But what surprised me, there is a mode selector, in the app settings This doesn’t show in the device capabilities overview at the developer page

[Torch1969]

@skogsaas

Line spacing is now dynamic, trying to use the entire space available. And line height is now reduced, so it can compress more in small heights.

@skogsaas , could I be dynamic line spacing didn’t survive update 0.8.0/0.8.1?

[skogsaas]

Yeah, it didn’t survive the patch. You cannot have your cake and eat it too.
By adjusting the text line height to reduce space between lines, I also clipped the bottom half of all q, y, p, g, j letters. So I had to reverse this change, which also ment that the extra space I got by reducing line height, wasn’t available for dynamic spacing

[JeeHaa]

@skogsaas Some random (minor) stuff:

• Add an option to add a small resizble window to show the most recent timeline notifications?
• Menu Add: “Capabilities” option might be more intuitive to users when changed to “Devices” or “Device Capabilities”?
• Edit: would it be possible to allow for multiple capabilities of a device to be added at once?
• Edit bug: When moving devices, the info window will popup after you release the item
• Bug: when adding an element and then abandoning it without selecting anything, it will stay visible in empty/error state → should be removed on cancel
• The deep red color of the top left menu area is a bit distracting IMO, maybe a more subtle color?
• Motion alarm: would it be possible to have an option to display “Last active” (x minutes ago) on the device itself (not only the popup)?
• Motion alarm: the checkbox icon in “Off” state is a bit confusing (looks as if it triggered). Maybe “Off”, “No” or a “-” might be more clear?
• Motion: Use the Homey default orange icon for an active alert.
• Camera images on dasboard are usually smaller than the original, and it would be great to see them in the native image size (FHD/4k) in the popup window when clicking on them (right now they are shown in the same small size).
• Insights: is it possible to add a option to change the time range dynamically (maybe in the popup)?
• Insights; is it possible to add a 12h time span instead of Homey defaults (6h/24h), using thepartial dataset?

Thanks, and keep up the great work!

[Sharkys]

@skogsaas looking awesome so far I decided to start creating dashboards from scratch, using local API but I’m not sure if I understood process well.
I can’t get rid of old/online dashboards, so I cleared out the cache, which logged me out.
Then not sure, do I have to install your app to get local dashboards across more devices ? I have it installed, dashboards appeared in the previous logged in online version…

Anyway, navigating to https://homeyboard.github.io/, entering API I have generated (without logging in), I get error :

Then, when reloading/refreshing the page (seems I can enter API key only once?), I just got empty page and need to clear the cache of browser again.

Did I miss something ?

update OKay, seems that accessing it via Local URL instead of the https://homeyboard.github.io/ works.

[skogsaas]

Yeah, it’s a shame that I haven’t sorted this earlier. The “local login” shouldn’t be visible when visiting homeyboard.github.io, it has no functionality at this point. Working on it!

[JeeHaa]

BTW: Is it normal for a remote dashboard from connect.athom.com to take 20s to load on HP23? The local one on homeylocal.com loads in 2s.

I see a relatively large js script that apparently takes 18s to load:

Wheb I compare it with a local debug network trace, the same sems to be much smaller and only takes 150 ms.

[skogsaas]

It really depends on your Homey, network and Athom. For me the local url takes about 5-10 seconds to connect, but using connect.athom.com takes less than a second. After it’s connected, it has a persistent stream, keeping the connection available.

Connection time is out of my control, some times it takes a while to tunnel through the NAT

Edit:
The file you point out is the file containing all icons. I can try to add some compile options to compress it. Or split it into two files, one for all internally used icons, and one you as a user will be able to use to select custom icons for what ever you want

[skogsaas]

Update - 0.9.0 - Editing UI improvements + Sentry

Hi all

I’ve done some changes to the editing mode. The editing dropdown for widgets are now exchanged with multiple buttons for easier access and overview of locked widgets.

• Dragging widgets is now done by pressing the move icon.
• Resizing widgets now have a new icon with the same look and feal as the rest of the icons.
• Locking an widget removes the move-icon.

This fixes scrolling on mobile devices while editing!
I know this also increases the amount of buttons and “noise”, but it also makes it easier to use. It’s not like you’re going to spend most of the time in editing-mode anyway

The code is now compiled with compression. This adds extra pre-compressed versions of all files, reducing file-size. I don’t actually know if this will help, as this depends on the Homey web-server and what your browsers request. But it might help!

Sentry

I almost forgot! I’ve added Sentry.io to log all unhandled exceptions happening in the dashboard. This will help me detect when I break the egg-basket again. Hopefully before you notify me about it
As always I try to remove all privacy information before logging. Sentry already does a lot of privacy filtering, but I’ve added even more filters to remove everything I can think of
Privacy is a great concern of mine!

Edit:
Ugh, testing editing on an actual mobile device, not just using the developer tools to mimic a mobile device, show that you now refresh the page when you try to move a widget
This is like a hydra…

[JeeHaa]

Not sure what is going on with that .js then. Same on another PC and on Edge btw (using mainly Chrome). Is this file cached, or is that determined by Homey/Athom?

BTW: I just noticed that a link to the dashboard from https://homeyboard.github.io/xxxx is also very fast somehow? But I see http response 304 Not Modified, so maybe cached even when loading? Update: indeed devtools say “Disk Cache” when opening/refreshing this page:

Do others also experience no excessive delay on the connect.athom.com public dashboard initial load?

[skogsaas]

Update 0.9.1 Fix dragging on touch devices

I’ve now fixed the issue with dragging widgets on touch devices. Of course I had to introduce new bugs while fixing others

@JeeHaa : Here’s the result from the latest build. The bottom file is the .js containing all icons. You can see that it has been reduced almost 10x from it’s original size. I’ve tested, and when I request the files from homeboard.github.io, I get the compressed files. But when I request the files from Homey (through Athom Connect), I get the uncompressed files.

This basically means that the built-in webserver in the Homey isn’t smart enough to serve the compressed files.

/immutable/assets/index.dfe52db0.css                0.35 kB │ gzip:   0.22 kB
/immutable/assets/Progress.a3ac9dc2.css             4.93 kB │ gzip:   1.22 kB
/immutable/assets/3.d79b8820.css                    7.57 kB │ gzip:   2.17 kB
/immutable/assets/0.3b6507c9.css                   71.07 kB │ gzip:  11.40 kB
/immutable/chunks/stores.1b9a34c2.js                0.52 kB │ gzip:   0.25 kB
/immutable/chunks/HomeyAPI.60528151.js              0.60 kB │ gzip:   0.34 kB
/immutable/chunks/_commonjsHelpers.7a7fcd32.js      1.16 kB │ gzip:   0.53 kB
/immutable/nodes/5.785463ef.js                      1.55 kB │ gzip:   0.69 kB
/immutable/nodes/1.3180ceca.js                      2.26 kB │ gzip:   0.84 kB
/immutable/chunks/homey.5f9f786c.js                 3.52 kB │ gzip:   1.18 kB
/immutable/chunks/singletons.8ea6bd93.js            8.06 kB │ gzip:   2.69 kB
/immutable/chunks/index.036fb736.js                15.75 kB │ gzip:   4.41 kB
/immutable/nodes/4.6e8e1253.js                     16.98 kB │ gzip:   3.53 kB
/immutable/entry/app.1ecb04cd.js                   21.13 kB │ gzip:   3.80 kB
/immutable/chunks/scheduler.c054974b.js            23.37 kB │ gzip:   6.24 kB
/immutable/chunks/index.73757ddd.js                44.20 kB │ gzip:   5.60 kB
/immutable/entry/start.6cf50815.js                 58.51 kB │ gzip:  14.57 kB
/immutable/nodes/2.ba409013.js                     58.74 kB │ gzip:   8.76 kB
/immutable/chunks/index.974d0c15.js                80.43 kB │ gzip:   7.96 kB
/immutable/chunks/index.3ef08270.js                82.16 kB │ gzip:  11.04 kB
/immutable/chunks/index.0159dd21.js               189.49 kB │ gzip:  26.21 kB
/immutable/chunks/Progress.968dde3e.js            232.88 kB │ gzip:  36.15 kB
/immutable/nodes/0.5c263cbf.js                    611.17 kB │ gzip: 127.49 kB
/immutable/chunks/AthomCloudAPI.e7ea4985.js       636.06 kB │ gzip:  81.83 kB
/immutable/nodes/3.207a09ff.js                  3,127.88 kB │ gzip: 404.79 kB