Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test lovelace 4.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 lovelace 4.x

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

      Ich hätte dann auch noch einmal eine Frage an die Experten:

      Ich möchte über ein ganz einfache Karte bei meinen Dect301 Heizkörper Thermostaten die Solltemperatur entweder auf 17° oder 21° einstellen.

      17° deaktiv
      14ccab85-63b2-41b6-a1b7-87b5f7989b2b-grafik.png
      21° aktiv
      31551eb7-21c2-44c8-8d04-033e2a8f3eb9-grafik.png

      Mit der Standard card geht es über mein Objekt "entity: climate.Buero_Solltemperatur"

      367b7d94-a312-4ac8-8703-c81337e9a6e9-grafik.png

      Kann mir Jemand ggf. einen Tipp geben wie man das am einfachsten realisieren kann

      1 Reply Last reply Reply Quote 0
      • T
        tom8184 @XBiT last edited by

        @xbit Hallo,
        bei mir wird im Shelly Adapter nicht Shutter sondern Cover angezeigt und da gibt es open, close und stop. Habe keinen Shelly 2.5 sondern den Shelly Plus 2PM, vielleicht sind die in dieser Hinsicht unterschiedlich?

        H 1 Reply Last reply Reply Quote 0
        • T
          tom8184 @heinzie last edited by

          @heinzie Hallo,
          welche Karte verwendest du? Sieht so aus wie ich es gerne hätte.

          H 1 Reply Last reply Reply Quote 0
          • H
            heinzie @tom8184 last edited by

            @tom8184 Verwende diese Karte:

            T 1 Reply Last reply Reply Quote 0
            • H
              heinzie @tom8184 last edited by

              @tom8184 Dann müssten es wohl diese sein:
              shelly.1.shellyplus2pm..........Cover0.Position
              shelly.1.shellyplus2pm..........Cover0.Stop

              1 Reply Last reply Reply Quote 0
              • T
                tom8184 @heinzie last edited by tom8184

                @heinzie Hallo,

                vielen Dank, mit dieser Karte klappt es auf Anhieb ohne manuell noch eine Entität hinzufügen zu müssen.

                Edit1: zu früh gefreut, alle Tasten und Slider sind zwar da aber die Stop Taste funktioniert nicht.
                Mal sehen, ob ich es mit deinem Code hinbekomme.

                Edit2: ich bekomme es einfach nicht hin. Der Code von #heinzie führt zu keiner Reaktion bei der Stop Taste. Füge ich ihn entsprechend angepasst für die "Auf-Taste" ein, funktioniert die auch nicht mehr. Fazit, tap_action: action: call-service service: input_number.entität funktioniert in meiner Installation nicht.

                Hat noch jemand eine Idee?

                Vielen Dank

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

                  Hallo zusammen,

                  verstehe gerade etwas bzgl. theme nicht und komme nicht weiter. Hier der Theme:

                  dark:
                  
                    # Colors
                    text-color: '#DADADB'                                                           # Grey text
                    text-medium-light-color: '#A0A2A8'                                              # Medium-light grey text
                    text-medium-color: '#80828A'                                                    # Medium grey text
                    text-dark-color: '#6A6B74'                                                      # Dark grey text
                    accent-color: '#008bef'                                                         # Blue
                    accent-medium-color: '#2484C9'                                                  # Decent blue
                    background-color: '#3b4049'                                                     # Dark grey background
                    background-color-2: '#484E59'                                                   # Light grey background
                    background-card-color: '#434952'                                                # Grey background
                    border-color: '#383C46'                                                         # Grey border
                  
                    # Header
                    app-header-background-color: '#363941'                                          # Background color
                  
                    # Text
                    primary-color: 'var(--text-color)'
                    text-primary-color: 'var(--text-color)'
                  
                    # Left Menu
                    paper-listbox-background-color: 'var(--background-color)'                       # Background
                    sidebar-icon-color: 'var(--text-medium-color)'                                  # icons
                    sidebar-selected-icon-color: 'var(--text-medium-light-color)'                   # Selected row icon and background (15%)
                    sidebar-selected-text-color: 'var(--text-color)'                                # Selected row label
                  
                    # UI
                    paper-card-header-color: 'var(--text-color)'                                    # Title in settings
                    primary-background-color: 'var(--background-color)'                             # Background (also title background in left menu)
                    mdc-theme-primary: 'var(--accent-medium-color)'                                 # Action Buttons (save, restart etc.)
                    card-background-color: 'var(--background-card-color)'                           # Entity Registry Background
                  
                    # Card
                    paper-card-background-color: 'var(--background-card-color)'                     # Background
                    dark-primary-color: 'var(--text-color)'
                    primary-text-color: 'var(--text-color)'
                    paper-listbox-color: 'var(--text-color)'
                    light-primary-color: 'var(--text-dark-color)'
                    secondary-text-color: 'var(--text-medium-color)'
                    disabled-text-color: 'var(--text-dark-color)'
                    paper-dialog-button-color: 'var(--text-color)'
                    secondary-background-color: 'var(--background-color-2)'                         # Background more info title
                  
                    # Icons
                    paper-item-icon-color: 'var(--text-dark-color)'                                 # Off
                    paper-item-icon-active-color: 'var(--accent-color)'                             # On
                  
                    # Switches
                    switch-checked-button-color: 'var(--text-medium-light-color)'                   # Knob On
                    switch-unchecked-button-color: 'var(--text-medium-light-color)'                 # Knob Off
                    switch-checked-track-color: '#009FFF'                                           # Background On
                    switch-unchecked-track-color: '#767682'                                         # Background Off
                  
                    # Slider
                    paper-slider-active-color: 'var(--accent-color)'                                # Line On
                    paper-slider-knob-color: 'var(--text-medium-light-color)'                       # Knob On
                    paper-slider-container-color: 'var(--text-dark-color)'                          # Line Off
                    paper-slider-knob-start-color: 'var(--text-medium-light-color)'                 # Knob Off
                  
                    # Badges
                    label-badge-text-color: 'var(--text-color)'
                    label-badge-background-color: 'rgba(54, 57, 65, 0.6)'
                  
                    # Shadows
                    ha-card-box-shadow: 'inset 0px 0px 0px 1px var(--border-color)'
                  
                    # HACS
                    hacs-badge-color: 'var(--accent-color)'                                         # New Badge
                    hacs-status-installed: 'var(--text-color)'                                      # Installed Icon
                    hacs-status-pending-restart: 'var(--text-dark-color)'                           # Restart Icon
                    hacs-status-pending-update: 'var(--accent-color)' 
                  

                  So sieht es aus:
                  682a1471-95d1-4b1b-aa42-f85dc96b002c-image.png

                  Warum sind die aktiven Symbole gelb? Gelb ist erstens nirgendwo definiert wenn ich das richtig sehe und durch
                  paper-item-icon-active-color: 'var(--accent-color)'
                  und
                  accent-color: '#008bef'
                  sollten die doch blau sein oder?

                  David G. XBiT 2 Replies Last reply Reply Quote 0
                  • David G.
                    David G. @radicalreel last edited by

                    @radicalreel

                    Damit hab ich mich auch lange umgeschlagen.
                    Ich glaube @XBiT hat mir weiter oben eine Lösung gepostet.

                    radicalreel 1 Reply Last reply Reply Quote 0
                    • XBiT
                      XBiT @radicalreel last edited by

                      @radicalreel

                      Für die Lampe sollte "state-light-active-color" gehen oder auch "state-light-on-color".

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

                        @david-g @XBiT Danke euch. Bin der Einfachheit halber mal auf das noctis theme umgestiegen. Hatte einfach kein Bock lang rumzufriemeln.

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

                          @radicalreel

                          Da hatte ich das auch....
                          Gibt's da eine aktuelle Version?

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

                            @david-g XBiT hatte eine korrigierte gepostet. die habe ich genommen. Sieht bislang gut aus.

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

                              @heinzie said in Test lovelace 4.x:

                              Damit läuft es bei mir

                              Das überrascht mich... welchen Wert schreibt der service call denn da in den State? Und wird der immer als "stop" interpretiert oder nur weil bei deinen Tests der Rolladen gerade richtig stand?

                              Für cover oder auch komplizierte light entities oder thermostate sollte der erste Ansatz immer sein, das Gerät sauber im "Geräte"-Tab von ioBroker zu haben. Zur Not als Alias. Dann klappts auch mit Lovelace.

                              @xbit said in Test lovelace 4.x:

                              könnte daran liegen das der "Stop" Taster bei Shelly "Pause" heißt

                              Wie der "heißt" ist egal. Aber die Rolle ist wichtig. Da wäre bei shelly gut, wenn das auch button.stop wäre. Sonst weiß Lovelace nicht auf welchen der Knöpfe es für "stop" drücken muss. -> gerne dafür bei shelly ein issue erzeugen mit Hinweis auf den type-detector.

                              @heinzie said in Test lovelace 4.x:

                              Ich möchte über ein ganz einfache Karte bei meinen Dect301 Heizkörper Thermostaten die Solltemperatur entweder auf 17° oder 21° einstellen.

                              Also auf den festen Wert?
                              Das sollte mit einem "service_call" als Action möglich sein. Unterstützt mittlerweile auch der UI Editor. Also z.B. die Button Card (oder als Reihe in Elemente einfügen) und da als Aktion nicht "Umschalten", sondern "Dienst aufrufen" und da dann climate.set_temperature eintragen... warum der nicht in der Liste auftaucht, muss ich mir noch angucken.. urgs... naja, dann doch von hand:

                              type: button
                              tap_action:
                                action: call-service
                                service: climate.set_temperature
                                service_data:
                                  temperature: 15
                                  entity_id: climate.Buero
                              entity: climate.Buero
                              
                              H 1 Reply Last reply Reply Quote 0
                              • H
                                heinzie @Garfonso last edited by

                                @garfonso sagte in Test lovelace 4.x:

                                @heinzie said in Test lovelace 4.x:

                                Damit läuft es bei mir

                                Das überrascht mich... welchen Wert schreibt der service call denn da in den State? Und wird der immer als "stop" interpretiert oder nur weil bei deinen Tests der Rolladen gerade richtig stand?

                                Für cover oder auch komplizierte light entities oder thermostate sollte der erste Ansatz immer sein, das Gerät sauber im "Geräte"-Tab von ioBroker zu haben. Zur Not als Alias. Dann klappts auch mit Lovelace.

                                Ja, der schreibt das direkt in die von mir definierte Variable "cover.SHSW_25_B935A5_1_Shutter_state"
                                Habe ich extra noch einmal geprüft.
                                87b79379-f94b-42a6-a5ba-698db67882c1-image.png

                                Mit dem Geräte Tab habe ich das leider nicht hinbekommen, mache da wahrscheinlich noch irgendwas falsch.

                                1 Reply Last reply Reply Quote 0
                                • H
                                  heinzie last edited by

                                  Hallo,
                                  versuche aktuell ein Widget mit Hilfe der Webcard einzubinden, dass klappt aber leider noch nicht.

                                  Es geht um dieses Widget bzw diesen Code:

                                  <div id="ww_dd0cf15507b32" v='1.3' loc='id' a='{"t":"responsive","lang":"de","sl_lpl":1,"ids":[],"font":"Arial","sl_ics":"one_a","sl_sot":"celsius","cl_bkg":"image","cl_font":"#FFFFFF","cl_cloud":"#FFFFFF","cl_persp":"#81D4FA","cl_sun":"#FFC107","cl_moon":"#FFC107","cl_thund":"#FF5722"}'><a href="https://weatherwidget.org/" id="ww_dd0cf15507b32_u" target="_blank">Html weather widget</a></div><script async src="https://app2.weatherwidget.org/js/?id=ww_dd0cf15507b32"></script>
                                  

                                  Kann mir dazu jemand vielleicht einen Tipp geben?

                                  XBiT 1 Reply Last reply Reply Quote 0
                                  • XBiT
                                    XBiT @heinzie last edited by XBiT

                                    @heinzie

                                    mach dir eine Textdatei auf den Desktop und schreib da deinen Code rein -> Speicher es als zb. "wetter.html".
                                    Lade dieser wetter.html in dein Lovelace hoch (da wo sonst die Cards in den Einstellungen hochgeladen werden).

                                    Starte den ioBroker 1x neu (Neustart von Lovelace und Web Instance reicht bei mir nicht bzw. dauert es sonst ein paar Stunden bis er die Datei findet oder Änderung in der Datei übernimmt... warum auch immer.)

                                    Danach kannst du damit Arbeiten:

                                    type: iframe
                                    url: /cards/wetter.html
                                    aspect_ratio: 55%
                                    
                                    H 1 Reply Last reply Reply Quote 1
                                    • H
                                      heinzie @XBiT last edited by

                                      @xbit Vielen Dank, hat sofort nach deiner Anleitung funktioniert.

                                      Weißt du zufällig auch noch wie ich den weißen Hintergrund der Karte weg bekommen?

                                      50748eaa-ec01-481c-b331-32cfc7d4d86d-image.png

                                      David G. XBiT 2 Replies Last reply Reply Quote 0
                                      • David G.
                                        David G. @heinzie last edited by David G.

                                        @heinzie

                                        Irgendwie (viel weiter oben) habe ich mal meine Wetterkarte gepostet.
                                        Sieht ähnlich aus. Hatte den Vorteil, dass du es leicht an dein Theme anpassen kannst.

                                        Screen_Recordin-1712245556535.gif

                                        Edit
                                        Sehe grad, bei deinem Widget kann man wohl auch Sachen anpassen.

                                        1 Reply Last reply Reply Quote 0
                                        • XBiT
                                          XBiT @heinzie last edited by XBiT

                                          @heinzie

                                          Der Hintergrund ist so ein Problem... der kommt von den Einstellungen wo du den "Code" erstellst sicherlich steht er auf "transparent" was im Iframe leider immer weiß wird und nicht durchsichtig.

                                          Falls du einen einfarbigen Hintergrund in Lovelace hast musst du bei weatherwidget.org dein Widget die gleiche Farbe geben und den "Code" in der wetter.html Datei austauschen.

                                          Oder du schaust dir mal die Wetter Card von @David-G an die ist besser integrierbar und nicht mit so einen Link zum Anbieter beim klick auf die Wetter-Karte.

                                          1 Reply Last reply Reply Quote 0
                                          • H
                                            heinzie last edited by

                                            Bin immer noch an meiner Wetterkarte am basteln.

                                            Versuche es gerade mit dieser Platinum-Weather-Card die mir sehr gut gefällt.

                                            Das Problem ist leider, dass keine Icon angezeigt werden. Habe das mit den Adapter DasWetter und openweathermap probiert.

                                            Bei DasWetter vermute ich das der Pfad irgendwie nicht passt.

                                            angegeben in der card wird:
                                            /adapter/daswetter/icons/tiempo-weather/galeria1/6.png

                                            die Icon liegen bei mir aber in:
                                            /opt/iobroker/node_modules/iobroker.daswetter/icon/tiempo-weather/galeria2

                                            muss ich die ggf. nur woanders hinkopieren?

                                            07098681-0caa-4e40-bdd8-7a3252a3abf0-grafik.png

                                            Bei openweathermap versucht er die wohl aus dem Netz zu laden, was leider auch nicht klappt:

                                            6fe0f93b-a1fa-4dd9-bcfa-ead2ca230ac1-grafik.png

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            534
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

                                            86
                                            872
                                            223012
                                            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