Batman Laundry Yaml

Edit with the Docs app
Make tweaks, leave comments, and share with others to edit at the same time.
NO THANKSUSE THE APP

Washer/Dryer Entity Card

type: picture-elements

image: >-

  https://"your_ip_address".ui.nabu.casa/local/pictures/Batman_Laundry_Empty.png

panel: true

elements:

  - type: image

    entity: switch.washer

    image: >-

      https://"your_ip_address".ui.nabu.casa/local/pictures/Batman_Laundry_Empty.png

    state_image:

      "off": >-

        https://"your_ip_address".ui.nabu.casa/local/pictures/Batman_Laundry_Empty.png

    style:

      left: 0%

      top: 0%

      transform: scale(1,1)

    tap_action:

      action: toggle

  - type: conditional

    conditions:

      - entity: switch.washer

        state: "on"

    elements:

      - type: image

        entity: switch.washer

        image: >-

          https://"your_ip_address".ui.nabu.casa/local/pictures/Batman_Laundry_Clothes.png

        state_image:

          "on": >-

            https://"your_ip_address".ui.nabu.casa/local/pictures/Batman_Laundry_Clothes.png

        style:

          left: 0%

          top: 0%

          transform: scale(1,1)

        tap_action:

          action: toggle

  - type: conditional

    conditions:

      - entity: switch.washer

        state: "on"

      - condition: or

        conditions:

          - entity: sensor.washer_job_state

            state: wash

          - entity: sensor.washer_job_state

            state: rinse

    elements:

      - type: image

        entity: sensor.washer_job_state

        image: >-

          https://"your_ip_address".ui.nabu.casa/local/pictures/Batman_Laundry_Rinse.gif

        state_image:

          wash: >-

            https://"your_ip_address".ui.nabu.casa/local/pictures/Batman_Laundry_Rinse.gif

          rinse: >-

            https://"your_ip_address".ui.nabu.casa/local/pictures/Batman_Laundry_Sin.gif

        style:

          left: 0%

          top: 0%

          transform: scale(1,1)

        tap_action:

          action: more-info

      - type: state-label

        entity: sensor.washer_completion_time

        style:

          left: 79%

          top: 3%

          color: black

          transform: scale(2.5,2.5)

        tap_action:

          action: more-info

      - type: state-label

        entity: sensor.washer_job_state

        style:

          left: 40%

          top: 69%

          color: black

          transform: scale(2,2)

        tap_action:

          action: none

  - type: conditional

    conditions:

      - entity: switch.dryer

        state: "on"

      - entity: sensor.washer_job_state

        state_not: wash

      - entity: sensor.washer_job_state

        state_not: rinse

    elements:

      - type: image

        entity: switch.dryer

        image: >-

          https://"your_ip_address".ui.nabu.casa/local/pictures/Batman_Laundry_Spin.gif

        state_image:

          "on": >-

            https://"your_ip_address".ui.nabu.casa/local/pictures/Batman_Laundry_Spin.gif

        style:

          left: 0%

          top: 0%

          transform: scale(1,1)

        tap_action:

          action: more-info

  - type: conditional

    conditions:

      - condition: or

        conditions:

          - entity: sensor.washer_job_state

            state: finished

          - entity: sensor.dryer_job_state

            state: finished

    elements:

      - type: image

        entity: sensor.washer_job_state

        image: >-

          "your_ip_address".ui.nabu.casa/local/pictures/Batmn_Laundry_Done.gif

        style:

          left: 0%

          top: 0%

          transform: scale(1,1)

        tap_action:

          action: more-info