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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    Test lovelace 4.x

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

      @stephanh

      Hm,
      ist eigentlich der richtige Weg. So habe ich schon ein paar mal Websites eingebunden.

      1 Reply Last reply Reply Quote 0
      • B
        berndsolar13 last edited by

        hab den Beitrag gerade entdeckt, würde auch gerne mal so eine Energie Flow Ansicht ausprobieren.

        Wo genau muss ich den oben zitieren Code mit meinen Datenpunkten eingeben ?

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

          @stephanh

          So habe ich es:

          Navigation:


          d45cbc2b-9ec4-4b02-882d-f491fa82a32b-image.png

          Das im Kreis nur damit es normal nicht in der Navigationsleiste zu sehen ist (nur per Link zu erreichen)

          Die Karte auf der Seite:

          type: iframe
          url: http://192.168.1.251:8082/energiefluss-erweitert/index.html?instance=0
          aspect_ratio: 100%
          

          8f079297-e3dc-4279-b45a-269585acafbc-image.png

          Link zur Unteransicht:


          74039e6c-35a0-4eee-9479-f0a6ec7011f1-image.png

          type: custom:power-flow-card-plus
          title: Übersicht Stromverbrauch
          w_decimals: 2
          kw_decimals: 2
          watt_threshold: 1000
          use_new_flow_rate_model: true
          second_dashboard_link: /lovelace/energie
          entities:
            grid:
              entity: sensor.Shelly_EM3_Gesamtzaehler_Power_gesamt
              color:
                production:
                  - 34
                  - 194
                  - 44
                consumption:
                  - 193
                  - 19
                  - 216
              name: SWE
              display_state: one_way
              invert_state: false
              color_value: true
              use_metadata: false
            solar:
              watt_threshold: 1000
              display_zero_state: false
              color_icon: false
              color_value: false
              entity: sensor.Home_Stromverbrauch_Einspeisung_BKW_Shelly
              invert_state: false
              use_metadata: false
              name: Balkonkraftwerk
            home:
              entity: sensor.Home_Stromverbrauch_Gesamtverbrauch_Netzbezug_BKW_Shelly
            individual1:
              icon: ''
              unit_of_measurement: W
            individual2:
              icon: ''
          display_zero_lines:
            mode: show
            transparency: 50
            grey_color:
              - 189
              - 189
              - 189
          

          Ergebnis (fast Vollbild):


          7780f597-a833-495b-9cde-a15b76b8add0-image.png

          S 2 Replies Last reply Reply Quote 1
          • S
            StephanH @XBiT last edited by

            @xbit Moin,
            danke die schon mal die ausfühlerliche Hilfe / Anleitung.
            Werde es die Tage mal so nachstellen und vergleichen.

            Bin etwas am Stress gerade, deswegen auch sorry schon mal wegen der späten Antwort.

            stephan1827 1 Reply Last reply Reply Quote 0
            • stephan1827
              stephan1827 @StephanH last edited by

              Hallo,
              ich stehe noch ganz am Anfang mit lovelace und arbeite gerade an den Thermostaten von Homematic. Die werden automatisch erkannt und haben dann die folgenden Attribute.
              Screenshot 2024-03-08 064640.png

              Ich möchte gerne auf der Standardkarte einen Button für Auto und Boost anzeigen, sowie den Status der Batterie.

              Screenshot 2024-03-08 063518.png

              Der Button Boost geht auch, aber ich sehe keine Möglichkeit Auto hinzufügen. Kann man automatisch generierten Entitäten noch zusätzliche Attribute hinzufügen oder muss man die als separaten Sensor selbst aktivieren?

              Kann man der Standardkarte noch eigene Buttons hinzufügen? Hat jemand vielleicht ein schönes Beispiel für die Thermostate von Homematic?

              SG

              Stephan

              David G. kipferl B 3 Replies Last reply Reply Quote 0
              • David G.
                David G. @stephan1827 last edited by

                @stephan1827

                So ganz korrekt bekomme ich die auch nicht ans laufen.

                Screen_Recordin-1709878826950.gif

                Bisher finde ich die custom:simple-thermostat am besten, aber da bekomme ich diese doofe ui Meldung nicht weg....
                Screenshot_20240308_072105_Fully Kiosk Browser.jpg

                stephan1827 1 Reply Last reply Reply Quote 0
                • kipferl
                  kipferl @stephan1827 last edited by

                  @stephan1827

                  Hi, ich hab die "hvac_modes" manuell in das "SET_POINT_MODE" object eingetragen. Das funktioniert soweit, wird aber vermutlich bei einem kompletten neu laden der hm-ip geräte überschrieben.

                  In lovelace sieht das dann so aus

                  boost: hm-rpc.2.000A1D89A5CC42.1.BOOST_MODE
                  current_temperature: hm-rpc.2.000A1D89A5CC42.1.ACTUAL_TEMPERATURE
                  friendly_name: Heizkörper Büro
                  hvac_mode: hm-rpc.2.000A1D89A5CC42.1.SET_POINT_MODE
                  hvac_modes: auto,manuell,urlaub
                  max_humidity: 99
                  max_temp: 30.5
                  min_humidity: 30
                  min_temp: 4.5
                  preset_mode:
                  preset_modes: none,boost
                  supported_features: 17
                  target_temp_step: 1
                  temperature: hm-rpc.2.000A1D89A5CC42.1.SET_POINT_TEMPERATURE
                  

                  Screenshot 2024-03-08 at 09.35.18.png

                  Im Objekt so:

                  {
                    "type": "state",
                    "common": {
                      "name": "Heizkörper Büro.SET_POINT_MODE",
                      "role": "level.mode.thermostat",
                      "def": 0,
                      "type": "number",
                      "read": true,
                      "write": true,
                      "min": 0,
                      "max": 3,
                      "states": {
                        "0": "AUTO",
                        "1": "MANUELL",
                        "2": "URLAUB"
                      },
                  

                  Die wahrscheinlich bessere option wäre über alias oder versuchen über den device manager ein thermostat zusammenzustellen, hab ich aber noch nicht versucht.

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

                    @david-g das simple thermostat hatte ich auch schon gefunden, aber da finde ich auch keine Möglichkeit gefunden das elegant dazustellen. Du hast ja bei Deinem Widget unten noch einen vertikalen Stapel. Das ist vermutlich die einzige saubere Lösung.

                    1 Reply Last reply Reply Quote 0
                    • stephan1827
                      stephan1827 @kipferl last edited by

                      @kipferl Ich vermute, das man in lovelace keine Attribute manuell hinzufügen kann oder? Ich würde das mit einem Alias versuchen aber ich fürchte, das ich auch damit die Funktion nicht nachbilden kann.

                      kipferl 1 Reply Last reply Reply Quote 0
                      • kipferl
                        kipferl @stephan1827 last edited by

                        @stephan1827
                        nein in lovelace geht das nicht. daher hab ichs in den objektdaten von SET_POINT_MODE gemacht, das geht nur im expertenmodus.

                        dort hab ich eigentlich nur das hinzugefügt, alles andere bleibt gleich wie du im meinen vorherigen post sehen kannst.

                            "states": {
                              "0": "AUTO",
                              "1": "MANUELL",
                              "2": "URLAUB"
                        

                        aber wie gesagt, alias oder mit dem device adapter das zu erstellen ist wahrscheinlich besser.

                        stephan1827 1 Reply Last reply Reply Quote 0
                        • stephan1827
                          stephan1827 @kipferl last edited by

                          Habe das mit dem Thermostat jetzt hinbekommen (rechte Seite). Ich bin immer noch nicht sicher ob mir die Linke Seite nicht doch besser gefällt.

                          Screenshot 2024-03-08 163229.png

                          Code für rechts sieht jetzt so aus

                          type: custom:vertical-stack-in-card
                          cards:
                            - type: thermostat
                              entity: climate.Wohnzimmer_Heizung
                              name: Heizung
                            - type: horizontal-stack
                              cards:
                                - show_name: false
                                  show_icon: true
                                  type: button
                                  tap_action:
                                    action: toggle
                                  entity: input_boolean.Wohnzimmer_AUTO_MODE
                                  icon: mdi:thermostat-auto
                                  name: Boost
                                  icon_height: 30px
                                - show_name: false
                                  show_icon: true
                                  type: button
                                  tap_action:
                                    action: toggle
                                  entity: input_boolean.Wohnzimmer_BOOST_MODE
                                  icon: mdi:rocket
                                  icon_height: 30px
                                - type: custom:button-card
                                  entity: binary_sensor.Wohnzimmer_LOWBAT
                                  layout: vertical
                                  show_name: false
                                  show_icon: true
                                  show_last_changed: false
                                  tap_action:
                                    action: none
                                  state:
                                    - value: true
                                      icon: mdi:battery-alert
                                      color: red
                                    - value: false
                                      icon: mdi:battery
                          
                          
                          David G. 1 Reply Last reply Reply Quote 0
                          • David G.
                            David G. @stephan1827 last edited by David G.

                            @stephan1827

                            Stand genau vor der selben Frage. Auch genau den Varianten vom Rahmen her.
                            Ganz zufrieden war ich mit beiden nicht. Hab es dann ganz offensichtlich mit den Linien gemacht.

                            EDIT
                            Hab das ui.... jetzt auch weg bekommen.
                            Das Fenster "false" hab ich schon Stunden probiert. Früher hat das geklappt,dass da offen oder geschlossen stand.

                            Screenshot_20240308_165320_Fully Kiosk Browser.jpg

                            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: custom:simple-thermostat
                                    header:
                                      name: Wohnzimmer
                                    layout:
                                      step: row
                                    hide:
                                      state: true
                                    sensors:
                                      - entity: input_text.og_Fensterkontakt_OG_WINDOW_STATE
                                        name: Fenster
                                      - entity: input_number.Heizung_Wohnzimmer_Ventil
                                        name: Ventil
                                    entity: climate.Thermostat_Wohnbereich
                                    control: false
                              - 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.Heizung_Wohnbereich_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.Heizung_Wohnbereich_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%
                              - type: custom:collapsable-cards
                                title: Verlauf
                                cards:
                                  - type: iframe
                                    aspect_ratio: 50%
                                    title: null
                                    url: >-
                                      https://192.168.99.33:8082/echarts/index.html?preset=echarts.0.Heizung.Wohnzimmer_copy
                            
                            
                            1 Reply Last reply Reply Quote 0
                            • S
                              StephanH @XBiT last edited by

                              @xbit Hallo,

                              hab das noch mal ausprobiert, wird wird nicht als Vollbild angezeigt.

                              ea83ca8d-a9f3-467c-8fbb-cd8656bced73-grafik.png

                              Hier noch mal der Code dazu:

                              type: iframe
                              url: https://home.xxx.email:8082/energiefluss-erweitert/index.html?instance=0
                              aspect_ratio: 100%
                              title: Enegiefluss
                              

                              Wenn ich es als URL in die Navigation einbinde. Dann hab ich das als Link:

                              https://home.xxx.email:8091/lovelace/https://home.xxx.email:8082/energiefluss-erweitert/index.html?instance=0
                              

                              Das funktioniert vom Aufruf nicht.

                              XBiT 1 Reply Last reply Reply Quote 0
                              • S
                                StephanH last edited by

                                Hallo zusammen,

                                kennt einer von euch diesen Adpater:

                                Power-Distribution-Card

                                fe972b8c-f022-4f42-9d8f-14e504ef4576-grafik.png

                                Und hat den Jemand von mal installiert unter Lovelace ?

                                astuermer 1 Reply Last reply Reply Quote 1
                                • astuermer
                                  astuermer @StephanH last edited by

                                  @stephanh jap hier… läuft einwandfrei

                                  IMG_0041.jpeg

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

                                    @stephanh

                                    rein vom Screenshot her hast du deine Ansicht nicht als "Panel (1Karte)" eingestellt

                                    0bf24d12-77ec-4393-8ea9-f0fb9b7f4d28-image.png

                                    stephan1827 S 2 Replies Last reply Reply Quote 0
                                    • stephan1827
                                      stephan1827 @XBiT last edited by

                                      Ich versuche gerade die Homematic Rollos anzusteuern. Ich habe den Level freigegeben. Der Name der Entität ist "input_number.Wonzimmer_Rollo_LEVEL". Dann habe ich einen Button erstellt und als Action wollte habe ich einen Dienst vom Typ "input_number: Set" gewählt der den Wert auf 0 oder 100 setzen soll. Wenn ich auf den Button clicke bekomme ich im Logger eine Fehlermeldung.

                                      Unknown entity: undefined for service call {"type":"call_service","domain":"input_number","service":"set_value","target":{"entity_id":"input_number.Wonzimmer_Rollo_LEVEL"},"service_data":{"value":50},"id":48}
                                      

                                      Kann ich die Dienste nicht verwenden?

                                      XBiT Garfonso 2 Replies Last reply Reply Quote 0
                                      • S
                                        StephanH @XBiT last edited by

                                        @xbit said in Test lovelace 4.x:

                                        als "Panel (1Karte)" eingestellt

                                        Danke 🙈

                                        Der Teufel hat im Detail gelegen. Jetzt passt es 😁

                                        Danke noch mal. !!!

                                        1 Reply Last reply Reply Quote 0
                                        • S
                                          StephanH @astuermer last edited by

                                          @astuermer Ok. zeigt der bei dir auch den Autarkie Grad an? bei mir nicht.
                                          Den Home Verbrauch, hab ich über einen eigenden Datenpunkt drin.

                                          astuermer 1 Reply Last reply Reply Quote 0
                                          • astuermer
                                            astuermer @StephanH last edited by

                                            @stephanh sagte in Test lovelace 4.x:

                                            @astuermer Ok. zeigt der bei dir auch den Autarkie Grad an? bei mir nicht.
                                            Den Home Verbrauch, hab ich über einen eigenden Datenpunkt drin.

                                            Den Autarkiegrad berechne ich über Blockly.
                                            (100 / Gesamtverbrauch am 3EM Pro) x Wechselrichter Ausgangsleistung

                                            Letztere erhalte ich durch einen Shelly Plug S

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            633
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            85
                                            843
                                            181830
                                            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