Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Zeigt her eure Lovelace-Visualisierung

    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

    Zeigt her eure Lovelace-Visualisierung

    This topic has been deleted. Only users with topic management privileges can see it.
    • Z
      Zeptran @gyle last edited by

      @gyle

      Moin,

      ich habe das ganze immer mit vertical-stack Karten in die Spalten so aufgeteilt das es eben gut aussieht und die gleichen Sachen immer untereinander sind.
      Für die Graphen verwende ich ApexCharts.

      Ich verwende hier den Kostal Adapter der mir mit Skripten Daten teilweise so umrechnet das man damit was anfangen kann. Wird bei dir wahrscheinlich anders ankommen, muss dann eben angepasst werden.

      Das hier ist einmal die Mittlere komplette Spalte:

      type: vertical-stack
      cards:
        - type: horizontal-stack
          cards:
            - type: sensor
              entity: sensor.PV_Anlage_EnergyHomePvDay
              detail: 0
              name: Eigenverbrauch
            - type: sensor
              entity: sensor.PV_Anlage_EnergyHomeGridDay
              detail: 2
              name: Netz Verbrauch
        - type: markdown
          content: |
            # <center>PV Leistung</center>
          card_mod:
            style: |
              ha-markdown.no-header {
                padding-top: 10px !important;
              }
              ha-markdown {
                padding: 0px 16px 16px;
                  padding-bottom: 10px !important;
              }
        - type: horizontal-stack
          cards:
            - type: custom:apexcharts-card
              header:
                show: true
                title: ' '
                show_states: true
                colorize_states: true
              apex_config:
                chart:
                  height: 350
                  zoom:
                    type: x
                    enabled: true
                    autoScaleYaxis: false
                  toolbar:
                    show: true
                    autoSelected: zoom
                  xaxis.type: datetime
                stroke:
                  width: 1
                  curve: smooth
              series:
                - entity: sensor.PV_Anlage_Pv_P
                  name: PV Leistung
                  group_by:
                    func: avg
                    duration: 5min
                - entity: sensor.PV_Anlage_Leistung_Stromnetz
                  name: Netz Leistung
                  group_by:
                    func: avg
                    duration: 5min
                - entity: sensor.PV_Anlage_Home_P
                  name: Haus Verbrauch
                  group_by:
                    func: avg
                    duration: 5min
        - type: markdown
          content: |
            # <center>Erträge</center>
          card_mod:
            style: |
              ha-markdown.no-header {
                padding-top: 10px !important;
              }
              ha-markdown {
                padding: 0px 16px 16px;
                  padding-bottom: 10px !important;
              }
        - type: horizontal-stack
          cards:
            - type: custom:apexcharts-card
              header:
                show: true
                title: ' '
                show_states: true
                colorize_states: true
              apex_config:
                chart:
                  height: 350
                  zoom:
                    type: x
                    enabled: true
                    autoScaleYaxis: false
                  toolbar:
                    show: true
                    autoSelected: zoom
                  xaxis.type: datetime
              series:
                - entity: sensor.Pv_Anlage_PV_Ertrag_heute
                  name: PV Ertrag
                  type: column
                  group_by:
                    func: max
                    duration: 23.9h
                - entity: sensor.PV_Anlage_EnergyToGridDay
                  name: Einspeistung
                  type: column
                  group_by:
                    func: max
                    duration: 23.9h
                - entity: sensor.PV_Anlage_EnergyHomePvDay
                  name: Eigenverbrauch
                  type: column
                  group_by:
                    func: max
                    duration: 23.9h
                - entity: sensor.PV_Anlage_EnergyHomeGridDay
                  name: Netzbezug
                  type: column
                  group_by:
                    func: max
                    duration: 23.9h
              graph_span: 8d
              span:
                end: day
      

      Damit das ganze etwas einfach zu kopieren ist wenn du nur Interesse an den Diagrammen hast kommen die auch noch einmal alleine:
      Hier sind die Leistungsverläufe des Tages drinnen:

      type: custom:apexcharts-card
      header:
        show: true
        title: ' '
        show_states: true
        colorize_states: true
      apex_config:
        chart:
          height: 350
          zoom:
            type: x
            enabled: true
            autoScaleYaxis: false
          toolbar:
            show: true
            autoSelected: zoom
          xaxis.type: datetime
        stroke:
          width: 1
          curve: smooth
      series:
        - entity: sensor.PV_Anlage_Pv_P
          name: PV Leistung
          group_by:
            func: avg
            duration: 5min
        - entity: sensor.PV_Anlage_Leistung_Stromnetz
          name: Netz Leistung
          group_by:
            func: avg
            duration: 5min
        - entity: sensor.PV_Anlage_Home_P
          name: Haus Verbrauch
          group_by:
            func: avg
            duration: 5min
      

      Hier ist dann einmal der Ertrag / Verbrauch der letzten acht Tage:

      type: custom:apexcharts-card
      header:
        show: true
        title: ' '
        show_states: true
        colorize_states: true
      apex_config:
        chart:
          height: 350
          zoom:
            type: x
            enabled: true
            autoScaleYaxis: false
          toolbar:
            show: true
            autoSelected: zoom
          xaxis.type: datetime
      series:
        - entity: sensor.Pv_Anlage_PV_Ertrag_heute
          name: PV Ertrag
          type: column
          group_by:
            func: max
            duration: 23.9h
        - entity: sensor.PV_Anlage_EnergyToGridDay
          name: Einspeistung
          type: column
          group_by:
            func: max
            duration: 23.9h
        - entity: sensor.PV_Anlage_EnergyHomePvDay
          name: Eigenverbrauch
          type: column
          group_by:
            func: max
            duration: 23.9h
        - entity: sensor.PV_Anlage_EnergyHomeGridDay
          name: Netzbezug
          type: column
          group_by:
            func: max
            duration: 23.9h
      graph_span: 8d
      span:
        end: day
      

      Die 23,9 Stunden Dauer musste ich nehmen da die Tagesdaten die aus dem Adapter kommen erst um 0:05 wieder bei null anfangen.

      Und dann ist hier noch einmal der Batterie Verlauf:

      type: custom:apexcharts-card
      header:
        show: true
        title: ' '
        show_states: true
        colorize_states: true
      apex_config:
        chart:
          height: 350
          zoom:
            type: x
            enabled: true
            autoScaleYaxis: false
          toolbar:
            show: true
            autoSelected: zoom
          xaxis.type: datetime
        stroke:
          width: 1
          curve: smooth
      yaxis:
        - id: first
          decimals: 0
          apex_config:
            tickAmount: 4
        - id: second
          opposite: true
          decimals: 0
          show: false
          apex_config:
            tickAmount: 4
      series:
        - entity: sensor.PV_Anlage_battery_P
          name: Batterie Leistung
          yaxis_id: first
          group_by:
            func: avg
            duration: 2min
        - entity: sensor.PV_Anlage_HomeBat_P
          name: Verbrauch aus Batterie
          yaxis_id: first
          group_by:
            func: avg
            duration: 2min
        - entity: sensor.PV_Anlage_battery_SoC
          name: Batterie SoC
          yaxis_id: second
          group_by:
            func: avg
            duration: 2min
      

      Falls es noch mehr Interesse gibt an Configs gibt stelle ich die gerne zur Verfügung.
      Bin echt begeistert von Lovelace mir gehen aber langsam die Ideen aus was und wie ich Sachen noch visualisieren kann.

      Finde es leider schade das der Thread hier nicht so aktiv genutzt wird wie er es meiner Ansicht nach Verdient.

      G 2 Replies Last reply Reply Quote 0
      • G
        gyle @Zeptran last edited by gyle

        @zeptran danke
        gut: dann zeige ich auch mal was ich bisher habe....(teilweise noch experimentell)
        technik.png sauger.png rolladen.png pv.png home_LI.jpg eg.png außen.png

        Iccube W 2 Replies Last reply Reply Quote 0
        • G
          gyle @Zeptran last edited by

          @zeptran

          hast du mit apex-chats zufällig auch mal ausprobiert ob man das in dieser Form hinbekommt?
          3d4fb3c0-0f24-4716-bd23-c6519dbf3896-grafik.png

          Z 1 Reply Last reply Reply Quote 0
          • Iccube
            Iccube @gyle last edited by

            @gyle sieht gut aus

            Wie hast du den die zusätzlichen Infos bzw. Schalter eingefügt ?

            Screenshot 2022-10-19 152716.jpg

            G 1 Reply Last reply Reply Quote 0
            • Z
              Zeptran @gyle last edited by Zeptran

              @gyle

              Das scheint einfach zu gehen in dem man am Anfang der Config für den Graphen das hier einfügt:

              stacked: true
              

              Sieht dann am Ende so aus:
              f2b25218-9030-4bc8-9b2f-0beadff09416-image.png

              Hier dazu den die komplette config:

              type: custom:apexcharts-card
              stacked: true
              header:
               show: true
               title: ' '
               show_states: true
               colorize_states: true
              apex_config:
               chart:
                 height: 350
                 zoom:
                   type: x
                   enabled: true
                   autoScaleYaxis: false
                 toolbar:
                   show: true
                   autoSelected: zoom
                 xaxis.type: datetime
              series:
               - entity: sensor.Pv_Anlage_PV_Ertrag_heute
                 name: PV Ertrag
                 type: column
                 group_by:
                   func: max
                   duration: 23.9h
               - entity: sensor.PV_Anlage_EnergyToGridDay
                 name: Einspeistung
                 type: column
                 group_by:
                   func: max
                   duration: 23.9h
               - entity: sensor.PV_Anlage_EnergyHomePvDay
                 name: Eigenverbrauch
                 type: column
                 group_by:
                   func: max
                   duration: 23.9h
               - entity: sensor.PV_Anlage_EnergyHomeGridDay
                 name: Netzbezug
                 type: column
                 group_by:
                   func: max
                   duration: 23.9h
              graph_span: 8d
              span:
               end: day
              
              

              Finde das nur schwierig mit den Daten die da aktuell bei mir drinnen Stecken. Ergibt in Summe keinen Sinn wenn man beim PV Ertrag da den Netzbezug mit rein nimmt.
              Bei der Anordnung würde ich den dann weg lassen damit man da nur hat was man halt vom Dach bekommt.

              Edit:

              Fand die Idee ganz gut das auch so darzustellen deswegen habe ich das ganze kurz einmal nachgebaut:
              30d426dd-1e64-4eb3-b88a-b3bcdf4b48b1-image.png

              type: custom:apexcharts-card
              stacked: true
              header:
                show: true
                title: ' '
                show_states: true
                colorize_states: true
              apex_config:
                chart:
                  height: 350
                  zoom:
                    type: x
                    enabled: true
                    autoScaleYaxis: false
                  toolbar:
                    show: true
                    autoSelected: zoom
                  xaxis.type: datetime
              series:
                - entity: sensor.PV_Anlage_EnergyHomePvDay
                  name: Solarverbrauch
                  type: column
                  group_by:
                    func: max
                    duration: 23.9h
                - entity: sensor.Pv_Anlage_EnergyHomeBatDay
                  name: Batterieverbrauch
                  type: column
                  group_by:
                    func: max
                    duration: 23.9h
                - entity: sensor.PV_Anlage_EnergyHomeGridDay
                  name: Netzverbrauch
                  type: column
                  group_by:
                    func: max
                    duration: 23.9h
                - entity: sensor.Pv_Anlage_EnergyHomeDay
                  name: Hausverbrauch
                  type: column
                  group_by:
                    func: max
                    duration: 23.9h
                  show:
                    in_chart: false
              graph_span: 8d
              span:
                end: day
              

              G 1 Reply Last reply Reply Quote 0
              • G
                gyle @Zeptran last edited by gyle

                @zeptran super dann schau ich mal ob ich das so bei mir reinbekomme....
                Verständnisfrage noch zu den datenpunkten: ich brauche doch nur jeweils die historydaten für den zeitraum, oder muss ich vorher bereits irgendwas aggregieren?

                also zb: Datenpunkt aktuelle Solarleistung (Watt)

                Z 1 Reply Last reply Reply Quote 0
                • G
                  gyle @Iccube last edited by

                  @iccube
                  das geht mit custom:multiple-entity-row

                  type: entities
                  show_header_toggle: false
                  title: Automatik
                  entities:
                    - entity: input_boolean.Holiday
                      type: custom:multiple-entity-row
                      secondary_info: aktiviert die Wochenend-Zeiten
                      toggle: true
                      state_color: true
                      icon: mdi:beach
                    - type: section
                    - entity: input_boolean.Auto_Manu_Living_Area
                      name: Wohnbereich
                      secondary_info: last-changed
                      type: custom:multiple-entity-row
                      toggle: true
                      state_color: true
                      icon: mdi:clock-check-outline
                      entities:
                        - entity: sensor.Up_Time_Living_Area
                          name: Hoch
                        - entity: sensor.down_Time_Living_Area
                          name: Runter
                    - entity: input_boolean.Auto_Manu_Children_Area
                      name: Kinderbereich
                      secondary_info: last-changed
                      type: custom:multiple-entity-row
                      toggle: true
                      state_color: true
                      icon: mdi:clock-check-outline
                      entities:
                        - entity: sensor.Up_Time_Children_Area
                          name: Hoch
                        - entity: sensor.down_Time_Children_Area
                          name: Runter
                    - entity: input_boolean.Auto_Manu_Sleep_Area
                      name: Schlafbereich
                      secondary_info: last-changed
                      type: custom:multiple-entity-row
                      toggle: true
                      state_color: true
                      icon: mdi:clock-check-outline
                      entities:
                        - entity: sensor.Up_Time_Sleep_Area
                          name: Hoch
                        - entity: sensor.down_Time_Sleep_Area
                          name: Runter
                  
                  
                  Iccube 1 Reply Last reply Reply Quote 0
                  • Z
                    Zeptran @gyle last edited by

                    @gyle

                    Genau die Datenpunkte stecken bei mir in SQL drinnen und da greift Lovelace drauf zurück.

                    Sonst musst du da nichts weiter mit machen, nur die richtige Instanz für Verlaufsdaten in den Lovelace Adpater Einstellungen auswählen.

                    1 Reply Last reply Reply Quote 0
                    • Iccube
                      Iccube @gyle last edited by

                      @gyle sagte in Zeigt her eure Lovelace-Visualisierung:

                      multiple-entity-row

                      die cutom karte habe ich auch schon gehabt funktioniert aber irgenwie nicht
                      Screenshot 2022-10-19 215931.jpg

                      Screenshot 2022-10-19 220330.jpg

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

                        @iccube

                        Kommt mir bekannt vor ich habe am 29.09.2022 versucht die "custom:button-entity-row" Karte zu nutzen bei mir kommt auch die Meldung die Karte würde nicht existieren.
                        Kann es sein, dass bei der Änderung von @Garfonso mit den Unterordnern in den Instance Einstellungen was schief gelaufen ist?
                        Vielleicht kann ja mal jemand anderes mit aktueller Version einen custom Karte installieren und testen ob sie geht.
                        Kann natürlich auch an mir liegen habe das nicht weiter verfolgt Zeit ist gerade etwas knapp.

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

                          @xbit said in Zeigt her eure Lovelace-Visualisierung:

                          custom:button-entity-row

                          Button entity-row scheint aktuell kaputt zu sein. Gibt es auch ein issue zu: https://github.com/custom-cards/button-entity-row/issues/30

                          multiple-entity-row konnte ich aber installieren. Wichtig ist den Adapter neustarten und auch in lovelace mal F5 drücken.

                          System-9 created this issue in custom-cards/button-entity-row

                          open Uncaught TypeError: css is not a function #30

                          1 Reply Last reply Reply Quote 0
                          • U
                            Ultor last edited by Ultor

                            Hallo zusammen,

                            meine Lovelace-VIS ist jetzt, denke ich, nach insgesamt 2 Jahren Arbeit am Smarthome auch vorzeigbereit.

                            Mein System läuft auf einem Raspberry 4 mit 4 GByte Speicher.

                            Ich habe meine VIS bewusst recht übersichtlich gehalten und auf grafische Spielereien usw. verzichtet. Einige Ideen habe ich noch, aber ich habe meiner Freundin versprochen, erst einmal an den noch vorhandenen Bugs zu arbeiten 😉

                            Ich habe meine VIS in Geschosse eingeteilt:

                            Global.jpg
                            Das ist die Seite, in der globale Einstellungen, also für alle Ebenen, getätigt werden können.

                            KG.jpg
                            Hier wird die Beleuchtung im Keller geschaltet. Der Status der Waschmaschinen wird angezeigt. Außerdem habe ich Strom-, Wasser- und Gaszähler eingebunden.

                            EG.jpg
                            Erdgeschoss

                            OG.jpg
                            Obergeschoss

                            DG.jpg
                            Dachgeschoss

                            Solaranlage.jpg
                            Hier werden Informationen über die Solaranlage (Balkonkraftwerk) angezeigt.

                            PKW.jpg
                            Hier wird der Status meines Autos angezeigt und es können die Türen abgeschlossen werden. Es kann zusätzlich die Klimaanlage gesteuert werden, aber nur, wenn der Akku mindestens einen Füllstand von 20% hat, was derzeit nicht der Fall ist. Dann wird das Steuerelement ausgeblendet.

                            System.jpg
                            Hier werden Systeminformationen angezeigt.

                            Für Anregungen bin ich natürlich offen. Mir gefällt z. B. apex-chats ganz gut, insbesondere die gestackten Charts. Das ist mit der mini-graph-card so nicht möglich.

                            Gruß,
                            Daniel

                            G 1 Reply Last reply Reply Quote 4
                            • P
                              Plastikman @Tirador last edited by

                              Hallo zusammen,

                              hier meine aktuelle Lovelace VIS und dazu direkt noch ein paar Fragen... 🙂
                              Ich habe meine VIS Zimmer bezogen aufgebaut. Dazu dann noch einzelne Tabs zur Konfig verschiedener variablen in der Automatisierung.

                              Gesteuert wird übe 2 12" Tablets welche hochkant montiert sind. Deshalb ist meine ganze VIS auch darauf ausgerichtet.

                              da6c80b3-3a69-4e8f-b5c0-4211e0677f39-image.png

                              Home Screen:
                              1.jpg

                              Wohnzimmer:
                              2.jpg

                              Schlafzimmer:
                              3.jpg

                              Küche:
                              4.jpg

                              Bad:
                              5.jpg

                              Büro:
                              6.jpg

                              Server:
                              7.jpg

                              Wetter:
                              8.jpg

                              Wetter Fullscreen:
                              9.jpg

                              Server Steuerung:
                              10.jpg

                              Lichtkonfig:
                              11.jpg

                              Heizungkonfig:
                              12.jpg

                              Kamera Konfig:
                              13.jpg

                              Übersicht Energieverbrauch:
                              14.jpg

                              Übersicht der Kosten des Energieverbrauchs:
                              15.jpg

                              So nun zu meinen Fragen:

                              • Ich möchte gerne noch die RTSP Streams meiner Kameras in die VIS integrieren. Wie kann man das machen?
                              • Wie kann ich Spotify integrieren?

                              Fragen zu euren views und generelles:
                              @XBiT
                              In euren Views sind die Karten immer schön zusammenhängend. Bei mir sind sie leider immer so getrennt:
                              d79a6c1a-685d-4ff4-8f3c-2845c51e6189-image.png
                              Wie kann man das schön zusammenhängend aufbauen so das es eine Karte ist. WIe zB. hier:
                              9ab63ace-9b76-4919-8c09-fc446081258b-image.png

                              @XBiT
                              Wie kann man solche Karten wie für die CPU Auslastung machen und wo kommen die Status der Adapterzustände her?
                              0274f496-02ae-4547-a89a-691e28c3dbc8-image.png

                              Wie kann ich erreichen das Entitäten basierend auf Ihrem Zustand eingefärbt werden?

                              Ansonsten bin ich auf Feedback gespannt ob und was man evtl. noch wie verbessern könnte.
                              Besten Dan und liebe Grüße
                              Sebastian

                              David G. XBiT P 3 Replies Last reply Reply Quote 1
                              • David G.
                                David G. @Plastikman last edited by David G.

                                @plastikman

                                Hey,

                                schöne Visualisierung.

                                Zu deinen Fragen:

                                Die zusammenhängenden Karten bekommst du mit der custom-vertical-stack hin.
                                https://github.com/ofekashery/vertical-stack-in-card

                                Ein flüssiger Stream wird schwierig, außer du bindest eine andere Website ein.
                                Ich habe anders gelöst.
                                Meine Kamera bietet einen Link an um Bilder abzurufen.

                                http://benutzer:pw@192.168.22.215/IMAGE.JPG
                                

                                Diesen habe ich in der Bild-Entiät eingetragen.
                                Das Bild aktualisiert sich dann alle X Sekunden.

                                Die Tabelle mit den Adaptern kommt von mir. Schau dazu mal in meine Signatur.

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

                                  @plastikman

                                  Gefällt mir gut deine VIS..

                                  Zum Thema Adapterstatus siehe hier

                                  RTSP Streams gehen nicht direkt falls deine NAS eine Synology ist kann man da einen passenden Stream für die VIS erzeugen.

                                  Fritzbox: die Karte sieht so zusammenhängen aus wegen der Card "custom:vertical-stack-in-card"

                                  type: custom:vertical-stack-in-card
                                  cards:
                                   - type: markdown
                                     content: |
                                       # <center>FritzBox Status:</center>
                                   - type: picture-elements
                                     image: /cards/FritzBox_7490.png
                                     elements:
                                       - type: state-icon
                                         entity: sensor.Home_FritzBox_status_on_offline
                                         icon: mdi:lan-connect
                                         style:
                                           left: 15%
                                           top: 10%
                                           '--paper-item-icon-color': withe
                                       - type: state-label
                                         entity: sensor.Home_FritzBox_status_on_offline
                                         prefix: 'Status: '
                                         style:
                                           left: 15%
                                           top: 20%
                                       - type: state-icon
                                         entity: sensor.Home_FritzBox_max_sync_download
                                         icon: mdi:arrow-collapse-down
                                         style:
                                           left: 48%
                                           top: 10%
                                           '--paper-item-icon-color': withe
                                       - type: state-label
                                         entity: sensor.Home_FritzBox_max_sync_download
                                         prefix: 'Down: '
                                         style:
                                           left: 48%
                                           top: 20%
                                       - type: state-icon
                                         entity: sensor.Home_FritzBox_max_sync_upload
                                         icon: mdi:arrow-collapse-up
                                         style:
                                           left: 80%
                                           top: 10%
                                           '--paper-item-icon-color': withe
                                       - type: state-label
                                         entity: sensor.Home_FritzBox_max_sync_upload
                                         prefix: 'Up: '
                                         style:
                                           left: 80%
                                           top: 20%
                                   - type: horizontal-stack
                                     cards:
                                       - type: custom:mini-graph-card
                                         entities:
                                           - sensor.Home_FritzBox_aktueller_download
                                         name: Download
                                         line_color: var(--accent-color)
                                         line_width: 2
                                         icon: mdi:arrow-collapse-down
                                         show_points: false
                                         show_state: true
                                         hours_to_show: 24
                                         update_interval: 0
                                         points_per_hour: 6
                                         align_state: center
                                         aggregate_func: max
                                         smoothing: false
                                         hour24: true
                                         show:
                                           graph: line
                                           icon: true
                                           points: false
                                           labels: false
                                           fill: false
                                           extrema: true
                                           icon_adaptive_color: true
                                       - type: custom:mini-graph-card
                                         entities:
                                           - sensor.Home_FritzBox_aktueller_upload
                                         name: Upload
                                         line_color: var(--accent-color)
                                         line_width: 2
                                         icon: mdi:arrow-collapse-up
                                         show_points: false
                                         show_state: true
                                         hours_to_show: 24
                                         update_interval: 0
                                         points_per_hour: 6
                                         align_state: center
                                         aggregate_func: max
                                         smoothing: false
                                         hour24: true
                                         show:
                                           graph: line
                                           icon: true
                                           points: false
                                           labels: false
                                           fill: false
                                           extrema: true
                                           icon_adaptive_color: true
                                   - type: horizontal-stack
                                     cards:
                                       - type: custom:button-card
                                         entity: sensor.FritzBox_calllists_inbound_count
                                         show_entity_picture: true
                                         entity_picture: /cards/fritzbox_eingehender_anruf.png
                                         show_state: false
                                         name: eingehende Anrufe
                                         aspect_ratio: 2/1
                                         tap_action:
                                           action: call-service
                                           confirmation:
                                             text: >-
                                               [[[ return
                                               states['sensor.Home_angepasste_Texte_und_Anzeigen_Lovelace_FritzBox_eingehende_Anrufe'].state
                                               ]]]
                                         hold_action:
                                           action: call-service
                                           service: input_select.select_option
                                           service_data:
                                             entity_id: sensor.FritzBox_calllists_inbound_count
                                             option: 0
                                         styles:
                                           entity_picture:
                                             - width: 25%
                                           card:
                                             - border-radius: 0px
                                           name:
                                             - font-size: 13px
                                           grid:
                                             - position: relative
                                           custom_fields:
                                             eingehende_anrufe:
                                               - color: white
                                               - border-radius: 50%
                                               - position: absolute
                                               - left: 70%
                                               - top: 10%
                                               - height: 30px
                                               - width: 30px
                                               - font-size: 10px
                                               - line-height: 30px
                                               - animation: blink 3s ease infinite
                                         custom_fields:
                                           eingehende_anrufe: |
                                             [[[ 
                                               if (states['sensor.FritzBox_calllists_inbound_count'].state == '0')
                                               return ' ';
                                               return states['sensor.FritzBox_calllists_inbound_count'].state; ]]]
                                       - type: custom:button-card
                                         entity: sensor.FritzBox_calllists_outbound_count
                                         show_entity_picture: true
                                         entity_picture: /cards/fritzbox_ausgehender_anruf.png
                                         show_state: false
                                         name: ausgehende Anrufe
                                         aspect_ratio: 2/1
                                         tap_action:
                                           action: call-service
                                           confirmation:
                                             text: >-
                                               [[[ return
                                               states['sensor.Home_angepasste_Texte_und_Anzeigen_Lovelace_FritzBox_ausgehende_Anrufe'].state
                                               ]]]
                                         hold_action:
                                           action: call-service
                                           service: input_select.select_option
                                           service_data:
                                             entity_id: sensor.FritzBox_calllists_outbound_count
                                             option: 0
                                         styles:
                                           entity_picture:
                                             - width: 25%
                                           card:
                                             - border-radius: 0px
                                           name:
                                             - font-size: 13px
                                           grid:
                                             - position: relative
                                           custom_fields:
                                             ausgehende_anrufe:
                                               - color: withe
                                               - border-radius: 50%
                                               - position: absolute
                                               - left: 70%
                                               - top: 10%
                                               - height: 30px
                                               - width: 30px
                                               - font-size: 10px
                                               - line-height: 30px
                                               - animation: blink 3s ease infinite
                                         custom_fields:
                                           ausgehende_anrufe: |
                                             [[[ 
                                               if (states['sensor.FritzBox_calllists_outbound_count'].state == '0')
                                               return ' ';
                                               return states['sensor.FritzBox_calllists_outbound_count'].state; ]]]
                                       - type: custom:button-card
                                         entity: sensor.FritzBox_calllists_missed_count
                                         show_entity_picture: true
                                         entity_picture: /cards/fritzbox_unbeantworteter_anruf.png
                                         show_state: false
                                         name: verpasste Anrufe
                                         aspect_ratio: 2/1
                                         tap_action:
                                           action: call-service
                                           confirmation:
                                             text: >-
                                               [[[ return
                                               states['sensor.Home_angepasste_Texte_und_Anzeigen_Lovelace_FritzBox_verpasste_Anrufe'].state
                                               ]]]
                                         hold_action:
                                           action: call-service
                                           service: input_select.select_option
                                           service_data:
                                             entity_id: sensor.FritzBox_calllists_missed_count
                                             option: 0
                                         styles:
                                           entity_picture:
                                             - width: 25%
                                           card:
                                             - border-radius: 0px
                                           name:
                                             - font-size: 13px
                                           grid:
                                             - position: relative
                                           custom_fields:
                                             ausgehende_anrufe:
                                               - color: white
                                               - border-radius: 50%
                                               - position: absolute
                                               - left: 70%
                                               - top: 10%
                                               - height: 30px
                                               - width: 30px
                                               - font-size: 10px
                                               - line-height: 30px
                                               - animation: blink 3s ease infinite
                                         custom_fields:
                                           ausgehende_anrufe: |
                                             [[[ 
                                               if (states['sensor.FritzBox_calllists_missed_count'].state == '0')
                                               return ' ';
                                               return states['sensor.FritzBox_calllists_missed_count'].state; ]]]
                                  

                                  Die CPU Auslastung ist die Card "custom:mini-graph-card"

                                  EDIT: @David-G war schneller 🙂

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

                                    hey cool! Schon so fix Antworten!
                                    Vielen Dank für euer Feedback.

                                    Die Kameras sind von Arenti und ich glaube die haben keine Snapshot Adresse. Zumindest komme ich da nicht drann und finde auch keinen Link zur Snapshot Adresse.

                                    Einen Stream mit der Diskstation erzeugen wahrscheinlich über die Survailance Station oder? Das hatte ich früher auch schon mal in Verwendung. Konnte mir dann via Telegram Bilder senden lassen.

                                    Ich habe aber auch schon via ffmpeg auf dem Host der Ibrokers Video Streams erzeugen könne. Der kann ja auch Snapshots aus dem Kamera stream erstellen. Das wäre vermutlich die LÖsung um Snapshots zu bekommen.. Aber ob ich das wieder konfiguriert bekomme.. oha.. Das war ein ganz schönes gemache damals. Aber wurde direkt auf dem Host verarbeitet.

                                    Die Kameras sind ONVIF Kameras... Wisst Ihr dazu evtl. eine Snapshot URL?

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

                                      @plastikman

                                      über ONVIF sollte ein simpler Snapshot kein Problem sein.
                                      Aber jeder Hersteller macht sein eigenen Pfad.
                                      Bei meiner ONVIF Kamera ist es z.B.: http://192.168.XX.XX/action/snapshot
                                      Kannst du ja mal Testen mit viel Glück ist es die gleiche URL

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

                                        @plastikman

                                        Ich hatte sbiser 2-3 Kameras.

                                        Bisher konnte ich mir hier immer alle Infos holen:
                                        https://www.ispyconnect.com/cameras

                                        Arenti finde ich da aber nicht. Gibt es ggf. baugleiche Kameras anderer Hersteller?

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

                                          @david-g Doch da gibts auch arenti.
                                          Arentit

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

                                            @xbit danke Dir, hat aber leider auch nicht funktioniert.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            425
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            template vis
                                            32
                                            109
                                            31741
                                            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