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

      Ich denke es geht beides. Jenachdem wie man sein Script für die Alarmanlage Schreibt.

      Im Moment habe ich ich wie gesagt einen Voll- und Hüllschutz.

      Habe einen Datenpunkt Alarmanlage aktiv, dieser ist immer auf true sobald die Alarmanlage eingeschaltet ist (entspricht dem Vollschutz).
      Dann habe ich einen weiteren Datenpunkt für den Hüllschutz. Dieser wird mit true und false geschaltet und entsprechend ausgewertet.

      Man könnte aber genau so gut mit einem Datenpunkt arbeiten finde ich. "false" für ausgeschaltet und für eingeschaltet den Entsprechenden Modus als Text im Datenpunkt.
      Das geht natürlich nicht, wenn man verschiedene Alarmmodi parallel schalten möchte.

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

        @david-g
        Naja, da müsste man schon auf den Typ achten, also hätte dann auch einen text für aus, wenn man einen Datenpunkt nimmt. Wenn man nen zweiten Datenpunkt nimmt, hat man natürlich den Vorteil, dass man nichts kaputt macht, was schonmal jemand gebaut hat. Daher denke ich das wird es 🙂

        E 1 Reply Last reply Reply Quote 1
        • nukleuz
          nukleuz @Garfonso last edited by nukleuz

          @garfonso

          Es geht mir darum, dass ich über die Control-Icons gerne den Boost und die Party-States vom HM-IP-Thermostat steuern möchte.
          Das würde perfekt reinpassen. Schaue mir aber mal den Gerätetyp Klimaanlage an...

          Danke und Grüße

          David G. 1 Reply Last reply Reply Quote 0
          • David G.
            David G. @nukleuz last edited by 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 1 Reply Last reply Reply Quote 0
            • nukleuz
              nukleuz @David G. last edited by

              @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. 1 Reply Last reply Reply Quote 0
              • David G.
                David G. @nukleuz last edited by 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 2 Replies Last reply Reply Quote 0
                • nukleuz
                  nukleuz @David G. last edited by

                  @david-g

                  Danke - genau die Info habe ich gebraucht 👍

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

                    @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. 1 Reply Last reply Reply Quote 0
                    • David G.
                      David G. @nukleuz last edited by

                      @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 2 Replies Last reply Reply Quote 0
                      • nukleuz
                        nukleuz @David G. last edited by

                        @david-g

                        Das werde ich gleich morgen ausprobieren - danke 🙏

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

                          @david-g

                          Das hat 1A geklappt 👍

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

                            @nukleuz

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

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

                              @david-g

                              Wird vorgestellt 🙂

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

                                @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 1 Reply Last reply Reply Quote 0
                                • nukleuz
                                  nukleuz @David G. last edited by

                                  @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 1 Reply Last reply Reply Quote 0
                                  • nukleuz
                                    nukleuz @nukleuz last edited by

                                    Hallo zusammen,

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

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

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

                                      @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.

                                      nukleuz 2 Replies Last reply Reply Quote 0
                                      • Garfonso
                                        Garfonso Developer @Garfonso last edited by 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.

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

                                          @garfonso

                                          Super - und danke für Info... 👍

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

                                          Weiter so!

                                          1 Reply Last reply Reply Quote 1
                                          • nukleuz
                                            nukleuz @Garfonso last edited by

                                            @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:
                                            af87a258-85e8-4797-83f7-59729953ece0-image.png

                                            SOLL:
                                            01b49e63-83aa-4af4-a4e6-5daaf2f8a586-image.png

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

                                            Danke und Grüße

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            671
                                            Online

                                            31.7k
                                            Users

                                            79.9k
                                            Topics

                                            1.3m
                                            Posts

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