Test Adapter lovelace v1.2.x

[David G.]

@nukleuz

Kannst ja auch mal schauen wie ich es gemacht habe.
In meiner Signatur ist ein Link wo unter anderem ich meine Visu zeige.

Habe es mir so ähnlich selber gebastelt.
Hatte es erst auf dem selben Weg wie du probiert.

[nukleuz]

@david-g

Coole Sache!

Kannst du mir sagen, wo die Bilder (in welcher Ordnerstruktur) abgelegt sind - also /cards/Bildname.png?

Und wie hast du es hinbekommen, dass zwischen den Cards (simple-thermostate und picture-elements) kein sichtbarer Übergang besteht? Bestimmt mit CSS, aber mit welchen Befehlen...?

Danke vorab für deine Infos.

[David G.]

@nukleuz

Die Bilder kannst du einfach in den Instanzeinstellungen hochladen, da wo auch die Customcards rein kommen.

Ich habe mehrere Karten mit der "custom stack in card" vereint.

Die bedient man wie einen horizontalen oder vertikalen Stapel. Nur, dass man keine Rahmen hat (man kann auch noch dies und das einstellen).

Hier der Code meiner Karte:

- type: 'custom:stack-in-card'
        mode: vertical
        keep:
          box_shadow: false
          margin: false
          border_radius: true
          outer_padding: true
        cards:
          - type: horizontal-stack
            cards:
              - type: thermostat
                entity: climate.Heizung_KZ_2
                name: 'Wohnzimmer '
                style: |
                  ha-card {
                     --heat-color: #f59042 !important;
                  }
                  round-slider {
                    --round-slider-bar-color: #f59042 !important;
                  }
          - type: vertical-stack
            cards:
              - type: markdown
                content: '---'
          - type: horizontal-stack
            cards:
              - type: picture-elements
                image: /cards/bg_thermo_settings.png
                elements:
                  - type: image
                    image: /cards/boost_active.png
                    entity: switch.Kinderzimmer_2_Heizung_KZ_2_BOOST
                    state_filter:
                      'true': brightness(100%) saturate(0.0)
                      'false': brightness(100%) saturate
                    tap_action:
                      action: toggle
                    hold_action:
                      action: none
                    style:
                      top: 20px
                      left: 28%
                      width: 10%
                  - type: image
                    image: /cards/urlaub_active.png
                    entity: switch.Kinderzimmer_2_Heizung_KZ_2_PARTY
                    state_filter:
                      'true': brightness(100%) saturate(0.0)
                      'false': brightness(100%) saturate
                    tap_action:
                      action: toggle
                    hold_action:
                      action: none
                    style:
                      top: 20px
                      left: 72%
                      width: 10%
                  - type: image
                    image: /cards/linie_senkrecht.png
                    entity: binary_sensor.Schloss_Haustuere
                    state_filter:
                      'true': brightness(100%) saturate(0.0)
                      'false': brightness(100%) saturate
                    tap_action:
                      action: toggle
                    hold_action:
                      action: none
                    style:
                      top: 20px
                      left: 50%

Über den Style habe ich nur den Schieberegler Orange gemacht. Kann man also auch weglassen.

[nukleuz]

@david-g

Danke - genau die Info habe ich gebraucht

[nukleuz]

@david-g

Ich hab es, aber eins muss ich noch wissen - wie hast du die Icons bei Aktivierung (Toggle) orange bekommen?
Du bindest ja nur die farbigen Images ein - wo kommen die weissen Bilder für Boost und Party her?

[David G.]

@nukleuz

Die Bilder sind orange. Die habe ich mir selber erstellt und hochgeladen.

Über:

                    state_filter:
                      'true': brightness(100%) saturate(0.0)
                      'false': brightness(100%) saturate

graue ich das orangene Bild dann aus (glaube in der letzten Zeile könnte das letzte Wort weg.....).

[nukleuz]

@david-g

Das werde ich gleich morgen ausprobieren - danke

[nukleuz]

@david-g

Das hat 1A geklappt

[David G.]

@nukleuz

Das freut mich.
Evtl. kannst du deine Visu wenn sie so weit steht auch im entsprechenden Thread vorstellen.

[nukleuz]

@david-g

Wird vorgestellt

[David G.]

@nukleuz

Noch ein kleiner Tipp zur custom stack in card.
Ich erstelle mir die Karten immer erst komplett über den visuellen Editor als Horizontalen oder Vertikalen Stapel.
Finde das schön übersichtlich dargestellt.

Wenn das alles steht, haue ich einfach die Angaben der custom stack in card vorweg.

[nukleuz]

@david-g

Das ist eine gute Vorgehensweise - hilft um den richtigen Workflow zu finden.
Fühlt sich alles noch etwas holprig an.

Danke für den Tip!

[nukleuz]

Hallo zusammen,

ist es möglich auch Lovelace Plugins in ioBroker Lovelace zu integrieren?

(https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins)

[Garfonso]

@nukleuz
Ja, kannst du installieren. Läuft unter der Beschreibung "Custom Cards". Die meisten gehen. Karte runterladen, in der Konfiguration per Drag & Drop im zweiten (?) Tab auf das Feld ziehen, lovelace neustarten und dann mit der Anleitung der Custom Card in die UI einbauen.

[Garfonso]

Über iobroker.pro Zugriff (nagelt mich bitte nicht fest, ob es auch ohne Abo geht?) und den Cloud Adapter geht jetzt auch Zugriff auf Lovelace.

Dazu muss in der Konfiguration vom Cloud-Adapter noch die gewünschte lovelace-Instanz ausgewählt werden. Danach taucht Lovelace in der Oberfläche auf iobroker.pro bei "Anwendungen" auf und ist, nach Einloggen unter der URL https://iobroker.pro:4443/lovelace/ erreichbar.

Bei der Lovelace Instanz sollte den SSL ausgeschaltet sein. Authorisierung ist ebenfalls nicht notwendig, da die über das ioBroker-Konto gemacht wird.

[nukleuz]

@garfonso

Super - und danke für Info...

Je mehr man sich mit Lovelace auseinandersetzt, desto mehr Spaß macht es.

Weiter so!

[nukleuz]

@garfonso

OK, nach mehrfachen Versuchen hat es mit der "custom:more-info-card" leider nicht geklappt.
Nach dem Herunterladen im RAW-Format läuft diese auch ohne Fehlermeldungen - nach Festlegung der entity wird aber nicht das angezeigt was ich mir erhofft hatte...

IST:

SOLL:

Hast du diese zum Laufen bekommen oder jemand anders?
Oder verstehe ich hier soagr was falsch?

Danke und Grüße

[Garfonso]

@nukleuz
Was ist das denn für ein entity? Ist das automatisch erkannt? Wie sehen in der Instanz die attribute aus? Licht geht nur mit so viel Krempel, wenn automatisch erkannt und so eingerichtet, dass der Devices-Adapter die erkennt (Geräte Tab im Admin).

[nukleuz]

@garfonso
Die Entität light ist automatisch erkannt:

Mhhhh - scheint alles zu passen...

[Garfonso]

@nukleuz
Ja, sieht gut aus.

Aber dabei fällt mir was ein: Guck mal, wie es aussieht, wenn das Licht an ist. Weil nur dann die zusätzlichen Kontrollen im more-info auftauchen.