Navigation

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

    NEWS

    • [erledigt] 15. 05. Wartungsarbeiten am ioBroker Forum

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Test Adapter lovelace v0.2.x

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

      @Garfonso ja der Darstellungsfehler ist noch vorhanden und mit der neuen Version gehen einige meiner Cards nicht mehr.
      Screenshot_20200623-185412_Samsung Internet.jpg
      Screenshot_20200623-185404_Samsung Internet.jpg

      David G. Garfonso marcuskl 4 Replies Last reply Reply Quote 0
      • N
        nowi03 last edited by nowi03

        Hallo, wie habt Ihr ein Bedienpanel mit einem iPad gelöst.
        Okay die Lovelace Oberfläche aufrufen ist ja erstmal sehr einfach ABER...

        • Wie stelle ich das ganze als Vollbild dar?

        • Wie bekomme ich einen Aktualisierung Intervall realisiert?

        • Bildschirm am besten nur Zeitgesteuert an?

        Stehe mit so einem Einfachem Problem gerade bisschen auf dem Schlauch. 😂🤭

        Aber Ihr habt da bestimmt eine gute Lösung. ✌️

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

          @marcuskl said in Test Adapter lovelace v0.2.x:

          Screenshot_20200623-185404_Samsung Internet.jpg

          Was hast du im zweiten Screenshot oben rechts für eine Karte?
          Kann man in der Karte noch noch nach rechts und links scrollen?

          marcuskl 1 Reply Last reply Reply Quote 0
          • D
            danihell @nowi03 last edited by

            @nowi03 Die lovelace Seite in Safari öffnen und dann über die Optionen auf den Homescreen legen. Danach wird die Seite ohne URL Fenster im Quasi-Vollbildmodus aufgerufen.

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

              @Garfonso said in Test Adapter lovelace v0.2.x:

              An alle mutigen Tester -> in meinem Dev-Branch Garfonso/iobroker.lovelace#dev liegt eine Version mit neuer Lovelace Version (vom 20.6.2020). Das sieht ziemlich anders aus als vorher. Geht aber ganz gut. 🙂

              Mir gefällt die neue Version.
              Besonders das leichte erstellen von horizontalen und vertikalen Stapeln.
              Hatte ich schon bei den lovelance-Demos bewundert ^^.

              Bei mir hat es nur eine Karte zerschossen. Konnte aber schnell gelöst werden.

              1 Reply Last reply Reply Quote 0
              • C
                Cumulus @g.polat last edited by Cumulus

                @g-polat said in Test Adapter lovelace v0.2.x:

                @andi2055
                so klappt es bei mir:

                type: picture-entity
                entity: camera.Einfahrt
                aspect_ratio: 50%
                show_state: false
                show_name: false
                hold_action:
                  action: more-info
                tap_action:
                  action: navigate
                  navigation_path: kamera
                

                Hi,

                kannst Du mir sagen wie bzw. wo du die Camera-Entity selber angelegt hast?

                Danke und Gruß´
                Markus

                Edit:
                Ich hab jetzt nen Datenpunkt manuell angelegt, dort als String den http://..../image.jpg Pfad hinterlegt.
                Dass dann als Camera.Aussen für Lovelace als Camera definiert im Datenpunkt.

                Mit Picture-Glance in der Lovelace-Oberfläche und diesen Werten hier

                type: picture-entity
                entity: sensor.Aussentemperatur
                image: ' '
                aspect_ratio: 50%
                camera_image: camera.HasenstallAussen
                

                kommt dann alle 10s ein neues Bild.

                Geht das eleganter?

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

                  @David-G das ist die Custom Slideshow Card und ja kann man nach rechts und links wischen

                  1 Reply Last reply Reply Quote 0
                  • W
                    WW1983 last edited by

                    Hat zufällig schon jemand geschafft den iCal Kalender einzubinden. Gibt es hierzu eine Card. Konnte bislang noch nicht finden.
                    Ich würde gerne anstehende Ereignisse auflisten lassen. Finde allerdings nur was für den Google-Kalender.

                    1 Reply Last reply Reply Quote 0
                    • Garfonso
                      Garfonso Developer @Urs last edited by Garfonso

                      @Urs said in Test Adapter lovelace v0.2.x:

                      @Garfonso sagte in Test Adapter lovelace v0.2.x:

                      @Urs said in Test Adapter lovelace v0.2.x:

                      Wenn ich eine Farbe über den Colorpicker wähle wird die eingestellt aber gleichzeitig wird auch auf 100% hoch gedimmt. Einmal wurde auch auf 46% und einmal auf 93% hochgedimmt von ungefähr 5-20% vor dem Farbwechsel. Beim Verstellen der Farbtemperatur bleibt der Dimmlevel erhalten (wie es sein sollte).

                      Über welche States werden die Farben gesteuert? (insbesondere: welche nutzt lovelace - ggf. auch mal ein Screenshot von den Attributen -> lovelace-einstellungen, entities, Attribute anzeigen und dann zum richtigen Entity scrollen)

                      Kannst Du damit was anfangen?
                      a8852acd-3605-4c12-a39e-c84a916105f8-image.png
                      58df3572-a989-4a51-8990-f965ac8ac7e6-image.png
                      Scheint als ob r, g und b benutzt würde. Hue würde ja auch noch den DP hue, xy und allenfalls noch sat bieten.

                      Ja, dann weiß ich schon einmal in welchem Codeteil ich nochmal gucke.

                      Passiert das auch, wenn du sie manuell setzt?

                      Du meinst wenn ich r, g und b direkt im Iobroker verändere? Weiss ich nicht, hab den Adapter neu gestartet und kann die falschen Farben im Moment nicht reproduzieren.

                      Ja, wenn du in ioBroker die r, g und b veränderst, ob sich dann auch die Helligkeit verändert (müsste eigentlich, wenn du r, g und b auf 0 stellst, müsste die Lampe aus sein 😉 ). Allerdings sollte der Colorpicker nur Farbe (hue) und Sättigung (saturation) festlegen. Gucke ich im Code mal.

                      -Büro, kann nur weiss, aktuell auf warmweiss gestellt, zeigt aber eigentlich kaltweiss (blau),
                      -Wohnen, RGB, aktuell warmweiss, daher gelb/orange
                      ...

                      Hm... ich glaube das kriege ich nicht hin bzw nur mit großen Hacks. Sowas sollte lovelace direkt selber implementieren. Vielleicht kannst du denen das ja mal vorschlagen: https://github.com/home-assistant/frontend (falls das nicht schon jemand anders gemacht hat).

                      Kein Problem. Dachte nur ich frag mal, hätte sein können dass es allenfalls recht einfach möglich wäre da Du es ja bei den RGB auch hinbekommen hast 😉
                      Werde bei Github mal reinschauen und allenfalls dort einen Vorschlag platzieren.

                      Ja, ich habe nochmal reingeguckt. Also bisher ist in Lovelace eine Berechnung der Icon-Farbe nach Farbtemperatur nicht vorgesehen. Was du bei den RGB Lampen siehst, ist der Effekt, dass die bei Einstellung der Farbtemperatur das anscheinend auch als rgb reporten (was ja auch stimmt, die werden die Lichtfarbe einfach entsprechend einstellen) und der RGB Wert wird dann an Lovelace weitergereicht, was dann die Farbe darstellt.

                      Ja, die lieben Aliases (oder Alias oder Aliassen?), davon hab ich auch schon das eine oder andere mal hier im Forum gelesen, mich aber bisher erfolgreich geschmeidig drum herum gemogelt 😉 . So tief bin ich da noch nicht drin...muss mir daher Deine letzten Zeilen wohl noch ein paar mal durchlesen...und vielleicht beschäftige ich mich dann wirklich mal mit Alias 😉

                      Leider hat der Geräte-Adapter noch ein paar Bugs. Aber damit kann man die eigentlich gut zusammen klicken (wobei da leider auch recht wenig zu dem Inhalt der Datenpunkte steht). Also z.B. könntest du ein Gerät "RGB" für "All" erstellen. ON wäre dann .on, ON_ACTUAL wäre anyOn. Dann r, g, b an r, g, b. Die Farbtempteratur und Brightness auch noch setzen und dann hast du ein Gerät in alias.0. und kannst dir das mal angucken und gucken, ob es damit besser geht. 🙂
                      So, z.B.:
                      alias_RGB.JPG
                      alias_RGB_states.JPG

                      PS:
                      Könntest du mir einen gefallen tun und einen JSON Export der States ein paar Hue Lampen (rgb, nur farbtempteratur, falls vorhanden nur dimmer oder nur an/aus) schicken?

                      U 1 Reply Last reply Reply Quote 0
                      • Garfonso
                        Garfonso Developer @marcuskl last edited by Garfonso

                        @marcuskl
                        Sind das alle mini-graph cards und custom-slideshow cards oder nur spezielle? Könntest du mir den code ggf. schicken? (Steht ja da)

                        //Edit:
                        mini-graph-card Problem -> kann ich bei mir nicht nachvollziehen. Hast du die Version 0.93 davon?

                        Und was ist das für ein Kalender? 🙂

                        C marcuskl 2 Replies Last reply Reply Quote 0
                        • C
                          Cristian @Garfonso last edited by

                          @Garfonso ich habe auch deine Version installiert. Jetzt funktioniert endlich die Wetter Karte, sehr schön! 👍
                          Ich habe keine Probleme mit der mini-graph-card, bei mir funktioniert. Allerdings habe ich ein Problem mit der Darstellung von Texten oben rechts, wo man klickt um die Benutzeroberfläche zu konfigurieren - bei mir ist nur weiß, im Firefox / Chrome / Safari.
                          Screenshot 2020-06-24 at 17.46.51.png

                          Screenshot 2020-06-24 at 17.53.08.png

                          Garfonso marcuskl 2 Replies Last reply Reply Quote 0
                          • Garfonso
                            Garfonso Developer @Cristian last edited by Garfonso

                            @Cristian
                            Also das Menü ist nur weiß? Da wo sonst Bearbeiten + Hilfe erscheint?
                            Hast du ein Theme installiert? Vermutlich muss das irgendwo angepasst werden...

                            //Edit: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) das ist die Textfarbe, die gesetzt wird. Du könntest mal versuchen mdc-theme-text-primary-on-background zu setzen im Theme...

                            C 1 Reply Last reply Reply Quote 0
                            • N
                              nowi03 @danihell last edited by nowi03

                              @danihell said in Test Adapter lovelace v0.2.x:

                              @nowi03 Die lovelace Seite in Safari öffnen und dann über die Optionen auf den Homescreen legen. Danach wird die Seite ohne URL Fenster im Quasi-Vollbildmodus aufgerufen.

                              @danihell Super vielen Dank. Das war ja jetzt mega einfach, wenn man es weiß. 😆
                              Hat jemand noch eine Idee wie man das iPad Display zeitgesteuert an und aus machen kann?

                              1 Reply Last reply Reply Quote 1
                              • Garfonso
                                Garfonso Developer @marcuskl last edited by

                                @marcuskl said in Test Adapter lovelace v0.2.x:

                                @Garfonso ja der Darstellungsfehler ist noch vorhanden und mit der neuen Version gehen einige meiner Cards nicht mehr.

                                Bitte wegen dem Darstellungsfehler nochmal die Version 1.2.2 ausprobieren (wieder über gleiche Github URL). Bei mir ist das jetzt gefixt.

                                Zu den Karten fehlt mir weiter Info / eine Möglichkeit das zu reproduzieren.

                                @Fogg said in Test Adapter lovelace v0.2.x:

                                Sorry wenn ich noch nicht alles in dem Thread gelesen habe 🙂

                                Habe mir lovelace mal angeschaut und versucht ein paar Dinge zu visualisieren. Z.B. würde ich gerne meine Keymatic brauchbar dargestellt bekommen. Die ist ja als lock.XXX da und kann verriegeln und entriegeln. Das funktioniert auch. Was ich aber gerne noch hätte:

                                • Icon (Schloss) abhängig vom Zustand damit man sieht ob offen ist oder nicht
                                • Öffnen als zusätzliche Option, damit wird nicht entriegelt sondern komplett geöffnet

                                Wie geht das? Material UI kann das auch 😄

                                Also zum Icon: Das sollte jetzt in 1.2.2 gehen (über Admin->von Github -> beliebige URL, dann Garfonso/iobroker.lovelace#dev installieren zum testen). Das mit dem "open" wird zwar in Homeassistant unterstützt aber in Lovelace irgendwie (noch?) nicht... daher ist es etwas umständlicher... ich habe support für einen "lock.open" service eingebaut, den kann man z.B. so in eine Karte integrieren:

                                type: button
                                tap_action:
                                  action: toggle
                                hold_action:
                                  action: call-service
                                  service: lock.open
                                  service_data:
                                    entity_id: lock.Haustuer
                                show_icon: true
                                show_name: true
                                entity: lock.Haustuer
                                

                                -> da würde die Tür dann beim lange gedrückt halten geöffnet. Allerdings prüft der Adapter nicht, ob schon entriegelt wurde... muss ich das noch einbauen? grübel Ich hab so ein Schloss leider nicht (bzw. umgekehrt: alle meine "Schlösser" sind automatisch verriegelt, wenn zu und wenn offen, kann man die Tür einfach aufdrücken... -> ist etwas anders als das, was ioBroker da aktuell vorsieht).

                                Wie sieht das denn in Material UI aus?

                                N Fogg 2 Replies Last reply Reply Quote 0
                                • marcuskl
                                  marcuskl @Cristian last edited by

                                  @Cristian habe das selbe Problem, ist bei mir auch weiß

                                  @Garfonso Darstellungsfehler ist weg super, "custom mini graph card" habe ich die Version erneuert geht auch wieder, aber die "custom entity row card" und "slideshow card" geht noch nicht, gibt auch keine neuere Version.

                                  Garfonso 1 Reply Last reply Reply Quote 0
                                  • N
                                    nowi03 @Garfonso last edited by nowi03

                                    @Garfonso said in Test Adapter lovelace v0.2.x:

                                    @marcuskl said in Test Adapter lovelace v0.2.x:

                                    @Garfonso ja der Darstellungsfehler ist noch vorhanden und mit der neuen Version gehen einige meiner Cards nicht mehr.

                                    Bitte wegen dem Darstellungsfehler nochmal die Version 1.2.2 ausprobieren (wieder über gleiche Github URL). Bei mir ist das jetzt gefixt.
                                    Zu den Karten fehlt mir weiter Info / eine Möglichkeit das zu reproduzieren.

                                    Scheint immer noch nicht zu funktionieren.

                                    31d7b84f-0681-4c8a-b986-64739959af2b-image.png

                                    #Background image
                                        background: center / cover no-repeat url("/cards/background.jpg") fixed
                                    
                                        # Main colors
                                        primary-color: '##363941'                                                        # Header
                                        accent-color: '#E45E65'                                                         # Accent color
                                        dark-primary-color: 'var(--accent-color)'                                       # Hyperlinks                                         
                                        light-primary-color: 'var(--accent-color)'                                      # Horizontal line in about
                                        ha-card-border-radius: '20px'   
                                        ha-card-background: 'rgba(150, 150, 150, 0.1)'
                                                                                                               
                                        # Text colors                                                                  
                                        primary-text-color: '#FFFFFF'                                                   # Primary text colour, here is referencing dark-primary-color
                                        text-primary-color: 'var(--primary-text-color)'                                 # Primary text colour
                                        secondary-text-color: '#5294E2'                                                 # For secondary titles in more info boxes etc.
                                        disabled-text-color: '#7F848E'                                                  # Disabled text colour
                                        label-badge-border-color: 'green'                                               # Label badge border, just a reference value   
                                     
                                        # Background colors                                                            
                                        primary-background-color: '#383C45'                                             # Settings background
                                        secondary-background-color: '#383C45'                                           # Main card UI background  
                                        divider-color: 'rgba(0, 0, 0, .12)'                                             # Divider 
                                     
                                        # Table rows                                                                   
                                        table-row-background-color: '#353840'                                           # Table row
                                        table-row-alternative-background-color: '#3E424B'                               # Table row alternative
                                                                                                               
                                        # Nav Menu                                                                   
                                        paper-listbox-color: 'var(--primary-color)'                                     # Navigation menu selection hoover
                                        paper-listbox-background-color: '#2E333A'                                       # Navigation menu background
                                        paper-grey-50: 'var(--primary-text-color)'                                   
                                        paper-grey-200: '#414A59'                                                       # Navigation menu selection
                                                                                                               
                                        # Paper card                                                               
                                        paper-card-header-color: 'var(--accent-color)'                                  # Card header text colour
                                        paper-card-background-color: 'rgba(150, 150, 150, 0.1)'                         # Card background colour
                                        paper-dialog-background-color: '#434954'                                        # Card dialog background colour
                                        paper-item-icon-color: 'var(--primary-text-color)'                              # Icon color
                                        paper-item-icon-active-color: '#F9C536'                                         # Icon color active
                                        paper-item-icon_-_color: 'green'           
                                        paper-item-selected_-_background-color: '#434954'                               # Popup item select                      
                                        paper-tabs-selection-bar-color: 'green'
                                     
                                        # Labels 
                                        label-badge-red: 'var(--accent-color)'                                          # References the brand colour label badge border
                                        label-badge-text-color: 'var(--primary-text-color)'                             # Now same as label badge border but that's a matter of taste
                                        label-badge-background-color: '#2E333A'                                         # Same, but can also be set to transparent here
                                        label-badge-background: 'rgba(255, 255, 255, 0.1)'
                                     
                                        # Switches
                                        paper-toggle-button-checked-button-color: 'var(--accent-color)'
                                        paper-toggle-button-checked-bar-color: 'var(--accent-color)'
                                        paper-toggle-button-checked-ink-color: 'var(--accent-color)'
                                        paper-toggle-button-unchecked-button-color: 'var(--disabled-text-color)'
                                        paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)'
                                        paper-toggle-button-unchecked-ink-color: 'var(--disabled-text-color)'  
                                     
                                        # Sliders
                                        paper-slider-knob-color: 'var(--accent-color)'
                                        paper-slider-knob-start-color: 'var(--accent-color)'
                                        paper-slider-pin-color: 'var(--accent-color)'
                                        paper-slider-active-color: 'var(--accent-color)'
                                        paper-slider-container-color: 'linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat'
                                        paper-slider-secondary-color: 'var(--secondary-background-color)'
                                        paper-slider-disabled-active-color: 'var(--disabled-text-color)'
                                        paper-slider-disabled-secondary-color: 'var(--disabled-text-color)'
                                     
                                        # Google colors
                                        google-red-500: '#E45E65'
                                        google-green-500: '#39E949'
                                    
                                    Garfonso 1 Reply Last reply Reply Quote 0
                                    • C
                                      Cumulus last edited by

                                      Hi,

                                      gibt es die Möglichkeit MQTT-Geräte per Button zu steuern?

                                      Problem: es gibt ja zwei Objekte in iobroker pro MQTT-Gerät:

                                      • einmal unter "cmnd" zum steuern
                                      • und unter "state" für den aktuellen Status

                                      Habe das jetzt aktuell mal über ein Script mit einem temporären Datenpunkt als Entity für Lovelace gelöst - aber das ist ziemlich umständlich.

                                      Geht das besser? Sprich: Eine Entity ansteuern - den Button-Status aber von einer anderen Entity holen?

                                      THX
                                      Markus

                                      1 Reply Last reply Reply Quote 0
                                      • Garfonso
                                        Garfonso Developer @nowi03 last edited by Garfonso

                                        @nowi03
                                        Sorry, meinte den Darstellungsfehler mit notification auf dem Handy.

                                        Bei dem Fehler fehlen mir noch Infos. Warum ist eure Oberfläche dunkel? Wie habt ihr das gemacht? Mit einem Theme? Damit hab ich mich bisher noch gar nicht beschäftigt. Also bitte dem armen Entwickler mal auf die Sprünge helfen, was ihr da macht. 🙂 (Auch an @marcuskl )
                                        Ich habe mal mit dem Theme, was in der Readme steht experimentiert... da tritt das Problem auch auf, es scheint aber noch mehr Probleme zu geben (z.B. ist die Top-bar noch blau? hm)

                                        Bei dem, was du gepostet hast, scheint noch etwas zu fehlen... aber teste ich jetzt auch mal.

                                        @Cumulus said in Test Adapter lovelace v0.2.x:

                                        Geht das besser? Sprich: Eine Entity ansteuern - den Button-Status aber von einer anderen Entity holen?

                                        Bitte nicht mit zwei entities... Script ist eine Möglichkeit. Für sehr vieles gibt es aber support für getrennte Objekte für lesen / schreiben. Das muss allerdings der type-detector finden (können). Falls das bei dir nicht der Fall ist (weil die Struktur zu "flach", oder die Rollen nicht stimmen oder was auch immer), dann wären Aliase der richtige Weg. Schau dir mal den devices-Adapter und das Geräte tab an, auch hier beschrieben: https://forum.iobroker.net/post/454156
                                        Bei der RGB Lampe geht z.B. mit "ON" schalten und aus "ON_ACTUAL" wird der State gelesen. Falls das noch nicht reicht, gibt es m.E. zwei Möglichkeiten: Doch script nutzen (und ggf. mit $-selectoren arbeiten, dann sollte das recht gut gehen) oder den type-detector erweitern, dass er für noch mehr states ein _ACTUAL einfügt.

                                        C 2 Replies Last reply Reply Quote 0
                                        • C
                                          Cristian @Garfonso last edited by Cristian

                                          @Garfonso Stimmt, der Fehler war von meinem Theme, alles OK jetzt 👍
                                          Screenshot 2020-06-24 at 23.56.22.png

                                          N 1 Reply Last reply Reply Quote 0
                                          • N
                                            nowi03 @Cristian last edited by

                                            @Cristian said in Test Adapter lovelace v0.2.x:

                                            @Garfonso Stimmt, der Fehler war von meinem Theme, alles OK jetzt 👍
                                            Screenshot 2020-06-24 at 23.56.22.png

                                            Was hast du genau geändert?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            716
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            call for action lovelace test visualisierung
                                            131
                                            1051
                                            279186
                                            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