Test lovelace 4.x

[Garfonso]

@docmagic

du kannst mit jedem Browser in den Entwicklermodus gehen. Normalerweise kannst du sogar mit rechtsklick -> untersuchen dahin kommen, da steht dann der Style. Ist aber kompliziert, ja.

Wenn es dir nur um Zentrieren geht, ist das sicher einfacher (wobei das auch nicht immer trivial ist, kommt drauf an, worein die Elemente da eingepackt sind).
Oder bau halt die Seite/Karte ganz anders... mich würde ja der verschenkte Platz von dem komischen Bild da massiv stören. Aber jeder, wie er mag.

Grundsätzlich kann ich nicht empfehlen, auf der 2.0.6 zu bleiben. kopfkratz

//Edit:
Vielleicht ist das auch eine Frage, zu der du mal im HomeAssistant Umfeld suchen könntest. Immerhin kam die Änderung daher. Müsstest im Changelog gucken, welche Version in 3.0.0 eingeführt wurde. Ist aber alles schon ein paar Jahre alt..

[Garfonso]

@david-g
Sicher, dass das schonmal ging?
Es gibt zumindest ein issue bei der Karte, wo das so klingt, als ob das noch nie anders war: https://github.com/nervetattoo/simple-thermostat/issues/402

(dabei beachten: ein Fenster mit drei Zuständen, also offen/zu/gekippt, hackt der Adapter mit sanfter Gewalt, weil es das bei HomeAssistant grundsätzlich gar nicht gibt. Mit so einem Fenster könnte das an der Stelle schonmal funktioniert haben bzw. sollte immer noch, falls da ein Sensor möglich ist).

gregf888 created this issue in nervetattoo/simple-thermostat

open Change sensors from on/off to open/closed #402

[David G.]

@garfonso sagte in Test lovelace 3.x:

Sicher, dass das schonmal ging?

Vom Bauchgefühl ja, aber nicht sicher.

Hier steht es zumindest richtig auf dem Bild:
https://community.home-assistant.io/t/lovelace-simple-thermostat-card/82659/989?u=ipod86

[XBiT]

@david-g

Sorry hatte dein EDIT gar nicht gesehen...

habe es mal schnell nachgestellt also bei mir geht auf -> zu -> gekippt

Spoiler

Card Code:

Spoiler

type: custom:simple-thermostat
entity: climate.FBH_Control_Heizungsthermostat_Wohnzimmer
sensors:
 - entity: sensor.Fenster_Terrassentuer
header:
 name: Wohnzimmer
layout:
 mode:
   icons: true
hide:
 state: true
step_size: '0.5'
control: false

Config Datenpunkt:

Spoiler

Bei dir ist der Datenpunkt binary_sensor der kann ja nur an/aus denke ich mein Datenpunkt ist jedenfalls auch manuell angelegt.

[David G.]

@xbit

Danke fürs testen.
Hab nun auch nochmal was experimentiert.

Mit den original DPs von den Sensoren bekomme ich es hin.
Mit meinen Aliasen nicht.
Die original DPs haben noch states vergeben. Open und Closed.
Hab ich dann auch mal im Alias getestet. Bewirkt allerdings nichts.

Wobei ich die englische Anzeige auch nicht so schön finde.....

ML sehen, ob ich das Fenster woanders in die Karte einbauen kann. Hab da noch ein wenig drum gebaut.

[Garfonso]

@david-g
Hm... die states sollten im Alias auch eine Wirkung haben. Vielleicht mal den Adapter neustarten. Und du kannst die states auch auf Deutsch anlegen. Wobei.. hm.. was ist denn der Typ (common.type)? Die States müssen natürlich zum Typ passen und mit boolean geht es vermutlich nicht. Offiziell sind die states nur für number erlaubt.

Oder das Entity mit einer anderen Karte darunter packen oder so. Ist dann vielleicht nicht ganz so hübsch...
Oder mal gucken, ob es in einem der Forks der Karte besser ist.

[David G.]

