Test lovelace 4.x

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.

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
Screenshot_20231209_081351_Fully Kiosk Browser.jpg

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.

Screenshot_20231209_140246_Fully Kiosk Browser.jpg

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)

Garfonso

@david-g
Hm. Kann ich nicht bestätigen:

Was kann denn dein climate entity alles?

David G.

@garfonso

Hier eine exemplarische Heizung.
Die Rollen zeigt der "gute neue" Admin am Smartphone nicht an....

Sind Hmip Heizungen an einer CCU3. Bisher hat es wunderbar geklappt.

Garfonso

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

Auch wenn ich ein paar Notifications habe, die vorher nicht da waren

Notifications gingen eine Zeit lang nicht. Liegt das daran? Oder kommen da welche phantomweise rein?

@erstam said in Test lovelace 4.x:

Probleme mit History-Werten in history-graph und apexcharts-card

Urgs... da fragt das frontend doch einfach, welche Klassen "numeric" sind und welche nicht. Hab ich mal eingebaut. Sieht nun schon besser aus.

Garfonso

@david-g
Hm.. also weder an/aus noch sonst irgendein Modus. kopfkratz

Ja, das passt auch zum Fehler, den

@erstam said in Test lovelace 4.x:

in 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.

hier hat...

-> climate entity ohne HVAC Modes (also Kühlen. Lüften, Heizen) scheint das zu machen. Dann tue ich bei einem thermostat mal ein dummy array dazu.

Garfonso

@garfonso
so, 4.0.6 ist unterwegs (wer mag, kann auch gerade github ausprobieren).

Nutzt jemand shopping list?

Garfonso

@garfonso

Ok... da stimmt aber auch was mit den Zeitstempeln nicht. Da muss ich im wachen Zustand nochmal drüber gucken. kopfkratz Also die Daten kommen wohl an, aber sind alle zur gleichen Zeit? Hm.

David G.

@garfonso sagte in Test lovelace 4.x:

Notifications gingen eine Zeit lang nicht. Liegt das daran? Oder kommen da welche phantomweise rein?

Waren wirklich welche, die alle in der letzten Zeit gesendet wurden.

@garfonso sagte in Test lovelace 4.x:

-> climate entity ohne HVAC Modes (also Kühlen. Lüften, Heizen) scheint das zu machen. Dann tue ich bei einem thermostat mal ein dummy array dazu.

Jetzt läufts mit der Git.
Screenshot_20231210_083627_Fully Kiosk Browser.jpg

Edit
Hab im Alias nicht alle DPs der Heizung weil es bisher geklappt hat.
Packe da auch mL alles andere zum testen rein.
In meiner HA Testinstallation sieht die Heizung so aus:
Screenshot_20231210_083431_Home Assistant.jpg

NEWS

Test lovelace 4.x

Support us

631
Online

31.6k
Users

79.5k
Topics

1.3m
Posts

NEWS

Test lovelace 4.x

Support us

631Online

31.6kUsers

79.5kTopics

1.3mPosts

631
Online

31.6k
Users

79.5k
Topics

1.3m
Posts