Floorplan - kłopoty z konfiguracją

[Adam_Nowicki]

Pomocy.
Robię sobie floorplan zgodnie z How To: 3D Floorplan in Home Assistant - YouTube.
wszystko idzie pięknie do momentu ok 19 minuty kiedy wpisuje na różne sposoby i np:

    type: picture-elements

image: local/images/3d_floorplan/floorplan-dark.png
elements:
  - type: image
    entity: light.duzy_pokoj_gora_204
    style:
      left: 40%
      top: 40%
      width: 100%
    state_image:
      'on': /local/images/3d_floorplan/duzyon.png
      'off': /local/images/3d_floorplan/floorplan-dark.png
  - type: state-icon
    entity: light.duzy_pokoj_gora_204
    style:
      left: 60%
      top: 60%
    tap-action:
      action: toggle

kiedy dodam drugie pomieszczenie zostaje ono jakby głównym bez względu na wszystko wcześniej.
2 sporawa pomimo użycia action: toggle nie przełącza mi stanu tylko otwiera dodatkowe okienko - pomocy.
Pokażcie jak wyglądają wasze karty floorplanów

[szopen]

type: picture-elements
title: Parter
elements:
  - type: state-icon
    tap_action:
      action: toggle
    entity: light.ogrod
    style:
      top: 27%
      left: 92%
      title: Ogród
  - entity: sensor.ble_temperature_parter
    style:
      '--ha-label-badge-font-size': 1em
      left: 47%
      top: 41%
      transform: none
    show_name: false
    type: state-badge
  - entity: sensor.ble_humidity_parter
    style:
      '--ha-label-badge-font-size': 1em
      left: 47%
      top: 54%
      transform: none
    show_name: false
    type: state-badge
  - entity: sensor.weatherbit_temperature
    style:
      '--ha-label-badge-font-size': 1em
      left: 30%
      top: 0%
      transform: none
    type: state-icon
  - entity: sensor.weatherbit_temperature
    style:
      '--ha-label-badge-font-size': 1em
      left: 30%
      top: 5%
      transform: none
    type: state-label
  - entity: sensor.weatherbit_humidity
    style:
      '--ha-label-badge-font-size': 1em
      left: 50%
      top: 0%
      transform: none
    type: state-icon
  - entity: sensor.weatherbit_humidity
    style:
      '--ha-label-badge-font-size': 1em
      left: 50%
      top: 5%
      transform: none
    type: state-label
image: /local/assets/sikory plan domu__parter.png
theme: default

Powyższy fragment (de facto to cały kod tej karty w formacie edytora kart) ogarnia taką prościutką kartę (to jest tzw. WIP, bo plany z alfa-kanałem mam od paru dni dopiero, a tylko takie będą OK zarówno w jasnym jak i ciemnym motywie)

[krskrab]

Witam
Mam problem z rozdzielczością ekranu

Widok z komputera

Widok z telefonu, tabletu

Np. umiejscowienie odczytów sensora na stoliku na Pc jest na stoliku na telefonie lub tablecie jest przesunięte lekko w prawo .
Jeśli dokonam korekty na na tablecie , na komputerze jest przesunięte lekko w lewo .
Jakieś sugestie, propozycje … co jest nie tak i czy można ten problem w jakiś sposób rozwiązać?
Właśnie zaczynam zabawę Floorplan i nie wiem jakie są ograniczenia mojej wizualizacji

[artpc (artur)]

Zrób osobny Dashboard dla telefonu/tabletu i wtedy wycentruj sobie ikonki/encje na tablecie zmień domyślny Dashboard na nowo utworzony.

[krskrab]

Żarówki, kamery, Tv pozostają na swoim miejscu ( procentowym) , tylko sensory się “przemieszczają” po zmianie rozdzielczości obrazu

Na stoliku temperatura :

- type: state-label
  entity: sensor.heating_temperature
  style:
    top: 25.5%
    left: 32%
    font-size: 20px
    transform: rotate(11deg) rotateX(-2deg) skewX(23deg)
    color: red

[artpc (artur)]

 - entity: sensor.ewelink_th01_86f12822_temperature
    style:
      color: white
      font-family: Helvetica
      font-size: 12px
      left: 15.2%
      text-align: center
      top: 26.7%

spróbuj text-align: center

[krskrab]

Okno przeglądarki zostało zmniejszone do około 20%
Zauważyłem że przy tej samej konfiguracji status i bateria robota (prawa, środek) zostaje poprawnie do skalowana.
Jeszcze jedna dziwna rzecz lewa górna żarówka ( podjazd) jest ją problemowo uruchomić, to znaczy że jak kliknę na żarówkę to się nic nie dzieje, jeśli kliknę na “gwint” tej żarówki to działa poprawnie.

Spróbuje wygenerować inny obraz ( tło)

[marcinwojciesz (Marcin)]

@Adam_Nowicki Robiłem tak samo i niestety też działa mi tak jakby jeden pokój był nad drugim i nie ma możliwości powroty do ustawień poptrzedniego pokoju.
@szopen Twój flor plam jest bez zmiennych *.png. A jak zrobić zgodnie z How To: 3D Floorplan in Home Assistant - YouTube o którym wspomniał Adam?

[szopen]

Ja robiłem tak jak umiem, a nie w/g tego tutoriala.