Hab es jetzt was umgemodelt.
Auch wenn es mir noch nicht ganz gefällt.

Man müsste in den Überschriften der Karten Bindungs verwenden können. Das wäre klasse.
Dann könnte man da einfach ein Bild einbinden.

[olterion]

Hallo,

ich habe nun auch den Weg zu dieser Visualisierung gefunden.
Es ist wirklich gut dokumentiert und man kann sich recht gut selber zurecht finden.
Vielen Dank dafür schonmal an alle, die vor mir die Hürden gemeistert haben und dies auch noch so gut dokumentiert haben!

Eine Hürde konnte ich dann aber doch noch nicht alleine überwinden:
Ich habe in iobroker mein KNX System eingebunden.
Jedes Fenster ist bei mir mit jeweils einem Öffnungssensor und einem Kippsensor ausgestattet.
Diese Sensoren gehen auf jeweils einen Binärkanaleingang im KNX System.
Somit stehen die Informationen "gekippt -> ja/nein" und "geöffnet->ja/nein" in iobroker als 2 einzelne Datenpunkte bereit.

Nun würde ich gerne in lovelace einen Text oder auch ein Icon pro Fenster anzeigen lassen, welches den aktuellen Zustand des Fensters wiederspiegelt.

Dazu müssen dann ja aber 2 Datenpunkte zu einer Information verarbeitet werden und 3 Zustände unterschieden werden: geschlossen / geöffnet / gekippt

Ich habe dazu die markdown Karte gefunden, mit der ich bereits erfolgreich auf die iobroker datenpunkte durchgreifen konnte:

{a:openknx.0.Melden_Sensor.OG_Sensoren.OG-Büro-Kippsens__Fenster_(Melden); a===true || a ==='true' ? 'geöffnet' : 'geschlossen'}

Nun fehlt mir aber die Idee, wie ich den zweiten Datenpunkt darin verarbeiten kann. Oder geht das so gar nicht?

Gibt es evtl. eine andere Idee, wie ich die beiden Informationen verarbeiten und die entsprechende Information anzeigen lassen kann?

Vielen Dank!

[quorle]

Hat hier jemand seine Heizung im KNX System eingebunden und kann mir zeigen wie die Datenpunkte aussehen müssen?

[David G.]

@quorle

Das würde schon ein paar mal angesprochen glaube ich.
Erstell dir die Heizungen am besten mit dem Devices Adapter.

[Garfonso]

@olterion said in Test lovelace 3.x:

Ich habe dazu die markdown Karte gefunden, mit der ich bereits erfolgreich auf die iobroker datenpunkte durchgreifen konnte:
{a:openknx.0.Melden_Sensor.OG_Sensoren.OG-Büro-Kippsens__Fenster_(Melden); a===true || a ==='true' ? 'geöffnet' : 'geschlossen'}

Nun fehlt mir aber die Idee, wie ich den zweiten Datenpunkt darin verarbeiten kann. Oder geht das so gar nicht?

Puh... hab ich bei mir mit einem Skript gelöst -> das verheiratet die Datenpunkte und macht eine Zahl draus (0: closed, 1: open, 2: tilted) mit entsprechendem common.states wird das dann ein Text-Sensor in Lovelace (inklusive Übersetzung). Mein Skript ist etwas speziell, aber wenn du magst, kann ich da gerne mehr zu schreiben / das mal ordentlich machen, das man es auch veröffentlichen könnte.

Mit Markdown könnte es auch gehen... aber irgendwie begreife ich aktuell nicht, wie die Syntax wäre um zwei IDs zu nutzen.... oder wo das schief geht. Eigentlich sollte sowas hier gehen:

{offen:openknx.0.Überwachungsanlage.Status_Türen_Fenster.Fenster_DG_Bad_ganz_offen;kipp:openknx.0.Überwachungsanlage.Status_Türen_Fenster.Fenster_DG_Bad_kipp;offen==='true' ? 'offen' :: kipp==='true' ? 'gekippt' :: 'geschlossen'}

