# Wyświetlanie picture element na podstawie sensora

**URL:** <https://ai-speaker.discourse.group/t/wyswietlanie-picture-element-na-podstawie-sensora/3686>\
**Category:** Uncategorized\
**Created:** [17 Grudzień 2023 11:34 UTC](https://ai-speaker.discourse.group/t/wyswietlanie-picture-element-na-podstawie-sensora/3686 "2023-12-17T11:34:59Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Autor:** ![Strzegus](https://avatars.discourse-cdn.com/v4/letter/s/ecc23a/32.png) [@Strzegus](https://ai-speaker.discourse.group/u/Strzegus)\
**Data wpisu:** [17 Grudzień 2023 11:34 UTC](https://ai-speaker.discourse.group/t/wyswietlanie-picture-element-na-podstawie-sensora/3686/1 "2023-12-17T11:34:59Z")

</div>

hej czy ktoś z was robił może picture element który wyświetla obraz na podstawie encji.  
chodzi mi o cos w stylu wyświetlania obrazu szarego jeśli urządzenie nie pracuje i zielonego jeśli pracuje  
zrobiłem coś takiego ale nie wychodzi ??

````auto
type: picture-elements
elements:
  - type: image
    entity: sensor.czuwanie
    state_image:
      'on': /local/green.png
      'off': /local/off.png
      'default': /local/off.png
    style:
      top: 4%
      left: 50%
      width: 7%```
````

---

<div class="post-metadata">

**Autor:** ![damu](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/damu/32/8476_2.png) [@damu](https://ai-speaker.discourse.group/u/damu)\
**Data wpisu:** [17 Grudzień 2023 13:06 UTC](https://ai-speaker.discourse.group/t/wyswietlanie-picture-element-na-podstawie-sensora/3686/2 "2023-12-17T13:06:27Z")

</div>

Ja mam coś takiego i działa:

```auto
...
  - type: image
    entity: switch.zb4pal2
    name: WC Umywalka
    tap_action:
      action: none
    double_tap_action:
      action: none
    hold_action:
      action: none
    state_image:
      'on': /local/img/YellowL-Lens-Flare.png
      'off': /local/img/transparent.png
      unavailable: /local/img/Black-Lens-Flare.png
    style:
      left: 82.5%
      top: 56.5%
      width: 25%
      opacity: 0.99
      border-radius: 50%
...

```

są 3 stany obrazkowe:  
‘on’ jak żarówka świeci  
‘off’ jak wyłaczona  
‘unavailable’ jak brak stanu/połączenia z żarówką

---

<div class="post-metadata">

**Autor:** ![Strzegus](https://avatars.discourse-cdn.com/v4/letter/s/ecc23a/32.png) [@Strzegus](https://ai-speaker.discourse.group/u/Strzegus)\
**Data wpisu:** [17 Grudzień 2023 13:25 UTC](https://ai-speaker.discourse.group/t/wyswietlanie-picture-element-na-podstawie-sensora/3686/3 "2023-12-17T13:25:39Z")

</div>

a jak masz zrobiony skrypt do encji: switch.zb4pa12 bo mój nie daje mi żadnego stanu

---

<div class="post-metadata">

**Autor:** ![Strzegus](https://avatars.discourse-cdn.com/v4/letter/s/ecc23a/32.png) [@Strzegus](https://ai-speaker.discourse.group/u/Strzegus)\
**Data wpisu:** [17 Grudzień 2023 13:26 UTC](https://ai-speaker.discourse.group/t/wyswietlanie-picture-element-na-podstawie-sensora/3686/4 "2023-12-17T13:26:45Z")

</div>

````auto
- platform: template           
    sensors:
       czuwanie:
         friendly_name: "czuwanie"
         unique_id: czuwanie
         availability_template: "{{ not is_state('sensor.pc_pzem_004t_v3_power_2', 'unavailable') }}"
         value_template: >-
          {% if states('sensor.pc_pzem_004t_v3_power_2') | float > 0 %}
           on
          {% else %}
           off
          {% endif %}
         unit_of_measurement: "kWh"```
````

---

<div class="post-metadata">

**Autor:** ![damu](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/damu/32/8476_2.png) [@damu](https://ai-speaker.discourse.group/u/damu)\
**Data wpisu:** [17 Grudzień 2023 13:53 UTC](https://ai-speaker.discourse.group/t/wyswietlanie-picture-element-na-podstawie-sensora/3686/5 "2023-12-17T13:53:33Z")

</div>

nie mam żadnego skryptu to stan z fizycznego urządzenia

---

<div class="post-metadata">

**Autor:** ![Strzegus](https://avatars.discourse-cdn.com/v4/letter/s/ecc23a/32.png) [@Strzegus](https://ai-speaker.discourse.group/u/Strzegus)\
**Data wpisu:** [17 Grudzień 2023 13:58 UTC](https://ai-speaker.discourse.group/t/wyswietlanie-picture-element-na-podstawie-sensora/3686/6 "2023-12-17T13:58:22Z")

</div>

> [@damu](#):
>
> ```auto
> opacity: 0.99
> border-radius: 50%
> 
> ```

ale chyba tworzyłeś dla tego urządzenia jakiś wpis w ESP. bo musi brać informację że jest on lub off

---

<div class="post-metadata">

**Autor:** ![damu](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/damu/32/8476_2.png) [@damu](https://ai-speaker.discourse.group/u/damu)\
**Data wpisu:** [17 Grudzień 2023 14:03 UTC](https://ai-speaker.discourse.group/t/wyswietlanie-picture-element-na-podstawie-sensora/3686/7 "2023-12-17T14:03:32Z")

</div>

To z przełącznika/przekaźnika zigbee bierze (takiego poczwórnego)

---

<div class="post-metadata">

**Autor:** ![Strzegus](https://avatars.discourse-cdn.com/v4/letter/s/ecc23a/32.png) [@Strzegus](https://ai-speaker.discourse.group/u/Strzegus)\
**Data wpisu:** [17 Grudzień 2023 14:04 UTC](https://ai-speaker.discourse.group/t/wyswietlanie-picture-element-na-podstawie-sensora/3686/8 "2023-12-17T14:04:24Z")

</div>

aaaa no to nic z tego muszę kombinować dalej. ale dzięki za pomoc

---

<div class="post-metadata">

**Autor:** ![damu](https://yyz2.discourse-cdn.com/free1/user_avatar/ai-speaker.discourse.group/damu/32/8476_2.png) [@damu](https://ai-speaker.discourse.group/u/damu)\
**Data wpisu:** [17 Grudzień 2023 14:11 UTC](https://ai-speaker.discourse.group/t/wyswietlanie-picture-element-na-podstawie-sensora/3686/9 "2023-12-17T14:11:30Z")

</div>

Podejrzyj sobie stan twojego sensora “sensor.czuwanie” na http://IP\_BRAMKI/developer-tools/state, zobacz jak się zmienia i odpowiednio zastosuj

---

<div class="post-metadata">

**Autor:** ![Strzegus](https://avatars.discourse-cdn.com/v4/letter/s/ecc23a/32.png) [@Strzegus](https://ai-speaker.discourse.group/u/Strzegus)\
**Data wpisu:** [17 Grudzień 2023 17:23 UTC](https://ai-speaker.discourse.group/t/wyswietlanie-picture-element-na-podstawie-sensora/3686/10 "2023-12-17T17:23:22Z")

</div>

Chciał bym ale nie wiem czy się da aby ta encja zmianę koloru w picture element.

````auto
  - platform: template           
    sensors:
       czuwanie:
         friendly_name: "czuwanie"
         unique_id: czuwanie
         availability_template: >-
          {%- if not is_state("sensor.pc_pzem_004t_v3_power_2", "unavailable") %}
           true
          {%- endif %}
         value_template: >-
          {% if states('sensor.pc_pzem_004t_v3_power_2') | float > 10 %}
          {{ states('sensor.pc_pzem_004t_v3_power_2') }}
          {% else %}
           0
          {% endif %}
         unit_of_measurement: "kWh"
         attribute_templates:
           status: >-
            {% if is_state('sensor.pc_pzem_004t_v3_power_2', 'unavailable') %}
            off
            {% else %}
            on
            {% endif %}
           switch_action: "{{ states('sensor.czuwanie') == 'on '}}" ```
````