edit:
Tak przy okazji, taki link pasujący do tego tematu (dokumentacja z tego co widzę powstaje powoli, ale jakiś postęp jest):

Floorplan for Home Assistant

sam dodatek do lovelace jest dostępny w HACS

ExperienceLovelace/ha-floorplan

[Mariusz_Kuciński]

Witam, moje pytanie pewnie będzie proste ale robię to pierwszy raz. Chcę aby fragment obrazu z podświetleniem zmywarki wyświetlał się jeśli zużyci prądu będzie większe od 1.

Stworzyłem coś takiego ale nie wiem jak stworzyć warunek w sekcji conndition.state i image_state

  - type: conditional
    conditions:
      - entity: sensor.kuchniagniazdozmywarka_energy_power
        state: '0'
    elements:
      - type: image
        entity: sensor.kuchniagniazdozmywarka_energy_power
        image: /local/floorplan/kuchnia/KuchniaNoc_Z.png
        style:
          left: 50%
          top: 50%
          width: 100%
        image_state:
          'on': /local/floorplan/kuchnia/KuchniaNoc_S.png
          'off': /local/floorplan/kuchnia/Transparent.png
        tap_action:
          action: none

Edit:
poradziłem sobie za pomocą template sensor

  - platform: template
    sensors:
      zmywarka_on:
        friendly_name: "Zmywarka włączona"
        value_template: >-
            "{% if states('sensor.kuchniagniazdozmywarka_energy_power')|int(0) > 0  %}
            {{ true }}
            {% else %}
            {{ false }}
            {% endif %}"

Nie wiem tylko dlaczego jak sprawdzam w narzędziach deweloperskich status jest jako tekst

Edit2: ogarnięte zamiast dodać template w sekcji “binary_sensor” dodałem do sekcji “sensor”.

[krskrab]

Czy jest możliwość wyświetlenia kart Map w floorplan jak tak to poproszę o jakiś przykład lub inny sposób na taką możliwość .

...
    elements:
      - type: map
        entity: person.forum
        style:
          left: 34%
          top: 15%
          width: 3%

[El_Pomidorro]

Witam. Pobrałem Floorplan przez HACSa. Mam go, ale jak go uruchomić ?
Będę wdzięczny za łopatologiczne wskazówki.

[szopen]

@El_Pomidorro
Jeśli się decydujesz na jakąś wybitnie rozbudowaną integrację, to zwykle ma ona równie rozbudowaną dokumentację…

Floorplan for Home Assistant

[El_Pomidorro]

Pomalutku sobie ogarnę - w miarę umiem naśladować dobre poradniki
Tutaj nie mogę załapać tego:

1. Remember to add the /hacsfiles/ha-floorplan/floorplan.js as a module to your resource file - like you do with other modules.

gdzie to mam umieścić ?

[szopen]

Od dawna przy instalacji z HACS rozszerzeń lovelace moduły są automatycznie instalowane, więc sprawdź czy już nie masz tego modułu na swoim miejscu.

PS nie używam tego, tylko zainstalowałem by sprawdzić, czy w tym wypadku to też działa jak (prawie) zawsze, więc jeśli instalujesz z HACS nie musisz robić tego kroku.

[Grippen]

Cześć
Czy wiecie jak w Picture Elements Card z planem mieszkania ustawić daną ikonę zależnie od wartości encji ale nie on/off tylko poniżej/powyżej danej wartości ma być ikona a/b, typu: gniazdko powyżej 5W - ikona zielona, gniazdko poniżej 5W, ikona czerwona…

Na przykład.

  - type: image
    entity: switch.xxxxxxxxxxxxxx
    state_image:
      'on': /local/pc_on.png  -> zamiast on żeby było "below=5": /local/xxxxx.png
      'off': /local/pc_off.png  -> zamiast off żeby było "over=5": /local/yyyy.png
    style:
      top: 50%
      left: 24%
      width: 3%
      padding: 18px

[szopen]

Ta karta nie ma takich możliwości, więc albo “wyprodukujesz” sobie na podstawie swojej zasadniczej encji inną wykorzystując template i jej użyjesz, albo użyjesz jakiegoś pluginu do lovelace umożliwiającego bardziej elastyczną konfigurację interfejsu, np.:
https://forum.arturhome.pl/tag/card-mod

[krskrab]

Zmiana koloru ikony zależna od wartości sensora
Wymaga card-mod

type: picture-elements
card_mod:
  style: |
    ha-card {
      --paper-item-icon-color: {% if states('sensor.licznik_1_power') > "385" %} green {% else %} red {% endif %};
    }
elements:
  - type: state-icon
    entity: switch.ac_licznik
    tap_action:
      action: more-info
    style:
      top: 40%
      left: 50%
image: /local/tv.jpg

/
Znalazłeś rozwiązanie?

[Grippen]

To akurat znam (zmiana koloru ikony wektorowej zależnie od stanu), ale zmiany obrazka png zależnie od stanu już tym sposobem nie udało mi się uzyskać…

[krskrab]

'on': /local/pc_on.png  -> zamiast on żeby było "below=5": /local/xxxxx.png
'off': /local/pc_off.png  -> zamiast off żeby było "over=5": /local/yyyy.png

Znalazłeś sposób na wyświetlenie ?