@quorle said in Test lovelace 3.x:

Hat hier jemand seine Heizung im KNX System eingebunden und kann mir zeigen wie die Datenpunkte aussehen müssen?

Ja, nimm den devices Adapter, der hat ein Thermostat Gerät. Da musst du in jedem Fall die Zieltemperatur eintragen.

Grundsätzlich empfehle ich bei KNX alles mit Aliasen zu machen. Besonders, wenn man in die Gefahr kommt. nochmal was an den Gruppen-Namen machen zu wollen / müssen (weil man z.B. eine ETS Lizenz hat). IMHO ist das in ioBroker sonst auch extrem unübersichtlich durch die super langen IDs.

[bfit]

@david-g said in Test lovelace 3.x:

Hab es jetzt was umgemodelt.
Auch wenn es mir noch nicht ganz gefällt.

Man müsste in den Überschriften der Karten Bindungs verwenden können. Das wäre klasse.
Dann könnte man da einfach ein Bild einbinden.

Das gefällt mir – was ist das denn für ein Karten-Typ?
Und vergrößert sich nach Klick auf "Verlauf" die Karte und zeigt noch weitere Infos an? Wie ist das gelöst?

[David G.]

@bfit

Hier siehst du die verwendeten Karten.
Wenn man auf Verlauf drückt klappt eine eCharts Tabelle aus.

Spoiler

type: custom:stack-in-card
mode: vertical
keep:
 box_shadow: false
 margin: false
 border_radius: true
 outer_padding: true
cards:
 - type: horizontal-stack
   cards:
     - type: custom:simple-thermostat
       header:
         name: Wohnzimmer
       layout:
         step: row
       hide:
         state: true
       entity: climate.Thermostat_Wohnbereich
 - type: vertical-stack
   cards:
     - type: markdown
       content: '---'
 - show_name: true
   show_icon: true
   show_state: true
   type: glance
   entities:
     - entity: binary_sensor.Fenster_1_Kueche
       name: Fenster
     - entity: sensor.Thermostat_Wohnbereich_Humidity
       name: Luftfeuchte
     - entity: input_number.Heizung_Wohnzimmer_Ventil
       name: Ventil
       icon: mdi:pipe-valve
 - type: vertical-stack
   cards:
     - type: markdown
       content: '---'
 - type: horizontal-stack
   cards:
     - type: picture-elements
       image: /cards/bg_thermo_settings.png
       elements:
         - type: image
           image: /cards/boost_active.png
           entity: switch.Heizung_Wohnbereich_boost
           state_filter:
             'true': brightness(100%) saturate(0.0)
             'false': brightness(100%) saturate
           tap_action:
             action: toggle
           hold_action:
             action: none
           style:
             top: 20px
             left: 28%
             width: 10%
         - type: image
           image: /cards/urlaub_active.png
           entity: switch.Heizung_Wohnbereich_party
           state_filter:
             'true': brightness(100%) saturate(0.0)
             'false': brightness(100%) saturate
           tap_action:
             action: toggle
           hold_action:
             action: none
           style:
             top: 20px
             left: 72%
             width: 10%
         - type: image
           image: /cards/linie_senkrecht.png
           entity: binary_sensor.Schloss_Haustuere
           state_filter:
             'true': brightness(100%) saturate(0.0)
             'false': brightness(100%) saturate
           tap_action:
             action: toggle
           hold_action:
             action: none
           style:
             top: 20px
             left: 50%
 - type: custom:collapsable-cards
   title: Verlauf
   cards:
     - type: iframe
       aspect_ratio: 50%
       title: null
       url: >-
         https://192.168.99.33:8082/echarts/index.html?preset=echarts.0.Heizung.Wohnzimmer_copy

Ich bastel mit das immer mit einem normalen Horizontalem oder vertikalen Stapel zusammen. Dann geht das sdhonoper Gui.
Wenn alles steht täusche es es oben gegen die custom:stack-in-card um die Rahmen zu verstecken.

