Integration card with muliple devices is dificult to use

[tomlut]

When many multiple devices exist for an integration the small scrollable widow is difficult to use. e.g. there are 56 device in this list yet only three are visible at any one time:

[wolph]

I can second this issue. I have multiple integrations with this issue. The silly thing is that it's perfectly usable on mobile devices where all items are shown:

[wolph]

May be my words will be unproductive - but this is an example of bad consequences of moving from yaml settings to UI.

That's not the issue in this case I think. Even if the settings for this would be in the yaml, it would still be a terrible interface to look at the available devices and values.

As for the problem - may be we should open a large popup where it could be easier to define settings?
That would certainly make it better, but I would opt for larger integration cards in any case. Perhaps a split between grouped and non-grouped integrations would be useful in that case.

I.e. the difference between one of these:

And these:

Although I wouldn't mind having bigger integration cards in all cases. I've got about 50 integrations and it's barely taking up 1/3 of the available screen space

[wolph]

I meant a different case - when the integration is setup in yaml only, no UI even for displaying. For instance: netdata platform is defined in yaml only, it is quite enough.

Ah, that makes sense.

Wouldn't that be a bit confusing though? If you have to look for integrations in 2 places?

My 1920x1200 monitor shows 6x5=30 tiles. Big tiles may be too redundant for integrations like "Sun".

Yes, that's definitely a fair point.

My proposal was:

1. Shall small (like currently) tiles.
2. If it is needed for some tile - show an icon (or a label) on a tile; selecting this element will display a big popup for defining (or displaying) large amount of data.

I really like the idea of the popup, but to prevent a load of extra clicks constantly it would still be nice to increase the size for larger integrations a bit.

[Cl3tus]

Still hoping to get this feature in here!

[spicedreams]

Me too. The only integration I use is Shelly, but I have a couple of dozen devices. The UI makes them extremely difficult to use.

[Misiu]

Ref: #16076

as mentioned there, we can use the search on top of the page to find specific devices/integrations:

[Cl3tus]

Exactly, i'm a "GUI" guy, I'd like to check and scroll. I sometimes don't have it in my fingers what i'm searching for.

[wolph]

My use-case is that I want to check all/multiple devices of the same integration and in some cases those are autogenerated so I don't have a clue what the name would be. It would be much more convenient if it would just show a list (perhaps even in a new screen) with only those devices.

Another thing that would help a lot if clicking with the middle mouse button would immediately open the page for the device in a new tab, instead of having to click on the device, click on the 1 device link (it's always 1) and click back. That's a lot more tedious.

[Misiu]

I totally agree, I also would like to have an easy way of displaying all the devices in integration (or at least a larger number of devices). I suggested search as a temporary solution.
I think that card size should vary by the number of devices, if there are fewer than 5 show them as they are if there are more make the card higher. Sadly I'm not a CSS expert, I've tried making something, but it doesn't look good in all cases (as shown in the linked issue)

[Misiu]

I propose this layout: https://codepen.io/Misiu/pen/YzJZWeB
Can someone with a Mac try this on Safari?
Idea is to size cards based on the number of items in a card.

[wolph]

Seems to work for me on safari and chrome on an ipad at least

[Misiu]

I've created PR with the proposed change: #16314.
Upvotes are welcome :)

[matthiasdebaat]

As a first iteration solution, we want to make integration grouping consistent by using the same 6 devices and 29 entities design as on other cards. Clicking on devices will take you to the filtered devices page and takes the same amount of clicks. This was made possible because we recently added hubs, devices and services to the manifest.

Don't have an ETA for this fix.

[bramkragten]

#16640