Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Zeptran

    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

    Z
    • Profile
    • Following 1
    • Followers 0
    • Topics 0
    • Posts 12
    • Best 2
    • Groups 1

    Zeptran

    @Zeptran

    Starter

    4
    Reputation
    10
    Profile views
    12
    Posts
    0
    Followers
    1
    Following
    Joined Last Online

    Zeptran Follow
    Starter

    Best posts made by Zeptran

    • RE: Zeigt her eure Lovelace-Visualisierung

      Hallo zusammen,
      da es leider nur sehr wenige Beispiel der Lovelace Vis hier im Forum und Generell unter IoBroker gibt wollte ich nun auch mal meine Vorstellen.
      Die Ansicht hier sieht etwas verzerrt und Komisch aus da das Ganze auf ein Tablet Optimiert ist.

      Startseite
      Startseite der Übersicht mit PV-Anlage, Müll, Anwesenheit und die Steuerung fürs Außenwasser:![Startseite2.png]
      Startseite1.png

      Startseite2.png

      Bewässerung
      Übersicht über die Bewässerungssteuerung und Manuelles laufen lassen mit dem Adapter Sprinklecontrol:
      Bewässerung1.png

      Bewässerung2.png

      Staubsauger
      Übersicht über den Staubsauger Roboter, leider absolut nicht optimal. Bekomme die Lovelace Karten für die Valetudo Sauger nicht zum laufen da diese alle entities in einer gebündelt haben wollen, mit verschiedenen Attributen dann.
      Ist aktuell über ein hier eingebaute Vis gelöst, soll aber geändert werden da die Ladezeiten auf dem zur Verfügung stehenden Tablet störend sind.

      Robi.png

      Übersicht
      Hier eine Übersicht über das Erdgeschoss mit sämtlichen Temperaturen und den bis jetzt hier Sinnvoll darstellbaren „Smart“ Sachen.

      Grundriss.png

      Nicht gezeigtes:
      Fahrtwege und Fahrtzeiten mit Google Maps eingebettet

      Geplant ist es die Staubsauger Darstellung zu ändern auf etwas Lovelace Natives, falls hier jemand einen Tipp hat für mich sehr gerne….
      Ebenfalls ist angedacht den Rasenmäher (Gardena Sileno) einzubinden. Hier gibt es eine sehr schöne Karte für allerdings erfordert diese eine entity mit mehreren Attributen.
      Angedacht ist auch eine Visualisierung der Verpassten Anrufe, hier habe ich bis jetzt nur den tr064 Adapter aber noch keine Herangehensweise.

      Meine Custom Cards:

      banner-card.js
      button-card.js
      card-mod.js
      fold-entity-row.js
      layout-card.js
      mini-graph-card-bundle.js
      slider-entity-row.js
      stack-in-card.js
      tesla-style-solar-power-card.js

      Es sind noch einige mehr installiert als diese aber nicht in nutzbaren Views verwendet.

      Für Anregungen und Fragen bin ich offen.

      posted in Visualisierung
      Z
      Zeptran
    • RE: Zeigt her eure Lovelace-Visualisierung

      @zeptran

      So in meiner Vis hat sich in letzter Zeit Extrem viel getan, unteranderem sind zwei Tablets die die Vis darstellen dazugekommen.

      Deswegen gibt es hier jetzt ein Update zu meiner Vis

      Die Startseite hat sich in vielen Punkten geändert:
      Lovelace_Card_Mod_so_soll_es_richtig.png

      Der Garagen Öffnungsverlauf ist leider nicht unter dem Zustand Sichtbar da die Screenshots per Fullybrowser diesen aus Gründen nicht anzeigt.

      Diese ist genau so angepasst das auf der Ersten Seite nicht gescrollt werden kann.
      Hierzu habe ich mit der Card-Mod Karte den Rahmen der Markdown Elemente angepasst. Dafür braucht man folgenden Code:

      card_mod:
        style: |
          ha-markdown.no-header {
            padding-top: 10px !important;
          }
          ha-markdown {
            padding: 0px 16px 16px;
              padding-bottom: 10px !important;
          }
      

      Ab hier kommen die Screenshots jetzt vom PC da auf den Tablets auf diesen Seiten gescrollt werden muss.

      Die Seite der Bewässerung hat sich auch in einigen Punkten verändert
      54a6828d-7bfc-4419-8cef-4b54df70a206-image.png

      Neu dazu gekommen ist eine komplette Steuerung der Außen Verschattung, hierzu habe ich ebenfalls ein eignes Skript geschrieben das je nach Sonnenstand, Außentemperatur, Solarleistung im Durchschnitt der letzten 10 Minuten (Hab keinen Helligkeitssensor) die Verschattung verfährt.
      Ebenfalls musste ich die nicht eindeutigen Werte der Warema Steuerung Umrechnen und in eigene Datenpunkte für die Vis stecken.
      75ba63b7-1375-4638-be43-2088807fdc87-image.png

      Hier gibt es nun eine andere Wettervorhersage, den Pollenflug in Niedersachsen und den Verlauf der Innen und Außentemperatur:
      Lovelace_wetter_ansicht.png

      Eine eigene Solar Übersichtsseite ist ebenfalls aufgebaut worden:
      792033cc-c76d-4ed1-96d3-1590f978b543-image.png
      Es ist inzwischen unpraktisch geworden zwischen Grafana und Lovelace immerhin und her zu wechseln daher ist es letztendlich auch hier gelandet

      Auf dieser Seite gibt es einen Überblick über die Fußbodenheizung Vorlauf und Rücklauftemperaturen sowie das Warmwasser:
      a94ea288-5475-47ca-818a-a13ab3da9d5b-image.png

      Die Staubsauger Seite ist komplett rausgeflogen und hier wird nun einfach das Valetudo Interface angezeigt:
      10a691bd-b6e9-4a40-ad5c-902b6828c89c-image.png

      Falls Interesse besteht stelle ich gerne Configs zur Verfügung.

      posted in Visualisierung
      Z
      Zeptran

    Latest posts made by Zeptran

    • RE: Zeigt her eure Lovelace-Visualisierung

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

      posted in Visualisierung
      Z
      Zeptran
    • RE: Zeigt her eure Lovelace-Visualisierung

      @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
      

      posted in Visualisierung
      Z
      Zeptran
    • RE: Zeigt her eure Lovelace-Visualisierung

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

      posted in Visualisierung
      Z
      Zeptran
    • RE: Zeigt her eure Lovelace-Visualisierung

      @zeptran

      So in meiner Vis hat sich in letzter Zeit Extrem viel getan, unteranderem sind zwei Tablets die die Vis darstellen dazugekommen.

      Deswegen gibt es hier jetzt ein Update zu meiner Vis

      Die Startseite hat sich in vielen Punkten geändert:
      Lovelace_Card_Mod_so_soll_es_richtig.png

      Der Garagen Öffnungsverlauf ist leider nicht unter dem Zustand Sichtbar da die Screenshots per Fullybrowser diesen aus Gründen nicht anzeigt.

      Diese ist genau so angepasst das auf der Ersten Seite nicht gescrollt werden kann.
      Hierzu habe ich mit der Card-Mod Karte den Rahmen der Markdown Elemente angepasst. Dafür braucht man folgenden Code:

      card_mod:
        style: |
          ha-markdown.no-header {
            padding-top: 10px !important;
          }
          ha-markdown {
            padding: 0px 16px 16px;
              padding-bottom: 10px !important;
          }
      

      Ab hier kommen die Screenshots jetzt vom PC da auf den Tablets auf diesen Seiten gescrollt werden muss.

      Die Seite der Bewässerung hat sich auch in einigen Punkten verändert
      54a6828d-7bfc-4419-8cef-4b54df70a206-image.png

      Neu dazu gekommen ist eine komplette Steuerung der Außen Verschattung, hierzu habe ich ebenfalls ein eignes Skript geschrieben das je nach Sonnenstand, Außentemperatur, Solarleistung im Durchschnitt der letzten 10 Minuten (Hab keinen Helligkeitssensor) die Verschattung verfährt.
      Ebenfalls musste ich die nicht eindeutigen Werte der Warema Steuerung Umrechnen und in eigene Datenpunkte für die Vis stecken.
      75ba63b7-1375-4638-be43-2088807fdc87-image.png

      Hier gibt es nun eine andere Wettervorhersage, den Pollenflug in Niedersachsen und den Verlauf der Innen und Außentemperatur:
      Lovelace_wetter_ansicht.png

      Eine eigene Solar Übersichtsseite ist ebenfalls aufgebaut worden:
      792033cc-c76d-4ed1-96d3-1590f978b543-image.png
      Es ist inzwischen unpraktisch geworden zwischen Grafana und Lovelace immerhin und her zu wechseln daher ist es letztendlich auch hier gelandet

      Auf dieser Seite gibt es einen Überblick über die Fußbodenheizung Vorlauf und Rücklauftemperaturen sowie das Warmwasser:
      a94ea288-5475-47ca-818a-a13ab3da9d5b-image.png

      Die Staubsauger Seite ist komplett rausgeflogen und hier wird nun einfach das Valetudo Interface angezeigt:
      10a691bd-b6e9-4a40-ad5c-902b6828c89c-image.png

      Falls Interesse besteht stelle ich gerne Configs zur Verfügung.

      posted in Visualisierung
      Z
      Zeptran
    • RE: Test Adapter lovelace v1.2.x

      Hallo zusammen,

      ich habe vorhin die Lovelace Version aus dem Git Repository runtergeladen und installiert.

      Leider hat es einige Ändern am Frontend gegeben und die mühsam aufgebaute Skalierung hat es zerschossen.
      Die Startseite meiner Vis ist so gedacht, dass es die komplette Größe der zwei Vis Tablets einnimmt.
      Leider war das wie geschrieben nach dem Update nicht mehr der Fall.
      Also habe ich mich eingehend mit der Card-Mod Karte beschäftigt und die Rahmen Größe um die Markdown Elemente zu verkleinern.

      Hier kann man in der linken Spalte sehen das unten Text abgeschnitten ist.
      Lovelace_Card_Mod_so_soll_es_nicht.png

      Mit den Folgenden Änderungen:

      card_mod:
        style: |
          ha-markdown.no-header {
            padding-top: 10px !important;
          }
          ha-markdown {
            padding: 0px 16px 16px;
              padding-bottom: 10px !important;
          } 
      

      wird das ganze so angepasst wie es hier im zweiten Bild zu sehen ist.
      Lovelace_Card_Mod_so_soll_es.png

      Ich hoffe ich kann damit jemandem Weiterhelfen.

      So sieht es dann am Ende mit sämtlichen Markdowns angepasst aus:


      Lovelace_Card_Mod_so_soll_es_richtig.png

      (Der Verlauf der Garage, ob sie zu oder offen ist, wird auf den Screenshots über Fullybrowser nicht angezeigt....)

      Grüße

      posted in Tester
      Z
      Zeptran
    • RE: Adapter Paketverfolgung DHL, Briefe, Amazon, DPD,GLS,UPS,17T

      @biker1602

      Geht wenn du über den Github Link installierst im Adapter Tab.
      Dafür muss aber der Experten Modus an sein, dann gibt es im Adapter Tab ein Github Icon.

      Da kannst du dann den Link vom Adpater einfügen.

      posted in Tester
      Z
      Zeptran
    • RE: Adapter Paketverfolgung DHL, Briefe, Amazon, DPD,GLS,UPS,17T

      @tombox

      Funktioniert Perfekt mit 0.0.22

      Vielen Dank!

      posted in Tester
      Z
      Zeptran
    • RE: Test Adapter lovelace v1.2.x

      Hallo zusammen,

      ich nutze jetzt seit einer Weile den Lovelace Adapter und bin absolut begeistert davon.
      Vielen Dank für die Entwicklung!

      Da ich doch auf inzwischen viele Custom Cards und eigene Bilder / Icons zurück greife ist die Übersicht in den Instanzen Einstellungen unübersichtlich geworden.

      Daher habe ich einen Ordner für Bilder / Icons angelegt im Datei Browser, wenn nun allerdings ein Ordern hier angelegt ist werden keine Dateien mehr in den Instanzen Einstellungen angezeigt.

      Vielleicht wäre es möglich dies mit einzubauen?
      Ich kann mir vorstellen das das ein wenig komplex ist das mit einzubauen da vor allem Custom Cards hier im ''Root'' Verzeichnis vom Adapter liegen sollten.

      Danke für den genialen Adapter

      Grüße

      posted in Tester
      Z
      Zeptran
    • RE: Adapter Paketverfolgung DHL, Briefe, Amazon, DPD,GLS,UPS,17T

      @mcfly11111

      Habe den Adapter heute installiert, alle anderen Anbieter laufen.
      Bei Amazon kommt die gleiche Fehlermeldung wie bei dir.

      posted in Tester
      Z
      Zeptran
    • RE: Test Adapter Sprinkle Control 0.2.x mit neuen Funktionen

      @dirk-peter
      Hallo,

      ich habe das ganze entsprechend deiner Anleitung umgestellt.
      Funktioniert soweit super bis auf ein kleines Problem.

      Bei jedem Regen Tag wird der Tages Unterschied wieder überschrieben und laufen wieder parallel.

      Hast du hierfür noch einen Tipp für mich, wie ich das manuelle Umstellen umgehen kann?

      MfG
      Paul

      posted in Tester
      Z
      Zeptran
    Community
    Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
    The ioBroker Community 2014-2023
    logo