[David G.]

@garfonso

Meine Hauptinstanz startet mit der 4er nicht....
Die kleine Visu meiner Frau läuft.

lovelace.0
2023-12-09 00:33:41.733	warn	0_userdata.0.aber: states is of type string. Problems might occur. Please fix states to be of type object.

lovelace.0
2023-12-09 00:33:41.696	warn	Got duplicate for entity switch.Heizung_KZ_1_boost. Overwriting old value. Was for alias.0.KiZi_1.Heizung_KiZi_1.BOOST_MODE and new one is for hm-rpc.1.INT0000006.1.BOOST_MODE

lovelace.0
2023-12-09 00:33:41.617	warn	0_userdata.0.echart_dp_test_zeit: states is of type string. Problems might occur. Please fix states to be of type object.

lovelace.0
2023-12-09 00:33:41.615	warn	0_userdata.0.echart_dp_test: states is of type string. Problems might occur. Please fix states to be of type object.

lovelace.0
2023-12-09 00:33:41.610	warn	0_userdata.0.Werteliste: states is of type string. Problems might occur. Please fix states to be of type object.

lovelace.0
2023-12-09 00:33:41.451	warn	Terminated (UNCAUGHT_EXCEPTION): Without reason

lovelace.0
2023-12-09 00:33:41.445	error	Cannot read properties of null (reading 'val')

lovelace.0
2023-12-09 00:33:41.445	error	TypeError: Cannot read properties of null (reading 'val') at BrowserModModule._checkObjects (/opt/iobroker/node_modules/iobroker.lovelace/lib/modules/browser_mod.js:257:73) at async BrowserModModule.init (/opt/iobroker/node_modules/iobroker.lovelace/lib/modules/browser_mod.js:561:9) at async Promise.all (index 0)

lovelace.0
2023-12-09 00:33:41.445	error	unhandled promise rejection: Cannot read properties of null (reading 'val')

lovelace.0
2023-12-09 00:33:41.445	error	Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch().

lovelace.0
2023-12-09 00:33:39.979	warn	Information for Developer: Using the direct "Let's encrypt" module import is deprecated and will be removed in the next js-controller version, use @iobroker/webserver instead

lovelace.0
2023-12-09 00:33:07.510	warn	0_userdata.0.aber: states is of type string. Problems might occur. Please fix states to be of type object.

lovelace.0
2023-12-09 00:33:07.474	warn	Got duplicate for entity switch.Heizung_KZ_1_boost. Overwriting old value. Was for alias.0.KiZi_1.Heizung_KiZi_1.BOOST_MODE and new one is for hm-rpc.1.INT0000006.1.BOOST_MODE

lovelace.0
2023-12-09 00:33:07.394	warn	0_userdata.0.echart_dp_test_zeit: states is of type string. Problems might occur. Please fix states to be of type object.

lovelace.0
2023-12-09 00:33:07.393	warn	0_userdata.0.echart_dp_test: states is of type string. Problems might occur. Please fix states to be of type object.

lovelace.0
2023-12-09 00:33:07.388	warn	0_userdata.0.Werteliste: states is of type string. Problems might occur. Please fix states to be of type object.

lovelace.0
2023-12-09 00:33:07.211	warn	Terminated (UNCAUGHT_EXCEPTION): Without reason

lovelace.0
2023-12-09 00:33:07.207	error	Cannot read properties of null (reading 'val')

lovelace.0
2023-12-09 00:33:07.207	error	TypeError: Cannot read properties of null (reading 'val') at BrowserModModule._checkObjects (/opt/iobroker/node_modules/iobroker.lovelace/lib/modules/browser_mod.js:257:73) at async BrowserModModule.init (/opt/iobroker/node_modules/iobroker.lovelace/lib/modules/browser_mod.js:561:9) at async Promise.all (index 0)

lovelace.0
2023-12-09 00:33:07.207	error	unhandled promise rejection: Cannot read properties of null (reading 'val')

