power-flow-card icon indicating copy to clipboard operation
power-flow-card copied to clipboard

Feature Request - customisable extra detail above icons

Open sOckhamSter opened this issue 2 years ago • 5 comments

Like you've done with battery percentage, allow additional information above all entities. Ideally two lines of text - one being a label, the other being a selectable entity's value such as energy consumed. But, the number of lines should be customisable (one or two are reasonable) which also means the font size should be customisable or dynamic. In my example image, I have shown how this would look displaying the current energy usage for today. Power Flow Card Ideas

sOckhamSter avatar May 23 '22 14:05 sOckhamSter

I think perhaps I'll turn this into a template field and then people can use whatever information they'd like. I'm about to head out on vacation, so I'm not sure when I'll get to this.

ulic75 avatar Jun 20 '22 15:06 ulic75

I totally agree with that approach - templated values / text would be perfect. If they had unique variable names too so that they could be referenced in a custom CSS component (such as card-mod) then it would be even better so as we could control things like font size too. Have a good holiday :)

sOckhamSter avatar Jun 20 '22 15:06 sOckhamSter

I came up with a similar idea, but with a slightly different design approach.

So the lines/connections get the power values, while the circles contain the kWh values. Additionally there could be numbers for power in the circles too (the combination of the outgoing and incoming connection values, not drawn in my picture).

There would be some "special effects":

  • circle of battery could show the percentage of the charging state.
  • circle of Solar could show how much of the estimated production has already been met.

Energy-Diagram

mariusbaumann avatar Aug 29 '22 23:08 mariusbaumann

Did you achieved that?

plouf34 avatar Oct 10 '22 08:10 plouf34

I created a fork and change a very large portion of the codebase. This new Card includes clickable entities, secondary-info (as requested here) and more: https://github.com/flixlix/power-flow-card-plus It is also available in HACS a default repository, so feel free to check it out!

flixlix avatar Apr 13 '23 09:04 flixlix