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

    • 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 v0.2.x

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

      Ich bastel mit grade eine Karte für den Bose Soundtouch.

      Bin fast fertig. Allerdings bekomme ich 3 Dinge nicht hin.

      1. Ist es in einer "picture-elements" Karte möglich Elemente an deren äußeren Kante auszurichten? Wenn ich % oder px eingebe, orientiert sich dieser Wert an der Mitte des einzubindenden Bildes oder Textes. Ich binde Text ein, dieser ist immer unterschiedlich lang. Da ich diesen rechtsbündig haben möchte, müsste ich es hinbekommen, dass sich die Positionierung auf den äußeren Rand und nicht auf die Mitte bezieht.

      2. Ist es möglich bei der "image" Karte ein Bild aus einer URL aus einem Datenpunkt einzubinden? Der Bose-Adapter gibt einen Datenpunkt mit einer URL zum Senderlogo aus.

      3. Kann ich bei der "entities" Karte das Bild am Anfang der Zeile entfernen, dass ich nur noch den Slider habe??

      Anbei mal mein bisheriger Stand. Das Senderlogo ist direkt eingebunden und wechselt sich noch nicht.
      In die obere Reihe sind die Tasten für die Senderpresets. Unten für dein Eingang und EIN/AUS.

      radio.JPG

      EDIT:

      Zu Punkt 3 habe ich glaube eine Lösung gefunden. Muss ich morgen mal testen. Die "slider-entity-row" könnte da helfen.

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

        @David-G said in Test Adapter lovelace v0.2.x:

        Grundsätzliche Frage dazu: kannst du das nicht in ein media-player device umbiegen? Dafür gäbe es dann vorgefertigte entities (und die mini-mediaplayer Karte kann da auch noch relativ viel dazu).

        Ist es in einer "picture-elements" Karte möglich Elemente an deren äußeren Kante auszurichten? Wenn ich % oder px eingebe, orientiert sich dieser Wert an der Mitte des einzubindenden Bildes oder Textes. Ich binde Text ein, dieser ist immer unterschiedlich lang. Da ich diesen rechtsbündig haben möchte, müsste ich es hinbekommen, dass sich die Positionierung auf den äußeren Rand und nicht auf die Mitte bezieht.

        Müsste das nicht mit text-align: right gehen (oder so -> such mal css dafür, am besten im Browser mit Developer Tools solange am CSS rumfummeln, bis es dir gefällt. Zumindest mache ich das gerne so :-)). Ansonsten ist das total kompliziert, kommt drauf an, worauf display steht und was noch... es gibt noch "vw" was irgendwie view port width ist, kann sein, dass das tut, was du gerne hättest, nutzt man auch mit % davor, also 100vw für ganze breite, 50vw für halbe usw..

        @David-G said in Test Adapter lovelace v0.2.x:

        Ist es möglich bei der "image" Karte ein Bild aus einer URL aus einem Datenpunkt einzubinden? Der Bose-Adapter gibt einen Datenpunkt mit einer URL zum Senderlogo aus.

        Dafür wären bindings total gut... ich habe jetzt endlich mal begriffen wie die gehen -> geht nur in der Markdown card. Damit geht es dann so z.B.:

        type: markdown
        content: '![Image]({accuweather.0.Daily.Day1.Day.IconURL})'
        

        Vielleicht hilft dir das ja irgendwie weiter... ansonsten gucke ich mal, ob es möglich ist die bindings auch an anderen stellen zu supporten (vermute aber bei einem ersten Blick, dass eher nicht bzw mit viel Aufwand). Eine andere Möglichkeit könnte ein camera-entity sein...

        type: picture-entity
        entity: camera.test-image
        aspect_ratio: 50%
        camera_image: camera.test-image
        show_state: false
        show_name: false
        

        Zu Punkt 3: Ja, das geht mit slider-entity-row und dann einstellen, dass er über die ganze Zeile gehen soll.

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

          @nowi03
          Dazu fragen...

          1. "das ging immer nur manuell / seit Version 1.1.0" -> was nun? Immer nur manuell oder soll das schonmal automatisch gegangen sein? Bei role "value" glaube ich das irgendwie nicht so richtig... Warum ist die role auf value? Das hört sich ziemlich verbogen an (ggf. mit knx 1.0.40 oder sowas importiert? Versuch mal ein Import mit knx Version 1.0.20).
          2. Du erstellst manuell ein light entity. Auf ein/aus oder dimmer? Ist der Type "boolean" oder "number"?

          //Edit: kann es aktuell bei mir nicht nachvollziehen, auch mit manuellem entity und knx nicht.

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

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

            @Garfonso Welche Icons aufgerufen werden, kann ich so nicht sagen. Denn das Icon oben stimmt ja und wird angezeigt. Aber ich schaue Mal, ob ich irgend etwas heraus bekommen kann. Und ich habe unter den Objekten nur den Raum und die Funktion bei "Summary" gesetzt.

            Hm.. wenn ich das mache, wird bei mir aber kein "Wettervorhersage" Gerät erkannt (und damit kein weather entity erstellt)... nutzt du den gehackten type-detector und kriegst ein accuweather Gerät?

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

              @Garfonso Ja, den nutze ich. Hab ich ganz vergessen. Ist schon was her, als ich Accuweather installiert habe.

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

                • löschen....
                C 1 Reply Last reply Reply Quote 0
                • C
                  Cumulus @Cumulus last edited by

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

                  @Garfonso

                  Vielen Dank noch mal mit dem Tip für den Devices-Adapter. Den kannte ich noch gar nicht - war zu neu für meine alte Installation. 🙂
                  MQTT-Schalten der Shellys funktioniert wunderbar damit.

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

                    @Garfonso

                    Danke für die Tipps.
                    Das Bild ist jetzt eingebunden und klappt auch.
                    Finde es schön "eigene" Sachen zu basteln, von daher lasse ich die Finger mal von der mini-mediaplayer Karte.

                    In den "Picture-Elements" ist man leider ziemlich beschränkt finde ich. Man müsste mehr verschiedene Karten einbauen können^^.

                    Finde meine Variante jetzt ganz gut. Hätte nur gerne das Bild was kleiner und mehr Platz für den Text daneben. Bekomme ich aber mit keiner customcard geregelt.

                    Bin aber happy so.

                    Screenshot_20200630-094136_Chrome.jpg

                    type: 'custom:stack-in-card'
                    mode: vertical
                    keep:
                      box_shadow: false
                      margin: false
                      border_radius: true
                      outer_padding: true
                    cards:
                      - type: vertical-stack
                        cards:
                          - type: picture-elements
                            image: /cards/bg_tr_bose_klein.png
                            elements:
                              - type: image
                                image: /cards/1.png
                                entity: switch.Bose_1_Preset_1
                                tap_action:
                                  action: toggle
                                hold_action:
                                  action: none
                                style:
                                  top: 50%
                                  left: 10%
                                  width: 8%
                              - type: image
                                image: /cards/2.png
                                entity: switch.Bose_1_Preset_2
                                tap_action:
                                  action: toggle
                                hold_action:
                                  action: none
                                style:
                                  top: 50%
                                  left: 26%
                                  width: 8%
                              - type: image
                                image: /cards/3.png
                                entity: switch.Bose_1_Preset_3
                                tap_action:
                                  action: toggle
                                hold_action:
                                  action: none
                                style:
                                  top: 50%
                                  left: 42%
                                  width: 8%
                              - type: image
                                image: /cards/4.png
                                entity: switch.Bose_1_Preset_4
                                tap_action:
                                  action: toggle
                                hold_action:
                                  action: none
                                style:
                                  top: 50%
                                  left: 58%
                                  width: 8%
                              - type: image
                                image: /cards/5.png
                                entity: switch.Bose_1_Preset_5
                                tap_action:
                                  action: toggle
                                hold_action:
                                  action: none
                                style:
                                  top: 50%
                                  left: 74%
                                  width: 8%
                              - type: image
                                image: /cards/6.png
                                entity: switch.Bose_1_Preset_6
                                tap_action:
                                  action: toggle
                                hold_action:
                                  action: none
                                style:
                                  top: 50%
                                  left: 90%
                                  width: 8%
                      - type: horizontal-stack
                        cards:
                          - type: picture-entity
                            entity: camera.Soundlink_1_Cover
                            camera_image: camera.Soundlink_1_Cover
                            show_state: false
                            show_name: false
                            aspect_ratio: 100%
                          - type: picture-elements
                            image: /cards/bg_1px_tr.png
                            elements:
                              - style:
                                  top: 40%
                                  left: 50%
                                type: state-label
                                entity: input_text.Bose_1_Sender
                              - style:
                                  top: 50%
                                  left: 50%
                                type: state-label
                                entity: input_text.Bose_1_Titel
                              - style:
                                  top: 20%
                                  left: 50%
                                type: state-label
                                entity: input_text.Bose_1_Source
                      - type: vertical-stack
                        cards:
                          - type: entities
                            entities:
                              - type: 'custom:slider-entity-row'
                                entity: input_number.Bose_1_Volume
                                full_row: true
                            show_header_toggle: null
                      - type: vertical-stack
                        cards:
                          - type: picture-elements
                            image: /cards/bg_tr_bose_klein.png
                            elements:
                              - type: image
                                image: /cards/power.png
                                entity: switch.Bose_1_an_aus
                                state_filter:
                                  'on': brightness(100%) saturate
                                  'off': brightness(100%) saturate(0.0)
                                tap_action:
                                  action: toggle
                                hold_action:
                                  action: none
                                style:
                                  top: 17px
                                  left: 10%
                                  width: 7%
                              - type: image
                                image: /cards/usb.png
                                entity: switch.Bose_1_Source
                                state_filter:
                                  'on': brightness(100%) saturate
                                  'off': brightness(100%) saturate(0.0)
                                tap_action:
                                  action: toggle
                                hold_action:
                                  action: none
                                style:
                                  top: 15px
                                  left: 90%
                                  width: 7%
                    
                    
                    Garfonso 1 Reply Last reply Reply Quote 0
                    • Fogg
                      Fogg last edited by

                      Noch ne Frage, ich habe ein Datenpunkt aktiviert der eine Auswahlliste hat. Funktioniert fast perfekt 🙂 Wenn lovelace geladen wird, dann wird der interne Wert ('2') angezeigt. Klicke ich darauf kommt die richtige Auswahl und nach Selektion wird auf der richtige Wert ('Stufe 2') übernommen. Kann man das noch anpassen?
                      Bildschirmfoto 2020-06-30 um 15.02.45.png

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

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

                        @nowi03
                        Dazu fragen...

                        1. "das ging immer nur manuell / seit Version 1.1.0" -> was nun? Immer nur manuell oder soll das schonmal automatisch gegangen sein? Bei role "value" glaube ich das irgendwie nicht so richtig... Warum ist die role auf value? Das hört sich ziemlich verbogen an (ggf. mit knx 1.0.40 oder sowas importiert? Versuch mal ein Import mit knx Version 1.0.20).

                        Sorry wenn ich mich hier nicht verständlich ausgedrückt habe.
                        Also, alle Objekte des KNX Adapter gingen in ALLEN Versionen leider IMMER nur manuell hinzuzufügen.

                        Die Role steht bei der "schalt-GA" nach dem Import Automatisch immer auf "value".
                        Habe jetzt auch mal ein Import mit der Version 1.0.20 versucht und auch da wurden die GAs mit 1 Bit Datentyp 1.001 Schalten als value importiert.
                        dc55aa57-fa4f-4c5e-8b1c-747437ada7f5-image.png

                        845b51eb-6e76-41fd-8fb3-bbd168c34812-image.png

                        1. Du erstellst manuell ein light entity. Auf ein/aus oder dimmer? Ist der Type "boolean" oder "number"?

                        //Edit: kann es aktuell bei mir nicht nachvollziehen, auch mit manuellem entity und knx nicht.

                        Ich aktiviere das das Schalt-Objekt von dem KNX Adapter als "Licht".
                        So:
                        c53dadfa-832b-4456-b886-ca8bfd9c81bc-image.png

                        1 Reply Last reply Reply Quote 0
                        • K
                          katalog last edited by

                          Hallo, bin neu hier. Spiele mich nun seit geraumer Zeit mit dem Adapter und mir gefällt sowohl das UI als auch das Handling ausgesprochen gut. Ich stehe allerdings vor dem Problem, dass ich meine Thermostate nicht regeln kann: es werden sowohl Raum- (ACTUAL) als auch Zieltemperatur (SET) korrekt interpretiert und übernommen, allerdings zeigt mir kein Widget einen Regler an. Habe auch schon mittels Devices aliases angelegt - auch damit war ich nicht erfolgreich. Irgendjemand eine Idee woran das liegen könnte? Schon mal Danke im Voraus...

                          bf4f3696-f47f-48a8-89fb-4a7d638b615f-image.png

                          David G. 1 Reply Last reply Reply Quote 0
                          • C
                            cr4y-z1 last edited by

                            Guten Morgen zusammen, bin ebenfalls neu hier und arbeite mich auch fleißig in das Thema Lovelace ein. Dazu habe ich jetzt gerade auf anhieb zwei Fragen / Probleme:

                            1. Ich habe auf einem View mehrere Sensor Abfragen (2 x Temperatur und 2 x Luftfeuchtigkeit inkl. Graph = Linie). Jetzt ist es so, dass der Graph in allen 4 Sensoren eine Identische Kurve zeigt (was nicht sein kann). Wenn ich dann einen Graphen anklicke, bekomme ich im Pop-Up die richtige Kurve angezeigt. Gibt es hier eine Lösung?

                            2. Wie bekomme ich es dazu, die custom-html-card anzustuern? Im Adapter habe ich die .js Datei hinterlegt. Jetzt würde ich gerne die custom-html-card dazu verwenden, einen Wert eines Objektes abzufragen. Welche Parameter muss ich der Card mitgeben?

                            Besten Dank und einen schönen Tag.

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

                              @katalog

                              So sieht es bei mir aus.
                              Evtl. hilf es weiter
                              Unbenannt.JPG .

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

                                @David-G
                                Danke für die Antwort. Habe allerdings vor kurzem das Problem gefunden: um mittels eines Thermostats die Temperatur eines Objekt setzen zu können, benötigt die SET Temperatur einen max. und min. Wert:

                                5456c10f-05fa-4d7e-8cb5-3d6b2b326c53-image.png

                                Nun ist es mir zumindest möglich das Standardthermostat zu verwenden. Allerdings funktioniert das simple thermostat noch immer nicht....

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

                                  @katalog

                                  Würde es auch mal testen, finde aber die .js irgendwie nicht auf git .....

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

                                    @David-G https://github.com/nervetattoo/simple-thermostat/releases/tag/0.36.0

                                    1 Reply Last reply Reply Quote 0
                                    • Domi1893
                                      Domi1893 last edited by

                                      Hi Zusammen,

                                      ich habe mal wieder eine Frage, auf die ich keine Antwort gefunden habe. Ich möchte gerne einen Slider in Lovelace mit den States on/off, statt true/false realisieren. Geht das irgendwie?

                                      Grüße,

                                      Domi

                                      1 Reply Last reply Reply Quote 0
                                      • C
                                        cr4y-z1 last edited by

                                        Guten Morgen zusammen,

                                        wie realisiere ich folgende Button-Art, siehe "ACTIVATE" auf nachfolgendem Screenshot?

                                        alt text

                                        Und wie definiere ich dabei den Wert, der in das IoB Objekt geschrieben werden soll?

                                        Vielen Dank!

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

                                          @David-G said in Test Adapter lovelace v0.2.x:

                                          @Garfonso

                                          Danke für die Tipps.
                                          Das Bild ist jetzt eingebunden und klappt auch.
                                          Finde es schön "eigene" Sachen zu basteln, von daher lasse ich die Finger mal von der mini-mediaplayer Karte.

                                          Wenn du Spaß an sowas hast, kannst du ja gucken, ob du selber eine Karte erstellst. 🙂

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

                                          Noch ne Frage, ich habe ein Datenpunkt aktiviert der eine Auswahlliste hat. Funktioniert fast perfekt 🙂 Wenn lovelace geladen wird, dann wird der interne Wert ('2') angezeigt.

                                          Ja, stimmt, da wird beim initialen get nicht alles gemacht... hm... ich gucke mal, ob ich da nicht ein paar Code-Duplikate eleminieren kann.

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

                                          Ich aktiviere das das Schalt-Objekt von dem KNX Adapter als "Licht".
                                          So:
                                          c53dadfa-832b-4456-b886-ca8bfd9c81bc-image.png

                                          Ok. Ist der Typ des Objekts (in ioBroker) number oder boolean (bzw. "Zahl" / "Wahrheitswert" oder so? -> Schraubenschlüssel vom Objekt. Wenn du da bist, kannst du auch direkt mal gucken, ob man den überhaupt schreiben darf, da klingt "value" nicht nach -> geht schalten in Admin?).

                                          @cr4y-z1 said in Test Adapter lovelace v0.2.x:

                                          1. Ich habe auf einem View mehrere Sensor Abfragen (2 x Temperatur und 2 x Luftfeuchtigkeit inkl. Graph = Linie). Jetzt ist es so, dass der Graph in allen 4 Sensoren eine Identische Kurve zeigt (was nicht sein kann). Wenn ich dann einen Graphen anklicke, bekomme ich im Pop-Up die richtige Kurve angezeigt. Gibt es hier eine Lösung?

                                          Mit der aktuellsten Version (von git)?
                                          Was für entities? Sensor? Manuell erstellt? (Temperatur und Luftfeuchtigkeit geht auch automatisch, würde ich empfehlen, dann ist auch die device_class richtig eingestellt).
                                          Bei mir geht es.

                                          1. Wie bekomme ich es dazu, die custom-html-card anzustuern? Im Adapter habe ich die .js Datei hinterlegt. Jetzt würde ich gerne die custom-html-card dazu verwenden, einen Wert eines Objektes abzufragen. Welche Parameter muss ich der Card mitgeben?

                                          Das muss in der readme (normalerweise github?) der custom-card stehen?

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

                                          Allerdings funktioniert das simple thermostat noch immer nicht...

                                          Was heißt "funktioniert nicht"?
                                          Es kann sein, dass der ein Power-State braucht... da gibt es aktuell keinen Fallback (im Adapter, keine Ahnung, was Lovelace / Hass hier in dem Fall erwartet).

                                          @cr4y-z1 said in Test Adapter lovelace v0.2.x:

                                          wie realisiere ich folgende Button-Art, siehe "ACTIVATE" auf nachfolgendem Screenshot?

                                          Was ist das denn? Wo kommt das her? grübel Könnten Skripte sein... das wird aber in ioBroker eher ein on/off Zustand werden.

                                          K N David G. 3 Replies Last reply Reply Quote 0
                                          • K
                                            katalog @Garfonso last edited by

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

                                            Was heißt "funktioniert nicht"?
                                            Es kann sein, dass der ein Power-State braucht... da gibt es aktuell keinen Fallback (im Adapter, keine Ahnung, was Lovelace / Hass hier in dem Fall erwartet).

                                            Mit "funktioniert nicht" meinte ich, dass mir keine Steuerung zur Verfügung steht (im Gegensatz zum built-in Thermostat):

                                            fb14432d-b067-4d65-bce4-514802fcaa07-image.png

                                            Danke für deinen Tip, allerdings hat mir die Erstellung zweier switches (Boost, Power) leider auch nicht ermöglich, dass ich beim Simple Thermostat steuern kann...

                                            Zusätzlich habe ich noch eine weiter Frage: (wie) ist es möglich, dass man den style von custom cards ändert? Mittels card-mod.js sollte es folgendermaßen möglich sein (am Beispiel der entities):

                                            type: entities
                                            style: |
                                              ha-card {
                                                color: red;
                                              }
                                            

                                            Leider tut sich da dann aber gar nichts. Der Code scheint einfach ignoriert zu werden - zumindest bekomme ich keine Fehlermeldung.
                                            Der beschriebene Workaround (https://github.com/thomasloven/lovelace-card-mod#mod-card) mit

                                            type: custom:mod-card
                                            

                                            funktioniert leider auch nicht. Da bekomme ich dann den Fehler, dass die custom card nicht verfügbar wäre, obwohl ich sie konfiguriert habe...

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            681
                                            Online

                                            31.7k
                                            Users

                                            79.9k
                                            Topics

                                            1.3m
                                            Posts

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