lovelace.0
2023-12-09 00:33:07.207	error	Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch().

lovelace.0
2023-12-09 00:33:05.883	warn	Information for Developer: Using the direct "Let's encrypt" module import is deprecated and will be removed in the next js-controller version, use @iobroker/webserver instead

lovelace.0
2023-12-09 00:33:07.510	warn	0_userdata.0.aber: states is of type string. Problems might occur. Please fix states to be of type object.

[Garfonso]

@david-g
hm. warum geht der eine, der andere nicht? Naja. Sollte mit 4.0.2 nicht passieren.

[David G.]

@garfonso

Es lief wohl nur so halb bei meiner Frau. S sie heute morgen den Weihnachtsbaum einschalten wollte, ist die Instanz auch abgeschmiert.

Die 4.0.4 läuft jetzt aber wie es aussieht.
Auch wenn ich ein paar Notifications habe, die vorher nicht da waren

[David G.]

@garfonso

Die Thermostatkarte geht bei mir nicht mehr.
Wollte sie mir grade mal ansehen, als ich hier https://youtu.be/vgap1mACK4w?si=jam9KPxZPpBpYTZZ gesehen habe, dass diese im Dezemberupdate überarbeitet wurde.

[Erstam]

@garfonso: Erst mal vielen Dank für die Updates! Ich weiß es sehr zu schätzen, dass du uns immer mit neuen Versionen versorgst und dir unsere Probleme anhörst!

Probleme mit History-Werten in history-graph und apexcharts-card
Leider habe ich mit der Version 4.0.5 das Problem, dass die History-Werte in den Karten history-graph und apexcharts-card nicht angezeigt werden. Es funktioniert allerdings in den Karten mini-graph-card und sensor. Die Karte history-graph ist eine Standard-Karte.

Im Log sehe ich die Anforderungen der History-Werte, aber keine Fehlermeldung, dass irgendetwas nicht geliefert wird.

lovelace.0     2023-12-09 14:55:45.690	debug	Get history for sensor.Aussen_Boden_Beet_hinten_soilHumidity from 2023-11-08T23:55:44.301Z to 2023-12-09T13:55:44.301Z
lovelace.0     2023-12-09 14:55:45.688	debug	Get history for sensor.Aussen_Boden_Schattenbeet_soilHumidity from 2023-11-08T23:55:44.301Z to 2023-12-09T13:55:44.301Z
lovelace.0     2023-12-09 14:55:45.599	debug	Get history for sensor.Aussen_Boden_Vorgarten_Rechts_soilHumidity from 2023-11-08T23:55:44.301Z to 2023-12-09T13:55:44.301Z
lovelace.0     2023-12-09 14:55:45.532	debug	Get history for sensor.Aussen_Boden_Terrassenbeet_Rechts_soilHumidity from 2023-11-08T23:55:44.301Z to 2023-12-09T13:55:44.301Z

[Erstam]

Ein weiterer Fehler mit der 4.0.5: Die Karte thermostat funktioniert bei mir nicht mehr. Ich erhalte die folgende Fehlermeldung im Log. Diese wird endlos alle 40-50 ms ausgegeben, solange ich auf der Seite bleibe.

lovelace.0     2023-12-09 15:03:40.244	info	Log from UI Unhandled promise rejection from Edge 119.0.0.0 on Windows 10 TypeError: Cannot read properties of undefined (reading 'filter') stateColorCss (src/state-control/climate/ha-state-control-climate-temperature.ts:305:64) render (src/lit-element.ts:160:23) update (src/reactive-element.ts:1329:13) performUpdate (src/reactive-element.ts:1261:16) scheduleUpdate (src/reactive-element.ts:1233:24)

[XBiT]

@Garfonso @erstam

bei mir gehen nicht alle "mini-graph-card" es gibt welche die gehen aber bei ca. 90% wird nur ein Strich angezeigt und die min/max Werte sind ein Dienstag der 20. (der letzte 20. Dienstag war im Juni 2023)