homeassistant-airzone icon indicating copy to clipboard operation
homeassistant-airzone copied to clipboard

Create Custom Lovelace Card for Airzone Systems

Open gpulido opened this issue 2 years ago • 11 comments

The current climate card for HA is not well adapted to the zone systems with a master like the Airzone one.

For example, the machine card shows the temperature dial even though it can't change temperatures (it is being done on the zones).

It would be great to have some kind of custom design that could allow to show and modify machine and zones for example.

Any idea, designs, mockups or implementations are welcome!

gpulido avatar Oct 21 '21 09:10 gpulido

I immagine something like this Schermata 2021-10-21 alle 22 34 24

where button open a configuration popup

gabrio79 avatar Oct 21 '21 20:10 gabrio79

Hi @gpulido I started a JS custom lovelace from HA template... Card config Schermata 2021-10-23 alle 14 38 03 Card appearance Schermata 2021-10-23 alle 14 38 18 how can share my js with you in order to work together?

gabrio79 avatar Oct 23 '21 12:10 gabrio79

I will try to test (and eventually merge with) multiple-entity-row https://github.com/benct/lovelace-multiple-entity-row Schermata 2021-10-25 alle 10 37 33

here native buttons works, but Card configuration is time expensive

gabrio79 avatar Oct 25 '21 08:10 gabrio79

@gpulido what do you think about my suggestion?

gabrio79 avatar Nov 03 '21 13:11 gabrio79

@gabrio79 I'm very sorry for not give feedback with this yet. I really appreciate the effort and I would like to review it properly but I'm at this moment overwhelmed with personal things (trying to get a Master, looking for a job and family).

Thank you very much for the patience

gpulido avatar Nov 04 '21 01:11 gpulido

No problem, Master is very time expensive, but important. At the moment I don't have time, but I'm very interested to try it...

gabrio79 avatar Nov 04 '21 07:11 gabrio79

This issue is stale because it has been open for 30 days with no activity.

github-actions[bot] avatar Dec 05 '21 02:12 github-actions[bot]

Hey gpulido

First of all, thank you for your great work! It's fantastic. Regarding the proper display in Hassio, I have created a custom "design" using:

  • vertical-stack-in-card
  • card-mod (for some CSS adaptation)
  • simple-thermostat

Her is the final result:

grafik

I also have a suggestion regarding the other ways to integrate it in:

  • For the Zone, instead of hvac_modes 'heat_cool' and 'off' use the hvac_modes 'off' and the current mode from the main machine?
  • Or integrate in the Zone the full options of the machine and update them according to changes

Kind regards

PandaBaer92 avatar Dec 18 '21 15:12 PandaBaer92

Hello @gpulido @PandaBaer92 @gabrio79 . We would like to sponsor this work. But none of you are set to accept "sponsorship". So if @gpulido could accept sponsorship we would be glad to be the sponsor. The same goes for UI designers.

As an introduction Alokor is a very new North American distributor of automated devices. As I write this out website is not up yet but should be ready by February 2022. We will have a dev available to help out by April of 2022.

I hope you will consider this offer. Thank your for your attention. --Peter

PeterAlokor avatar Dec 21 '21 14:12 PeterAlokor

Hey gpulido

First of all, thank you for your great work! It's fantastic. Regarding the proper display in Hassio, I have created a custom "design" using:

  • vertical-stack-in-card
  • card-mod (for some CSS adaptation)
  • simple-thermostat

Her is the final result:

grafik

I also have a suggestion regarding the other ways to integrate it in:

  • For the Zone, instead of hvac_modes 'heat_cool' and 'off' use the hvac_modes 'off' and the current mode from the main machine?
  • Or integrate in the Zone the full options of the machine and update them according to changes

Kind regards

How did you do to delate the "+" "-" entry for the Zone Card. Could you share the code of your card?

plouf34 avatar Jan 07 '22 10:01 plouf34

Hey gpulido First of all, thank you for your great work! It's fantastic. Regarding the proper display in Hassio, I have created a custom "design" using:

  • vertical-stack-in-card
  • card-mod (for some CSS adaptation)
  • simple-thermostat

Her is the final result: grafik I also have a suggestion regarding the other ways to integrate it in:

  • For the Zone, instead of hvac_modes 'heat_cool' and 'off' use the hvac_modes 'off' and the current mode from the main machine?
  • Or integrate in the Zone the full options of the machine and update them according to changes

Kind regards

How did you do to delate the "+" "-" entry for the Zone Card. Could you share the code of your card?

Bonjour, peut-on avoir la code pour reproduit ce design superbe chez nous !

Tays005 avatar Jan 11 '22 21:01 Tays005