HA Custom Card (PIV) By @Behold81

Created for simple Nuaire PIV remote and card to use the functions of the 4 way remote

It displays all for modes as show in these images:

Using 5 images to create a card, Transparent as a default for Off and then the 4 possible states for the PIV Unit. Auto Heat, Heat Off, Boost or Normal mode.

Pre-Requisites:

1. Config Template Card from HACS - https://github.com/iantrich/config-template-card
2. 5 Images/Gifs, HeatOffNormal, HeatAutoNormal, HeatOffBoost, HeatAutoBoost, Transparant - https://github.com/behold81/Home-Assistant-Images
3. Creation of 2 switch/toggle Helpers - piv_heater and piv_boost

Automations

I use Node red but I will explain the automations setup. PIV_Heater

• When Turned on/off > Call Service

service: ramses_cc.send_command
data:
  entity_id: remote.30_123456
  command: heater_auto/heater_off
  num_repeats: 1
  delay_secs: 0.2

PIV_Boost

• When Turned on > Call Service

service: ramses_cc.send_command
data:
  entity_id: remote.30_123456
  command: boost
  num_repeats: 1
  delay_secs: 0.2

You then need a wait timer for 2 hours then turn the switch off.

• When turned off > Call Service

service: ramses_cc.send_command
data:
  entity_id: remote.30_123456
  command: normal
  num_repeats: 1
  delay_secs: 0.2

you also can and should kill the timer as you need a new timer if you were to turn this back on in under 2 hours.

HA Card

Finally you create a card to control these functions and visualise it.

type: custom:config-template-card
variables:
  PIV_HEATSTATE: states['input_boolean.piv_heater']
entities:
  - input_boolean.piv_heater
  - input_boolean.piv_boost
card:
  type: picture-elements
  image: >-
    ${PIV_HEATSTATE.state === "on" ?  "/local/pictures/HeatAutoNormal.gif" : 
    "/local/pictures/HeatOffNormal.gif" }
  elements:
    - type: image
      entity: input_boolean.piv_boost
      state_image:
        'on': >-
          ${PIV_HEATSTATE.state === "on" ?  "/local/pictures/HeatAutoBoost.gif"
          :  "/local/pictures/HeatOffBoost.gif" }
        'off': /local/pictures/Transparent.gif
      style:
        top: 50%
        left: 50%
        width: 100%
    - type: state-icon
      entity: input_boolean.piv_boost
      tap_action:
        action: toggle
      icon: mdi:fan-chevron-up
      style:
        top: 15%
        left: 15%
    - type: state-icon
      entity: input_boolean.piv_heater
      icon: mdi:heat-wave
      tap_action:
        action: toggle
      style:
        top: 15%
        left: 85%