Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test lovelace 4.x

    NEWS

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    Test lovelace 4.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • David G.
      David G. @Garfonso last edited by

      @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 1 Reply Last reply Reply Quote 0
      • XBiT
        XBiT @David G. last edited by

        @david-g

        Sorry hatte dein EDIT gar nicht gesehen...

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


        auf.png

        gekippt.png

        zu.png

        Card Code:

        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:


        Datenpunkt.png

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

        David G. 1 Reply Last reply Reply Quote 0
        • David G.
          David G. @XBiT last edited by

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

          Screenshot_20231108_192810_Fully Kiosk Browser.jpg

          Garfonso 1 Reply Last reply Reply Quote 0
          • Garfonso
            Garfonso Developer @David G. last edited by

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

            1 Reply Last reply Reply Quote 0
            • David G.
              David G. last edited by David G.

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

              Screenshot_20231108_205616_Chrome.jpg

              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.

              B 1 Reply Last reply Reply Quote 0
              • O
                olterion last edited by 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!

                Garfonso 1 Reply Last reply Reply Quote 0
                • Q
                  quorle last edited by

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

                  David G. 1 Reply Last reply Reply Quote 0
                  • David G.
                    David G. @quorle last edited by

                    @quorle

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

                    1 Reply Last reply Reply Quote 1
                    • Garfonso
                      Garfonso Developer @olterion last edited by 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.

                      1 Reply Last reply Reply Quote 0
                      • B
                        bfit @David G. last edited by

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

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

                        Screenshot_20231108_205616_Chrome.jpg

                        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. 1 Reply Last reply Reply Quote 0
                        • David G.
                          David G. @bfit last edited by 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
                          
                          

                          Screenshot_20231208_090422_Chrome.jpg

                          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.

                          1 Reply Last reply Reply Quote 2
                          • David G.
                            David G. @Garfonso last edited by 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 1 Reply Last reply Reply Quote 0
                            • Garfonso
                              Garfonso Developer @David G. last edited by

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

                              David G. 1 Reply Last reply Reply Quote 0
                              • David G.
                                David G. @Garfonso last edited by

                                @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

                                Garfonso 1 Reply Last reply Reply Quote 0
                                • David G.
                                  David G. @Garfonso last edited by

                                  @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

                                  Garfonso 1 Reply Last reply Reply Quote 0
                                  • E
                                    Erstam Developer last edited by

                                    @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
                                    

                                    082cab10-f0ab-4d59-94eb-d32ce11fce20-image.pngf031d808-6d35-4748-921f-41b4e318eb80-image.png

                                    XBiT 1 Reply Last reply Reply Quote 0
                                    • E
                                      Erstam Developer last edited by

                                      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)
                                      
                                      1 Reply Last reply Reply Quote 0
                                      • XBiT
                                        XBiT @Erstam last edited by

                                        @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)

                                        1.png

                                        1 Reply Last reply Reply Quote 0
                                        • Garfonso
                                          Garfonso Developer @David G. last edited by

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

                                          Was kann denn dein climate entity alles?

                                          David G. 1 Reply Last reply Reply Quote 0
                                          • David G.
                                            David G. @Garfonso last edited by David G.

                                            @garfonso

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

                                            Screenshot_20231209_230404_Chrome.jpg

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

                                            Garfonso 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.0k
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            85
                                            843
                                            176075
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo