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

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Test Adapter lovelace v1.2.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • 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
                              • David G.
                                David G. @Garfonso last edited by

                                @Garfonso

                                Zumindest die eine Zeile erscheint. Keine Ahnung, ob die anderen States auch da sein müssten.

                                Screenshot_20201026-070626_Chrome.jpg

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

                                  @David-G
                                  Ok, das sieht eigentlich gut aus... hm. States kannst du mit einem der Knöpfe in der Zeile gucken (ich meine der Stift).
                                  Gibt es gar keine entity media_player in den Instanzeinstellungen von Lovelace? Ich sehe im Code nicht, wo das noch schief gehen kann, wenn es da auftaucht (außer Raum & Funktion fehlt, aber die hast du. Ggf. noch prüfen könntest du, ob "Automatische Generierung von Geräten nur aus Alias.0.*" aktiviert ist, das müsste dann aus)

                                  David G. 2 Replies Last reply Reply Quote 0
                                  • B
                                    Banis @Garfonso last edited by

                                    @Garfonso Danke für den Hinweis, hab den Fehler jetzt gefunden: Für alle die das gleiche Problem wie ich haben: es genügt mit der --keep-background option lässt sich das Problem beheben

                                    In der zwischenzeit bin ich auf zwei weitere Herausforderungen gestoßen:
                                    1.) In der Button-Card wird mir der Wert wenn er "0" ist nicht angezeigt sondern bleibt leer. Hat jemand eine Idee wie ich das beheben kann? Beim HomeAssistant hab ich hierzu nichts gefunden.

                                    2.) Ich würde bei der ButtonCard gerne auch die Möglichkeit von Templates nutzen. Dazu muss man das Template in der Datei ui-lovelace.yaml definieren. Diese Datei gibt es aber bei ioBroker wohl nicht. Weiß jemand wo ich die Templates definieren kann oder ist dies mit ioBroker nicht möglich?

                                    Garfonso 1 Reply Last reply Reply Quote 0
                                    • J
                                      janhp last edited by

                                      @Garfonso Gibt es aktuell eine Möglichkeit einen Xiaomi Staubsaugerroboter von ioBroker in Lovelace einzubinden? Ich kann den Gerätetyp vacuum nicht finden.

                                      Danke dir!

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

                                        @Garfonso

                                        Hey,

                                        unter dem Stift sieht der State so aus

                                        {
                                          "from": "system.adapter.admin.0",
                                          "user": "system.user.admin",
                                          "ts": 1603633910283,
                                          "common": {
                                            "name": "state",
                                            "role": "media.state",
                                            "type": "boolean",
                                            "desc": "Manually created",
                                            "read": true,
                                            "write": true,
                                            "def": false
                                          },
                                          "native": {},
                                          "acl": {
                                            "object": 1636,
                                            "owner": "system.user.admin",
                                            "ownerGroup": "system.group.administrator",
                                            "state": 1636
                                          },
                                          "_id": "0_userdata.0.Bose_Soundtouch_Mediaplayer.player.state",
                                          "type": "state"
                                        }
                                        

                                        Was ich komisch finde, dass hier obwohl ich versehentlich den media.state gelöscht habe, alles noch erkannt wird

                                        Screenshot_20201027-215315_Chrome.jpg

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

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

                                          1.) In der Button-Card wird mir der Wert wenn er "0" ist nicht angezeigt sondern bleibt leer. Hat jemand eine Idee wie ich das beheben kann? Beim HomeAssistant hab ich hierzu nichts gefunden.

                                          Hm. Da hast du sensor entities drinnen? In einer anderen Karte (Entiy oder Elemente) kommt der Wert aber?

                                          2.) Ich würde bei der ButtonCard gerne auch die Möglichkeit von Templates nutzen. Dazu muss man das Template in der Datei ui-lovelace.yaml definieren. Diese Datei gibt es aber bei ioBroker wohl nicht. Weiß jemand wo ich die Templates definieren kann oder ist dies mit ioBroker nicht möglich?

                                          Was ist mit templates genau gemeint? Zum einen könntest du gucken, ob es hilft, wenn du es in den Instanz-Optionen in das Feld tust, wo man auch das Template für das grundsätzliche Aussehen tut, mit dazu schreibst.
                                          Oder du guckst mal, was passiert, wenn du es in der Raw-Konfiguration hinzufügst (Im Bearbeitungsmodus von Lovelace nochmal ins Menü gehen).

                                          Kann aber gut sein, dass es aktuell in ioBroker nicht geht.

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

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

                                            @Garfonso Gibt es aktuell eine Möglichkeit einen Xiaomi Staubsaugerroboter von ioBroker in Lovelace einzubinden? Ich kann den Gerätetyp vacuum nicht finden.

                                            Danke dir!

                                            Staubsauger-Gerätetyp kann der Adapter noch nicht. Das steht auf meiner Liste (leider schon länger).
                                            Darf ich fragen, ob der Staubsauger im Geräte-Tab als solcher erkannt wird?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            646
                                            Online

                                            31.7k
                                            Users

                                            79.9k
                                            Topics

                                            1.3m
                                            Posts

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