Navigation

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

    NEWS

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    Test Adapter lovelace v1.2.x

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

      @fantasticmaxpower said in Test Adapter lovelace v1.2.x:

      Kann man das Dark Theme für einzelne Cards deaktivieren?

      Ja, du kannst meine ich im visuellen Editor für jede Karte das Theme auswählen, oder? Da gibt's dann bestimmt auch code für.
      Die Alternative wäre rausfinden, was da noch am Theme fehlt und hinzufügen... (daran lag es bisher immer). Z.B. mal Beispielthemes angucken?
      Vielleicht ist das aber auch ein Bug in der Karte (wenn es die custom ist, dann ggf. die mal aktualisieren) oder Lovelace selber (da will ich möglichst bald nochmal aktualisieren).

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

        @fantasticmaxpower said in Test Adapter lovelace v1.2.x:

        @Garfonso Das ist die Entität:
        9a7b9076-ec32-425d-9d8c-7153a7cde9e8-image.png

        Auf der Visu sieht es so aus.
        06a7f8b7-e2c2-4069-964e-d4889a92f882-image.png

        Keine Reaktion auf Toggle und keine Reaktion auf Bewegen des Schiebers. Zudem steht da unbekannt, ich denke er kann den % Wert nicht finden. Nur wenn ich auf die 3 Punkte oben rechts gehe passiert am Aktor ein Reaktion auf den Schieber im "more info" Fenster.

        Die Entität wurde manuell bei den Objekten als Alias hinten am Schraubenschlüssel generiert mit Funktion Licht!
        c9fd8be6-fccc-43a6-a216-ac1941235106-image.png
        e0261529-e590-4534-8a3b-6b15a2f49ddc-image.png

        Und das ging vorher? grübel Da hat sich eigentlich nichts geändert...
        Ich hab was an der Initialisierung geändert, was vielleicht damit zusammen hängt. Versuch bitte nochmal die dev-Version von meinem Github.

        Aber das zeigt einmal mehr, dass ich unbedingt Tests implementieren muss... seufz (wobei das schon ziemlich tief drinnen ist)

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

          @Garfonso vorher hat das widget zumindest auf drücken reagiert. allerdings immer nur Aus, oder An, je nach dem wie der Zustand des Dimmers war. Reglereingaben wurden ohne weiters umgesetzt.

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

            @Garfonso mit der aktuellen dev Version ist das Widget voll funktionstüchtig! Danke!!!

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

              Hallo,

              nutzt einer von euch die Benachrichtigungen?
              Bekomme die nicht so wie ich es mir vorstelle ans laufen.

              Wenn ich manuell über die Objekte eine Benachrichtigung setze Word mir diese in Lovelace ausgegeben.

              Wenn ich jedoch das Objekt mit Blockly befülle ignoriert Lovace die Eingabe vollkommen.
              Ausgefüllt wurde das entsprechende Objekt aber.

              Wenn ich dann in den Objekten manuell nur einen Buchstaben ändere wird die Benachrichtigung angezeigt.

              Der zu setzen de Text sieht ungefähr so aus:

              {"message": "Die Batterie von xyz ist im kritischen Bereich!!! ", "title": "Batteriewarnung xyz"}
              

              EDIT:
              Hab es nun hinbekommen, weiß aber nicht warum.
              Hatte den Text erst in ein separates Objekt geschrieben (um es noch anders zu werden), und dann in das entsprechende Objekt von lovelace kopieren lassen.
              Schreibe ich nun aber direkt in das Objekt von lovelace klappt es.

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

                In HA scheint es sogenannte "group entities" zu geben.
                Diese nennen sich dann z.B. "group.motion_sensors_batteries"

                Darüber kann man mehrere Objekte aus einer Gruppe über ein Objekt einbinden.

                Ist dies auch in iobroker möglich?

                Anwenden würde ich es gerne bei der "custom:battery-state-card".

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

                  @David-G
                  aktuell gibt es sowas nicht... möglich könnte es sein. Erstellt man die in HA selber? Was machen die? Wo ist der Vorteil? Was erwartet die Karte? 🙂

                  Meinst du diese Karte: https://github.com/maxwroc/battery-state-card ? -> die kann doch auch eine Entity-Liste. Was ist bei Groups dann anders?

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

                    @Garfonso

                    Genau, die Karte meine ich.
                    Mein Gedanke war, dass ich ggf. eine Aufzählung oder so aus Iobroker oder nehmen kann.

                    Da die Geräte doch langsam mehr werden, hätte ich mir erhofft, dass die Verwaltung der Batteriezustände bzw. deren Objekte im iobroker was konfortabeler ist, als immer jedes Gerät in Lovelace einzupflegen.

                    Aber ist ja schnell gemacht, wenn man ein neues Gerät anlernt oder eins löscht.

                    (Ich spekuliere ja darauf, dass es bald einen Adapter gibt oder sogar eine iobroker Funktion kommt, in der man für die gängigsten Adapter die Zustände überwachen kann, scripte gibt es ja schon. Komme da nur immer schnell ein meine Grenzen.)

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

                      Hey,

                      weis jemand ob man in der Markdown Karte den Text farbig hervorheben kann?

                      Ich habe dort HTML eingebunden (Aus einen State).
                      Es wird alles übernommen, bis auf die Farbigkeit.

                      Hier musste ja eigentlich Text in verschiedenen Farben kommen:

                      <span style="font-weight: bold; color: red"><span class="icalWarn iCal-Abfallkalender">Heute  </span></span><span style="font-weight:normal;color:red"><span class="icalWarn2 iCal-Abfallkalender2"> Restmüll: Vormwald</span></span><br/><span style="font-weight: bold; color: yellow"><span class="icalPrePreWarn iCal-Abfallkalender">Übermorgen  </span></span><span style="font-weight: normal; color: yellow"><span class='icalPrePreWarn2 iCal-Abfallkalender2'> Gelber Sack: Vormwald</span></span><br/><span style="font-weight: bold; color: red"><span class="icalNormal iCal-Abfallkalender">In 3 Tagen  </span></span><span style="font-weight: normal; color:red"><span class='icalNormal2 iCal-Abfallkalender2'> Papier: Vormwald</span></span><br/><span style="font-weight: bold; color: red"><span class="icalNormal iCal-Abfallkalender">In einer Woche  </span></span><span style="font-weight: normal; color:red"><span class='icalNormal2 iCal-Abfallkalender2'> Astschnitt: Vormwald</span></span><br/><span style="font-weight: bold; color: red"><span class="icalNormal iCal-Abfallkalender">28.10.2020  </span></span><span style="font-weight: normal; color:red"><span class='icalNormal2 iCal-Abfallkalender2'> Biomüll: Vormwald</span></span>
                      

                      Unbenannt.JPG

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

                        @David-G Im Markdown kann man mit Farben arbeiten.

                        Das nutze ich auch im Markdown für den Kalender über ICAL

                        [Vorlage] Lovelace: ical Kalender Karte - ioBroker Forum

                        Das funktioniert über simple HTML-Tags im Markdown:

                        <font color="#fffff">Text</font>
                        
                        B David G. 2 Replies Last reply Reply Quote 0
                        • B
                          Banis @Tirador last edited by

                          Hallo zusammen,
                          ich versuche mich derzeit an der stack-in-card und das funktioniert soweit auch ganz gut. Leider stelle ich aber folgende Verhaltensweise fest:
                          Wenn ich eine Button-Card mit einer Hintergrundfarbe in einer Strack in Card integriere dann ist der HIntergrund beim öffnen der Seite im Browser einen kurzen Moment so wie gewünscht, danach wird der Hintergrund dann aber gleich weiß und nach einiger Teit dann endlich so wie er sein sollte.

                          Das Verhalten tritt aber nur auf wenn ich den Hintergrund der ganzen "Card" anpasse, wenn nur der Icon-Hintergrund angepasst wird gibt es keine Probleme. Es gibt auch keine Probleme wenn ich das ganze mit einer horizontal-stack Card abbilde, nur in der beschriebenen Konstelation.

                          Hat jemand eine Idee woran das liegen könnte bzw wie ich das Problem beheben kann?

                          ca8efab4-fa6e-4947-ad70-4784adfa99fe-grafik.png

                          bd62a63c-42a8-44b2-8752-cd8faa367bb1-grafik.png

                          type: 'custom:stack-in-card'
                          mode: horizontal
                          cards:
                            - type: 'custom:button-card'
                              entity: sensor.Temperatur_Bad
                              name: Bad
                              icon: 'mdi:shower'
                              layout: vertical
                              show_state: false
                              show_name: true
                              show_last_changed: false
                              show_entity_picture: false
                              show_icon: true
                              state:
                                - value: '20'
                                  operator: <
                                  styles:
                                    icon:
                                      - color: blue
                                      - width: 55%
                                - value: '20'
                                  operator: '>='
                                  styles:
                                    icon:
                                      - color: black
                                      - width: 55%
                                    card:
                                      - background: '#CCCCCC'
                                    name:
                                      - color: black
                                - value: '22'
                                  operator: '>='
                                  styles:
                                    icon:
                                      - color: firebrick
                                      - width: 55%
                              styles:
                                label:
                                  - font-size: small
                                  - font-style: italic
                                  - color: '#a1a1a1'
                            - type: 'custom:button-card'
                              entity: sensor.Temperatur_Bad
                              name: Bad
                              icon: 'mdi:thermometer'
                              layout: vertical
                              show_state: true
                              show_name: false
                              show_last_changed: false
                              show_entity_picture: false
                              show_icon: true
                              state:
                                - value: '20'
                                  operator: <
                                  styles:
                                    icon:
                                      - color: blue
                                      - width: 35%
                                - value: '20'
                                  operator: '>='
                                  styles:
                                    icon:
                                      - color: '#a1a1a1'
                                      - width: 35%
                                - value: '22'
                                  operator: '>='
                                  styles:
                                    icon:
                                      - color: firebrick
                                      - width: 25%
                              styles:
                                label:
                                  - font-size: small
                                  - font-style: italic
                                  - color: '#a1a1a1'
                            - type: 'custom:button-card'
                              entity: sensor.Luftfeuchtigkeit_Bad
                              name: Bad
                              icon: 'mdi:water-percent'
                              layout: vertical
                              show_state: true
                              show_name: false
                              show_last_changed: false
                              show_entity_picture: false
                              show_icon: true
                              state:
                                - value: '20'
                                  operator: <
                                  styles:
                                    icon:
                                      - color: blue
                                      - width: 35%
                                - value: '20'
                                  operator: '>='
                                  styles:
                                    icon:
                                      - color: '#a1a1a1'
                                      - width: 35%
                                - value: '22'
                                  operator: '>='
                                  styles:
                                    icon:
                                      - color: firebrick
                                      - width: 35%
                              styles:
                                label:
                                  - font-size: small
                                  - font-style: italic
                                  - color: '#a1a1a1'
                            - type: 'custom:button-card'
                              entity: sensor.Temperatur_Bad
                              name: Bad
                              icon: 'mdi:window-closed-variant'
                              layout: vertical
                              show_state: false
                              show_name: false
                              show_last_changed: true
                              show_entity_picture: false
                              show_icon: true
                              state:
                                - value: '20'
                                  operator: <
                                  styles:
                                    icon:
                                      - color: blue
                                      - width: 35%
                                - value: '20'
                                  operator: '>='
                                  styles:
                                    icon:
                                      - color: '#a1a1a1'
                                      - width: 35%
                                - value: '22'
                                  operator: '>='
                                  styles:
                                    icon:
                                      - color: firebrick
                                      - width: 35%
                              styles:
                                label:
                                  - font-size: small
                                  - font-style: italic
                                  - color: '#a1a1a1'
                            - type: 'custom:button-card'
                              entity: sensor.Temperatur_Bad
                              name: Bad
                              icon: 'mdi:lightbulb'
                              layout: vertical
                              show_state: false
                              show_name: false
                              show_last_changed: true
                              show_entity_picture: false
                              show_icon: true
                              state:
                                - value: '20'
                                  operator: <
                                  styles:
                                    icon:
                                      - color: blue
                                      - width: 35%
                                - value: '20'
                                  operator: '>='
                                  styles:
                                    icon:
                                      - color: '#a1a1a1'
                                      - width: 35%
                                - value: '22'
                                  operator: '>='
                                  styles:
                                    icon:
                                      - color: firebrick
                                      - width: 25%
                              styles:
                                label:
                                  - font-size: small
                                  - font-style: italic
                                  - color: '#a1a1a1'
                          
                          
                          Garfonso 1 Reply Last reply Reply Quote 0
                          • David G.
                            David G. @Tirador last edited by

                            @Tirador

                            Hm, dann ist der Code wohl was zu "komplex" für das Markdown, den der ical-Adapter ausgibt.

                            Dann schaue ich mal, ob ich mit Blockly den Code im Nachhinein was angepasst bekomme.

                            1 Reply Last reply Reply Quote 0
                            • B
                              BBlaBlu last edited by

                              Hi zusammen,
                              ich bin Neuling was iobroker angeht, daher verzeiht mir bitte die potentiell dummen Fragen.
                              Grundsätzlich habe ich alles wichtige zum Laufen gebracht und finde lovelace als Visualisierung bisher am besten (vielen Dank dafür!), leider habe ich damit ein paar Probleme die ich nicht lösen konnte:

                              1. Wie kann ich custom cards verwenden? Ich habe diverse custom cards probiert, auch welche aus Beispielen die definitiv funktionieren sollten, und gemäß Doku über Admin bzw. manuell zum /cards Ordner hinzugefügt (alle in Admin sichtbar). Allerdings sehe ich keine einzige dieser custom cards im Editor, dort kann ich nur die Standardkarten auswählen. Was mache ich falsch?
                              2. Meine Hue Lampen und die Wettervorhersage per daswetter funktionieren einwandfrei. Leider bekomme ich meine Netatmo Geräte nicht als Entitiy in lovelace angezeigt. Die Geräte haben die Funktion "weather" und sind Räumen hinzugefügt, genauso wie daswetter...
                              3. Ich habe ein dark theme konfiguriert und das klappt auch soweit, nur kann ich die Farbe des Headers nicht ändern. Gibt es dafür einen Trick?

                              Freue mich über jede Hilfe!

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

                                @BBlaBlu

                                Hallo,

                                das sind keine dummen Fragen. Mit den Sachen habe ich anfangs auch was gekämpft.

                                Zu 1

                                Custom Cards kann man nicht wie normale Karten einfügen. Sie besitzen keinen visuellen Editor.
                                Du musst über eine andere Karte gehen und diese überschreiben oder die Karte "Manuell" nehmen.

                                Zu 2

                                Da kann ich dir auch leider nicht helfen.

                                Zu 3

                                Da gibt es im Theme eine Zeile für.
                                Weiß grad auch nicht auswendig welche.
                                Ich hatte bei allem was sich danach anhört getestet.
                                Morgen kann ich mal nachschauen, heute schaffe ich es nicht.
                                EDIT:
                                Oft hilft es, auch in den Foren von Home Assistent zu suchen.
                                Dort hab ich eine Antwort gefunden.
                                Klick

                                P. S.
                                Bin am Handy unterwegs, da klappt das ordentliche zitieren nicht so gut ^^.

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

                                  @Banis
                                  bei sowas am besten auch mal bei HomeAssistant suchen / googeln. Das ist kein ioBroker spezifisches Problem... keine Ahnung, was da schief geht. 😉 Vielleicht auch mal in den issues / readmes von den beiden custom-cards gucken.

                                  @BBlaBlu said in Test Adapter lovelace v1.2.x:

                                  Leider bekomme ich meine Netatmo Geräte nicht als Entitiy in lovelace angezeigt. Die Geräte haben die Funktion "weather" und sind Räumen hinzugefügt, genauso wie daswetter...

                                  Raum und Funktion sind das eine. Das andere ist der Geräte-Typ, der erkannt wird, oder auch nicht. Kennst du die Geräte-Ansicht im Admin? (ggf. muss der devices Adapter installiert werden). Guck doch da mal, ob die Netatmo Geräte auftauchen.
                                  Vermutlich sind das hauptsächlich Thermometer? Oder Thermostate? -> jedenfalls keine Wettervorhersage, wie daswetter, oder? 😉

                                  B 1 Reply Last reply Reply Quote 0
                                  • B
                                    BBlaBlu last edited by BBlaBlu

                                    Hi @David-G & @Garfonso,

                                    danke für die Antworten!

                                    (1) ist damit geklärt, danke @David-G!

                                    Das Issue mit der netatmo (2) habe ich inzwischen lösen können indem ich die relevanten Datenpunkte manuell für lovelace aktiviert habe. In lovelace sind sie dann als Sensoren verfügbar.

                                    //edit
                                    Zur Farbe des Headers (3): Den Wert für --primary-color: hatte ich im Theme gesetzt, nur habe ich das Standardtheme nicht umgestellt. Offentsichtlich wird die Headerfarbe vom Standardtheme übernommen 🤦‍♂️

                                    Danke.

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

                                      Hey,

                                      ich probiere mir grade einen eigenen Mediaplayer zusammenzustellen.
                                      Habe mir alle Datenpunkte erstellt die ich benötige.

                                      Werden nachher mit einem Script befüllt.

                                      Leider erkennt der Autodetector den Player nicht.

                                      Gibt es noch bestimmte Rollen die vorkommen müssen die mir fehlen?
                                      Oder habe ich einen anderen Denkfehler?

                                      mediaplayer.JPG

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

                                        @David-G
                                        Ein MediaPlayer braucht zwingend einen State mit Rolle media.state. Das kann ein Bool oder eine Nummer sein. Bei Bool wird "true" als "spielt gerade was ab" und "false" als "stopp/pause" interpretiert. Bei Number kann man auch drei Werte haben (lovelace geht dann aus von 1 = play, 0 = pause, 2 = stop).

                                        Wenn der state schreibbar ist (write: true), dann versucht Lovelace darüber auch die States zu ändern, dann bräuchtest du dafür die buttons nicht einzeln (wenn die Buttons aber da sind und vom type-detector mit dazu erkannt werden, dann werden die bevorzugt genutzt).

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

                                          @Garfonso

                                          Danke.

                                          Hab in state jetzt hinzugefügt.
                                          Wird aber noch immer nicht gefunden.

                                          mediaplayer.JPG

                                          So habe ich den State auch getestet:
                                          mediaplayer.JPG

                                          P.S.:
                                          Schande über mein Haupt, habe ich eben aus versehen beim Chromecastadapter bei meinen Google Home aus versehen den State gelöscht (Ist nur noch eine Leiche und nicht in Benutzung^^). Den findet er immer noch.

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

                                            @David-G
                                            Da bin ich gerade etwas überfragt... Das ist die Zeile, mit der der media player erkannt wird. Da steht, dass zwingend erforderlich ein Datenpunkt ist mit Rolle media.state. Taucht der Mediaplayer denn im Geräte-Tab im Admin auf?

                                            David G. 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            975
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            lovelace visualization
                                            78
                                            1514
                                            413585
                                            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