feat: Added option to sort individual devices by power usage and have…

[SveLil]

this will allow the configuration of more than 4 devices and the sorting of devices by power usage. If more than 4 devices are configured and sorting is enabled, only the top 4 are shown.
Fixed #578 #680 #602

[MrBearPresident]

@SveLil Do you have the power-flow-card-plus.js so I can test it?

[SveLil]

power-flow-card-plus.js.txt
Attached as txt file as github doesn't support Javscript attachements

[MrBearPresident]

@flixlix I can confirm it works.

[adamlc]

This would be great! I never need to show more than 4 devices at once, as I only have high power devices defined and don't have them all on at once.

[TheSmartGerman]

@flixlix any plans to merge & release this feature?

[vbarrier]

Great pull request & feature can't wait to use it!

[dotlolz]

Hi
Tried the PR but I can't show more than 4 individuals, even if more are configured. How does it work ?
Thx

[vbarrier]

Hi Tried the PR but I can't show more than 4 individuals, even if more are configured. How does it work ? Thx

The goal is to display the 4 most consumers not all.

[mascheihei]

@SveLil : First of all thanks! Great extension. However I've run some tests on my non-productive system and maybe found a bug

I've made 5 template sensors (device class: power / state class: measurements / power 1 - power 5, with fixed values 50W, 40W .. 10W), sort enabled, and depending on the order in the configuration the number of displayed items changes. Please see attached the two different situations. I'm not sure if this is just on my system.

[mascheihei]

Some additional comment:
I believe the sort function is ok. looks pretty standard.
It is only about the TopRight and the BottomRight bubble. If the TopRight or the BottomRight bubble (after sorting) is the entity configured on position one, this entity will not be displayed.
A workaround would be to configure a template sensor with "zero" and set this entity on position one in the configuration.

[TheSmartGerman]

@mascheihei
how did you install the feature request? sry, not that familiar to GitHub / HACS.

[mascheihei]

@TheSmartGerman : Well I'm not a expert too:

However let me explain my steps:
1st: E.g. with the file editor in HA go to the www/community/power-flow-card-plus
2nd: There are two files: power-flow-card-plus.js and power-flow-card-plus.js.gz
Delete both
3rd: Download the file from SveLil (30. September). remove the .txt extension
4th Upload the file in the directory where you have deleted the two files
5th Delete the cache in your browser (normally the javascripts are cached (or use a differen browser

enjoy, you can now configure more than 4 sources in the UI-Editor

[TheSmartGerman]

@TheSmartGerman : Well I'm not a expert too:

However let me explain my steps: 1st: E.g. with the file editor in HA go to the www/community/power-flow-card-plus 2nd: There are two files: power-flow-card-plus.js and power-flow-card-plus.js.gz Delete both 3rd: Download the file from SveLil (30. September). remove the .txt extension 4th Upload the file in the directory where you have deleted the two files 5th Delete the cache in your browser (normally the javascripts are cached (or use a differen browser

enjoy, you can now configure more than 4 sources in the UI-Editor

thx. I was missing the js file. didn't saw the file above. works great for me. just added 12 individuals. very nice!

[SveLil]

@mascheihei I will look into it, currently swamped with work

[tungmeister]

@SveLil with sorting enabled the item color doesn't work correctly either, it seems as though the color is fixed to the location within the card rather than the item.

[TheSmartGerman]

@SveLil with sorting enabled the item color doesn't work correctly either, it seems as though the color is fixed to the location within the card rather than the item.

would it be possible, to add a option, to ignore loads below a certain power e.g. 50W