How to modify the card to display 2 PV instead of total PV power

[paulsteigel]

Hi,
Great thanks to your card! I am trying to find a way to modify your card code for placing data on 2 PV instead of total power for PV! I can see your code but would not be able to make the modifications worked!
Can you please be so kind advising me or revising the code for showing details data of 2 PV with thanks.
Yours very faithfully,
Ngoc!

[DanteWinters]

Hi @paulsteigel
I will try and add it so that there is a config that van be changed to select one or the other. Ideally I would like to make it so that a simple click can change between then but that's later.

[paulsteigel]

Hi @DanteWinters
I cleared the cache and restart HA and it back again!

Many thanks for your update
Best
Ngoc

Ps: I am wondering on how to do this coding (in fact I have some knowledge and can do things with JavaScript). However, if I changed code using file editor, the layout card does not update with change. Can you advise me a bit on this?

[DanteWinters]

I'm happy to assist. First off, do you use the VC Code add-on to code in HA? Works quite nicely for me rather than needing to do an SSH into the HA server. I noticed it as well that if you simply change the code, it doesn't update. I had to delete the .js.gz files in the card's folder (www/community/lux-power-distribution-card/), then restart before changes will start to reflect. Also clear the cache when you want to see the changes.
I recommend spinning up another HA instance that can be used for coding or testing. That way you can break what you want, but not affect you normal usage or others that are using it.

[paulsteigel]

Hi @DanteWinters ,
Many thanks for your guidance. Before I did the same thing as you but using ssh, removing the gz files remove cache as well but the update was not shown immediately.
I will try with VC for now!
All the best @DanteWinters

[paulsteigel]

HI @DanteWinters,
There is a bit of problem on the layout on phone's app. See image:

I am trying to find the problems and see any way to fix but not yet found,
Best,
Ngoc

[DanteWinters]

I know what the problem is, but not exactly how to fix it. I'll try to solve it

[paulsteigel]

I think you can use div with absolute size! Best, Ngoc

…

On Sun, Aug 4, 2024, 1:51 PM Dante Winters ***@***.***> wrote: I know what the problem is, but not exactly how to fix it. I'll try to solve it — Reply to this email directly, view it on GitHub <#55 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACDODLOM2NOUW3KLV34WT6DZPXFO7AVCNFSM6AAAAABJYDZXXKVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTAMRTGM3TSNY> . You are receiving this because you were mentioned.Message ID: <DanteWinters/lux-power-distribution-card/repo-discussions/55/comments/10233797 @github.com>

[DanteWinters]

I changed the formatting. It removes the indicator for which string it is, but should work. I'm not experienced with styling, so this is what I have for now. If you want to make improvements and submit a pull request, you are more than welcome to.
I tested on my phone and it works.
Regards,
Dante