Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Support Adapter Energiefluss-erweitert v0.7.7

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.5k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.1k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    2.7k

Support Adapter Energiefluss-erweitert v0.7.7

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
4.5k Beiträge 196 Kommentatoren 5.8m Aufrufe 166 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • SKBS SKB

    Aktuell gibt es den älteren "Energiefluss-Adapter" als Test/Beta im Github
    (Link zum älteren Adapter ->https://forum.iobroker.net/topic/55627/test-adapter-energiefluss-v3-6-x-github-latest)

    Da ich in diesem Adapter historisch mehr oder minder Dinge eingebaut habe, an die ich vorher gar nicht zu denken gewagt habe und eine Erweiterung inzwischen schier unmöglich wird, habe ich mich entschlossen, eine Version zu entwickeln, die die Büchse der Pandora nicht nur öffnet, sondern auch verwirklichen kann :)

    Diese findet Ihr wie gewohnt auf Github unter:

    https://github.com/SKB-CGN/ioBroker.energiefluss-erweitert

    Es gibt bereits jetzt zahlreiche Dinge, die der alte Adapter nicht unterstützt hat - hier jedoch bereits implementiert wurden.

    Im einzelnen die Funktionen, die ich bereits adaptiert bzw. neu hinzugefügt habe:

    • Der Adapter wird nun über eine Web-Oberfläche statt über ioBroker konfiguriert - dies ist benutzerfreundlicher
    • Die Arbeitsfläche lässt sich frei in Breite und Höhe gestalten
    • Es können unbegrenzt viele Elemente auf der Arbeitsfläche abgelegt werden (Texte, Datenpunkte, Rechtecke, Kreise, Icons, etc)
    • Jedes Element lässt sich in Größe, Position, Farbe, Schatten, Transparenz anpassen
    • Elemente können via Maus oder Koordinaten-Eingabe positioniert werden oder aneinander ausgerichtet werden (mitte, rechts, links, vertikale Oberkante, vertikale Unterkante und vertikaler Mittelpunkt)
    • Animationen lassen sich wie in der alten Version anpassen (Farbe der Punkte, Farbe der Linie)
    • Animationen können erfolgen, wenn der Datenpunkt Wert positiv oder negativ ist. Auch hier ist ein Schwellenwert möglich
    • Die Elemente können frei untereinander verbunden werden. Es gibt einen Element Modus und einen Connection Point Modus.
      Element: Die Linie wird immer am nächst passenden Eingang angedockt und verschiebt sich passend, wenn das Element bewegt wird.
      Connection Point: Die Linie wird einem der verfügbaren 12 möglichen Eingänge zugewiesen und hält diesen bei, auch wenn das Element bewegt wird
    • Der Benutzer kann unbegrenzt viele Datenpunkte über den Object-Browser hinzufügen, die im Adapter verwendet werden
    • Jedem Datenpunkt-Text, Rechteck oder Kreis kann ein Datenpunkt zugewiesen werden
    • Alle Datenpunkt-Anzeigen lassen sich für sich selbst konfigurieren:
      Quelle kann W oder kW sein, Umrechnung von W in kW kann erfolgen - muss aber nicht, die Einheit wird pro Element gewählt, jede Datenquelle kann ihren eigenen Schwellenwert haben, die Anzahl der Dezimalstellen ist wählbar (0, 1, 2)
    • Rechtecke oder Kreise können mit einem Datenpunkt belegt werden und anhand des Wertes eine Füllfarbe erhalten. Diese kann prozentual sein oder mit maximalem Wert.
      Prozent: Das Element wird anhand des Datenpunktes prozentual gefüllt
      max. Wert: Das Element wird erneut prozentual gefüllt, jedoch anhand des Wertes. Beispiel: max Wert 4000, Datenpunkt-Wert 3000 -> 3000/4000 * 100 -> 75%
    • Datenpunkte, die sowohl positive als auch negative Werte liefern, können positiv dargestellt werden, wenn sie negativ sind (und nur dann)
    • Icons von Iconify (https://iconify.design/) lassen sich direkt über den Energiefluss Workspace integrieren und in ihrer Farbe, Größe, Position und Schattierung anpassen
    • Für den gesamten Workspace lassen sich eigene CSS Style integrieren, die der Benutzer frei festlegen kann
    • Es gibt eine Erinnerung, wenn die Seite verlassen wurde, Änderungen aber nicht gespeichert wurden
    • Während der Konfiguration eines Elements wird der aktuelle Status gespeichert - dieser erlaubt es, das Element in seinem ursprünglichen Status wiederherzustellen, sollte man sich verklickt haben
    • Bei Rechtecken und Kreisen können nun Adressen hinterlegt werden, auf die bei einem Klick/Tap verwiesen wird. Die Anzeige ist in einem Overlay, einer neuen Seite (Tab) oder derselben Seite möglich
    • Alle Seiten sind responsive - heisst, sie laufen auf PC, Tablet, Handy und lassen sich dort auch konfigurieren
    • Der Adapter benutzt nun die schnelleren Web-Sockets von ioBroker und reagiert etwa 10 Mal schneller, jedoch auch 10 Mal schonender im Browser (oder anderer Anzeige)

    Damit ihr direkt loslegen könnt, habe ich dem Adapter eine Beispiel-Konfiguration beigelegt. Diese kann natürlich gelöscht werden ;)

    Noch eine kleine Hilfe, wie der Adapter nun zu benutzen ist (gerne Vorschläge, wenn dies unverständlich ist oder verbessert werden kann):

    • Der Web-Adapter muss weiterhin auf integrierten socket.io konfiguriert sein
    • Nach Installation des Adapters sollte dieser automatisch gestartet sein. Da ich nur das Design, nicht aber Datenpunkte mitgegeben habe, müsst ihr diese natürlich angeben.
    • Dazu öffnet ihr den Instanz-Link in den ioBroker Instanzen
      2023-04-27 12_30_37-instances - iobrokerStandby.png
    • Es wird eine Warnmeldung angezeigt, das der Adapter nicht konfiguriert und eine Basis-Konfiguration geladen wurde
      2023-04-27 12_33_49-Energiefluss - erweitert.png
    • Nun könnt ihr die Konfiguration mit dem Zahnrädchen unten links (welches immer sichtbar ist) öffnen
      2023-04-27 12_34_42-.png
    • Hier wird die gleiche Warnung erneut angezeigt und verschwindet nach einigen Sekunden. Oberhalb der Konfigurationsseite findet ihr die einzelnen Menüs, die benutzbar sind.
    • Hier klickt ihr auf 2023-04-27 12_37_05-Energiefluss - erweitert Configuration.png
      um Eure Datenpunkte dem Adapter mitzuteilen. Diese lassen sich auch mit einem Alias belegen, um sie besser wieder finden zu können. Bitte beachten: Jeder Datenpunkt wird nur einmal festgelegt, kann aber unzählige Male verwendet werden. Auch lassen sich Datenpunkte editieren und löschen.
      2023-04-27 12_38_49-Energiefluss - erweitert Configuration.png
    • Nachdem nun die Datenpunkte dem Adapter bekannt sind, sind diese in der Tabelle sichtbar und können dann einem Element, einem Rechteck, einem Kreis oder einer Animation zugewiesen werden. Dies geschieht über den Konfigurator des Elements selbst, indem ihr auf dieses Element klickt
      2023-04-27 12_46_37-Energiefluss - erweitert Configuration.png
    • Element Datentext: 2023-04-27 12_47_44-Energiefluss - erweitert Configuration.png Hier lässt sich dann auch direkt die Einheit, Farben usw einstellen. Auch gibt es oberhalb noch den "Advanced" Bereich, wo die Anzeige beinflusst werden kann.
      2023-04-27 12_49_00-Energiefluss - erweitert Configuration.png
    • Nach einem Klick auf "Save", und dann "Save & Exit" wird die Konfiguration gespeichert und ihr werdet zur Anzeige Eures Energiefluss - erweitert geleitet.

    Viel Spaß und gutes Gelingen! ;)

    Natürlich möchte ich mich auch bei den Testern zu Beginn bedanken: @Homoran @da_Woody @maximal1981 @guergen @wendy2702 @Maxtor62 @BananaJoe

    sigi234S Online
    sigi234S Online
    sigi234
    Forum Testing Most Active
    schrieb am zuletzt editiert von
    #131

    @skb sagte in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

    Schreibt hier bitte zu Beginn alle Ideen rein, die Euch einfallen!

    Hallo folgende Ideen:

    • Timestamp von: letzte Änderung

    • Hintergrund in der Config änderbar

    • Bild Icons

    • Animation der Icons bei Wertänderung - blinken, pulsierend....

    • Selektieren Aller Elemente - copy, paste

    • Elemente via Cursor verschiebbar

    • Selektieren nach Typ

    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
    Immer Daten sichern!

    SKBS 2 Antworten Letzte Antwort
    0
    • SKBS SKB

      @da_woody Gut, ich verstehe leider erneut nicht, was Du meinst.

      da_WoodyD Offline
      da_WoodyD Offline
      da_Woody
      schrieb am zuletzt editiert von
      #132

      @skb alles gut. :) k.a. ob's an mir liegt, an meinem system, oder was weis ich.
      mehr als auf dein posting zu antworten, kann ich nicht.
      gerade war alles ok, bis auf das jetzt überhaupt keine punkte laufen.
      bei jedem update springen bei mir die zahlen herum.
      611798cb-2c1a-4fc3-b1b1-45c6376471dc-grafik.png
      keine minute später:
      56f77712-0ea8-4c4f-9776-416d5c29e4f9-grafik.png

      gruß vom Woody
      HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

      SKBS 1 Antwort Letzte Antwort
      0
      • da_WoodyD da_Woody

        @skb alles gut. :) k.a. ob's an mir liegt, an meinem system, oder was weis ich.
        mehr als auf dein posting zu antworten, kann ich nicht.
        gerade war alles ok, bis auf das jetzt überhaupt keine punkte laufen.
        bei jedem update springen bei mir die zahlen herum.
        611798cb-2c1a-4fc3-b1b1-45c6376471dc-grafik.png
        keine minute später:
        56f77712-0ea8-4c4f-9776-416d5c29e4f9-grafik.png

        SKBS Offline
        SKBS Offline
        SKB
        Developer Most Active
        schrieb am zuletzt editiert von
        #133

        @da_woody Teste das doch einfach mal.

        Leg einen Datenpunkt vom Typ Number, schreibe dort den Wert 500.00 rein.

        Dann fügst du den Wert als Source hinzu, legst einen Datenwert auf die Oberfläche uns weist ihm die Quelle zu.

        Dann öffnest Du die LiveAnsicht und änderst den Wert in 510.05 oder so.

        Dann siehst Du, ob das richtig klappt oder nicht.

        Auch geht ja 500.55555999874637 - hier natürlich Dann auch die Nachkommastellen im Workspace einstellen.

        ... wer nicht mit der Zeit geht, geht mit der Zeit ...

        Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

        1 Antwort Letzte Antwort
        0
        • sigi234S sigi234

          @skb sagte in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

          Schreibt hier bitte zu Beginn alle Ideen rein, die Euch einfallen!

          Hallo folgende Ideen:

          • Timestamp von: letzte Änderung

          • Hintergrund in der Config änderbar

          • Bild Icons

          • Animation der Icons bei Wertänderung - blinken, pulsierend....

          • Selektieren Aller Elemente - copy, paste

          • Elemente via Cursor verschiebbar

          • Selektieren nach Typ

          SKBS Offline
          SKBS Offline
          SKB
          Developer Most Active
          schrieb am zuletzt editiert von SKB
          #134

          @sigi234 Danke für deine Ideen.

          Den Hintergrund der Seite selbst meinst Du?

          Diesen kannst Du im Reiter CSS anpassen.

          html,body {
          background-color: #00000; /* schwarz */
          }
          

          Selektion nach Typ meinst Du wie?

          ... wer nicht mit der Zeit geht, geht mit der Zeit ...

          Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

          sigi234S 1 Antwort Letzte Antwort
          0
          • SKBS SKB

            @sigi234 Danke für deine Ideen.

            Den Hintergrund der Seite selbst meinst Du?

            Diesen kannst Du im Reiter CSS anpassen.

            html,body {
            background-color: #00000; /* schwarz */
            }
            

            Selektion nach Typ meinst Du wie?

            sigi234S Online
            sigi234S Online
            sigi234
            Forum Testing Most Active
            schrieb am zuletzt editiert von sigi234
            #135

            @skb sagte in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

            @sigi234 Danke für deine Ideen.

            Den Hintergrund der Seite selbst meinst Du?

            Nein, nur in der Config beim bearbeiten

            Selektion nach Typ meinst Du wie?

            Wähle alle txt Bausteine - ändere die Schrift für Alle
            Wähle alle Icon Bausteine - ändere die Größe für Alle

            Übrigens, das Kommastellen Problem habe ich auch.

            Screenshot (82).jpg

            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
            Immer Daten sichern!

            SKBS M 2 Antworten Letzte Antwort
            0
            • sigi234S sigi234

              @skb sagte in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

              @sigi234 Danke für deine Ideen.

              Den Hintergrund der Seite selbst meinst Du?

              Nein, nur in der Config beim bearbeiten

              Selektion nach Typ meinst Du wie?

              Wähle alle txt Bausteine - ändere die Schrift für Alle
              Wähle alle Icon Bausteine - ändere die Größe für Alle

              Übrigens, das Kommastellen Problem habe ich auch.

              Screenshot (82).jpg

              SKBS Offline
              SKBS Offline
              SKB
              Developer Most Active
              schrieb am zuletzt editiert von
              #136

              @sigi234 Gut, der Code von oben greift für beide Seiten. Kannst du also nutzen, wenn du möchtest.

              Ok, Auswahl nach Typ habe ich verstanden. Den Rest auch. Schaue mir an, wie ichs einbauen kann.

              Dann kannst Du das KommaProblem ja genau wie @da_Woody einmal ausprobieren.

              ... wer nicht mit der Zeit geht, geht mit der Zeit ...

              Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

              1 Antwort Letzte Antwort
              0
              • R Offline
                R Offline
                ralle
                schrieb am zuletzt editiert von ralle
                #137

                @skb

                Habs auch mal Installiert, soweit klappts sehr gut, nur die Animation will bei mir nicht, es laufen keine Punkte. Keine Ahnung wo ich evt einen Fehler gemacht habe

                Ist gelöst, man muss der Animation sagen was sie machen soll. Danke

                1 Antwort Letzte Antwort
                1
                • sigi234S sigi234

                  @skb sagte in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

                  @sigi234 Danke für deine Ideen.

                  Den Hintergrund der Seite selbst meinst Du?

                  Nein, nur in der Config beim bearbeiten

                  Selektion nach Typ meinst Du wie?

                  Wähle alle txt Bausteine - ändere die Schrift für Alle
                  Wähle alle Icon Bausteine - ändere die Größe für Alle

                  Übrigens, das Kommastellen Problem habe ich auch.

                  Screenshot (82).jpg

                  M Online
                  M Online
                  MCU
                  schrieb am zuletzt editiert von MCU
                  #138

                  @sigi234

                  Wähle alle txt Bausteine - ändere die Schrift für Alle
                  Wähle alle Icon Bausteine - ändere die Größe für Alle

                  Kann man über CSS einstellen.

                  https://forum.iobroker.net/post/984869

                  NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                  Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                  SKBS 1 Antwort Letzte Antwort
                  0
                  • M MCU

                    @sigi234

                    Wähle alle txt Bausteine - ändere die Schrift für Alle
                    Wähle alle Icon Bausteine - ändere die Größe für Alle

                    Kann man über CSS einstellen.

                    https://forum.iobroker.net/post/984869

                    SKBS Offline
                    SKBS Offline
                    SKB
                    Developer Most Active
                    schrieb am zuletzt editiert von
                    #139

                    @mcu Baue ich mit ein, Bulk Updates.

                    Viele können kein CSS :)

                    ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                    Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                    M 1 Antwort Letzte Antwort
                    1
                    • SKBS SKB

                      @mcu Baue ich mit ein, Bulk Updates.

                      Viele können kein CSS :)

                      M Online
                      M Online
                      MCU
                      schrieb am zuletzt editiert von
                      #140

                      @skb
                      Verbindungslinien nicht gleich lang?
                      6d30899b-4f8f-4c01-89ce-fd0e9a919c39-image.png
                      Linen mit Umrahmung und ohne?
                      mit
                      f4ff8046-493b-499a-97a1-104ec904f590-image.png
                      ohne
                      7b8c6b44-b3c0-418e-8810-ce772832da6f-image.png

                      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                      SKBS 1 Antwort Letzte Antwort
                      0
                      • M MCU

                        @skb
                        Verbindungslinien nicht gleich lang?
                        6d30899b-4f8f-4c01-89ce-fd0e9a919c39-image.png
                        Linen mit Umrahmung und ohne?
                        mit
                        f4ff8046-493b-499a-97a1-104ec904f590-image.png
                        ohne
                        7b8c6b44-b3c0-418e-8810-ce772832da6f-image.png

                        SKBS Offline
                        SKBS Offline
                        SKB
                        Developer Most Active
                        schrieb am zuletzt editiert von
                        #141

                        @mcu Was heisst mit und ohne?

                        ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                        Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                        M 1 Antwort Letzte Antwort
                        0
                        • SKBS SKB

                          @mcu Was heisst mit und ohne?

                          M Online
                          M Online
                          MCU
                          schrieb am zuletzt editiert von
                          #142

                          @skb Mit Rahmen und ohne Rahmen

                          NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                          SKBS 1 Antwort Letzte Antwort
                          0
                          • M MCU

                            @skb Mit Rahmen und ohne Rahmen

                            SKBS Offline
                            SKBS Offline
                            SKB
                            Developer Most Active
                            schrieb am zuletzt editiert von
                            #143

                            @mcu Welcher Rahmen?

                            ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                            Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                            M 1 Antwort Letzte Antwort
                            0
                            • SKBS SKB

                              @mcu Welcher Rahmen?

                              M Online
                              M Online
                              MCU
                              schrieb am zuletzt editiert von MCU
                              #144

                              @skb Bei Verbindungslinien gibt es manchmal einen Rahmen (gräulich) und teilweise ohne (siehe Verbindunglinie in der Mitte.
                              Sieht man, wenn man es vergrößert.
                              Mag auch an der Vergrößerung durch Paint liegen?
                              Trotzdem sind die Linien, an unterschiedlichen Positionen, nicht gleich lang.
                              6e716c5c-1bb9-4db2-9c49-0a27948bc4a1-image.png

                              NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                              1 Antwort Letzte Antwort
                              0
                              • SKBS SKB

                                Aktuell gibt es den älteren "Energiefluss-Adapter" als Test/Beta im Github
                                (Link zum älteren Adapter ->https://forum.iobroker.net/topic/55627/test-adapter-energiefluss-v3-6-x-github-latest)

                                Da ich in diesem Adapter historisch mehr oder minder Dinge eingebaut habe, an die ich vorher gar nicht zu denken gewagt habe und eine Erweiterung inzwischen schier unmöglich wird, habe ich mich entschlossen, eine Version zu entwickeln, die die Büchse der Pandora nicht nur öffnet, sondern auch verwirklichen kann :)

                                Diese findet Ihr wie gewohnt auf Github unter:

                                https://github.com/SKB-CGN/ioBroker.energiefluss-erweitert

                                Es gibt bereits jetzt zahlreiche Dinge, die der alte Adapter nicht unterstützt hat - hier jedoch bereits implementiert wurden.

                                Im einzelnen die Funktionen, die ich bereits adaptiert bzw. neu hinzugefügt habe:

                                • Der Adapter wird nun über eine Web-Oberfläche statt über ioBroker konfiguriert - dies ist benutzerfreundlicher
                                • Die Arbeitsfläche lässt sich frei in Breite und Höhe gestalten
                                • Es können unbegrenzt viele Elemente auf der Arbeitsfläche abgelegt werden (Texte, Datenpunkte, Rechtecke, Kreise, Icons, etc)
                                • Jedes Element lässt sich in Größe, Position, Farbe, Schatten, Transparenz anpassen
                                • Elemente können via Maus oder Koordinaten-Eingabe positioniert werden oder aneinander ausgerichtet werden (mitte, rechts, links, vertikale Oberkante, vertikale Unterkante und vertikaler Mittelpunkt)
                                • Animationen lassen sich wie in der alten Version anpassen (Farbe der Punkte, Farbe der Linie)
                                • Animationen können erfolgen, wenn der Datenpunkt Wert positiv oder negativ ist. Auch hier ist ein Schwellenwert möglich
                                • Die Elemente können frei untereinander verbunden werden. Es gibt einen Element Modus und einen Connection Point Modus.
                                  Element: Die Linie wird immer am nächst passenden Eingang angedockt und verschiebt sich passend, wenn das Element bewegt wird.
                                  Connection Point: Die Linie wird einem der verfügbaren 12 möglichen Eingänge zugewiesen und hält diesen bei, auch wenn das Element bewegt wird
                                • Der Benutzer kann unbegrenzt viele Datenpunkte über den Object-Browser hinzufügen, die im Adapter verwendet werden
                                • Jedem Datenpunkt-Text, Rechteck oder Kreis kann ein Datenpunkt zugewiesen werden
                                • Alle Datenpunkt-Anzeigen lassen sich für sich selbst konfigurieren:
                                  Quelle kann W oder kW sein, Umrechnung von W in kW kann erfolgen - muss aber nicht, die Einheit wird pro Element gewählt, jede Datenquelle kann ihren eigenen Schwellenwert haben, die Anzahl der Dezimalstellen ist wählbar (0, 1, 2)
                                • Rechtecke oder Kreise können mit einem Datenpunkt belegt werden und anhand des Wertes eine Füllfarbe erhalten. Diese kann prozentual sein oder mit maximalem Wert.
                                  Prozent: Das Element wird anhand des Datenpunktes prozentual gefüllt
                                  max. Wert: Das Element wird erneut prozentual gefüllt, jedoch anhand des Wertes. Beispiel: max Wert 4000, Datenpunkt-Wert 3000 -> 3000/4000 * 100 -> 75%
                                • Datenpunkte, die sowohl positive als auch negative Werte liefern, können positiv dargestellt werden, wenn sie negativ sind (und nur dann)
                                • Icons von Iconify (https://iconify.design/) lassen sich direkt über den Energiefluss Workspace integrieren und in ihrer Farbe, Größe, Position und Schattierung anpassen
                                • Für den gesamten Workspace lassen sich eigene CSS Style integrieren, die der Benutzer frei festlegen kann
                                • Es gibt eine Erinnerung, wenn die Seite verlassen wurde, Änderungen aber nicht gespeichert wurden
                                • Während der Konfiguration eines Elements wird der aktuelle Status gespeichert - dieser erlaubt es, das Element in seinem ursprünglichen Status wiederherzustellen, sollte man sich verklickt haben
                                • Bei Rechtecken und Kreisen können nun Adressen hinterlegt werden, auf die bei einem Klick/Tap verwiesen wird. Die Anzeige ist in einem Overlay, einer neuen Seite (Tab) oder derselben Seite möglich
                                • Alle Seiten sind responsive - heisst, sie laufen auf PC, Tablet, Handy und lassen sich dort auch konfigurieren
                                • Der Adapter benutzt nun die schnelleren Web-Sockets von ioBroker und reagiert etwa 10 Mal schneller, jedoch auch 10 Mal schonender im Browser (oder anderer Anzeige)

                                Damit ihr direkt loslegen könnt, habe ich dem Adapter eine Beispiel-Konfiguration beigelegt. Diese kann natürlich gelöscht werden ;)

                                Noch eine kleine Hilfe, wie der Adapter nun zu benutzen ist (gerne Vorschläge, wenn dies unverständlich ist oder verbessert werden kann):

                                • Der Web-Adapter muss weiterhin auf integrierten socket.io konfiguriert sein
                                • Nach Installation des Adapters sollte dieser automatisch gestartet sein. Da ich nur das Design, nicht aber Datenpunkte mitgegeben habe, müsst ihr diese natürlich angeben.
                                • Dazu öffnet ihr den Instanz-Link in den ioBroker Instanzen
                                  2023-04-27 12_30_37-instances - iobrokerStandby.png
                                • Es wird eine Warnmeldung angezeigt, das der Adapter nicht konfiguriert und eine Basis-Konfiguration geladen wurde
                                  2023-04-27 12_33_49-Energiefluss - erweitert.png
                                • Nun könnt ihr die Konfiguration mit dem Zahnrädchen unten links (welches immer sichtbar ist) öffnen
                                  2023-04-27 12_34_42-.png
                                • Hier wird die gleiche Warnung erneut angezeigt und verschwindet nach einigen Sekunden. Oberhalb der Konfigurationsseite findet ihr die einzelnen Menüs, die benutzbar sind.
                                • Hier klickt ihr auf 2023-04-27 12_37_05-Energiefluss - erweitert Configuration.png
                                  um Eure Datenpunkte dem Adapter mitzuteilen. Diese lassen sich auch mit einem Alias belegen, um sie besser wieder finden zu können. Bitte beachten: Jeder Datenpunkt wird nur einmal festgelegt, kann aber unzählige Male verwendet werden. Auch lassen sich Datenpunkte editieren und löschen.
                                  2023-04-27 12_38_49-Energiefluss - erweitert Configuration.png
                                • Nachdem nun die Datenpunkte dem Adapter bekannt sind, sind diese in der Tabelle sichtbar und können dann einem Element, einem Rechteck, einem Kreis oder einer Animation zugewiesen werden. Dies geschieht über den Konfigurator des Elements selbst, indem ihr auf dieses Element klickt
                                  2023-04-27 12_46_37-Energiefluss - erweitert Configuration.png
                                • Element Datentext: 2023-04-27 12_47_44-Energiefluss - erweitert Configuration.png Hier lässt sich dann auch direkt die Einheit, Farben usw einstellen. Auch gibt es oberhalb noch den "Advanced" Bereich, wo die Anzeige beinflusst werden kann.
                                  2023-04-27 12_49_00-Energiefluss - erweitert Configuration.png
                                • Nach einem Klick auf "Save", und dann "Save & Exit" wird die Konfiguration gespeichert und ihr werdet zur Anzeige Eures Energiefluss - erweitert geleitet.

                                Viel Spaß und gutes Gelingen! ;)

                                Natürlich möchte ich mich auch bei den Testern zu Beginn bedanken: @Homoran @da_Woody @maximal1981 @guergen @wendy2702 @Maxtor62 @BananaJoe

                                sigi234S Online
                                sigi234S Online
                                sigi234
                                Forum Testing Most Active
                                schrieb am zuletzt editiert von
                                #145

                                @skb

                                Es wird schon, Super Adapter.:+1:

                                Animation_Energiefluss.gif

                                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                Immer Daten sichern!

                                SKBS 1 Antwort Letzte Antwort
                                2
                                • sigi234S sigi234

                                  @skb

                                  Es wird schon, Super Adapter.:+1:

                                  Animation_Energiefluss.gif

                                  SKBS Offline
                                  SKBS Offline
                                  SKB
                                  Developer Most Active
                                  schrieb am zuletzt editiert von
                                  #146

                                  @sigi234 klappt es nun mit den Kommastellen?

                                  ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                                  Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                                  sigi234S 1 Antwort Letzte Antwort
                                  0
                                  • SKBS SKB

                                    @rabbit6984 Heisst, du hast 2 DPs für das Netz?
                                    Das kann ich aktuell noch nicht abbilden - hatte ich aber nicht auf dem Schirm.
                                    Kümmere ich mich drum.

                                    daniel.driessenD Offline
                                    daniel.driessenD Offline
                                    daniel.driessen
                                    schrieb am zuletzt editiert von
                                    #147

                                    @skb Das wäre super. Diese Funktion vermisse ich auch. Ansonsten hilft nur ein Workaround um mein Setup abzubilden. Ansonsten schon mal super Adapter. Sieht echt gut aus! Danke für die Klasse Arbeit.

                                    1 Antwort Letzte Antwort
                                    0
                                    • SKBS SKB

                                      @sigi234 klappt es nun mit den Kommastellen?

                                      sigi234S Online
                                      sigi234S Online
                                      sigi234
                                      Forum Testing Most Active
                                      schrieb am zuletzt editiert von sigi234
                                      #148

                                      @skb sagte in Test Adapter Energiefluss-erweitert v0.0.x GitHub/Latest:

                                      @sigi234 klappt es nun mit den Kommastellen?

                                      Nein, leider

                                      Animation_Energiefluss_komma.gif

                                      {
                                        "common": {
                                          "name": "Zahl",
                                          "desc": "Manuell erzeugt",
                                          "role": "state",
                                          "type": "number",
                                          "read": true,
                                          "write": true,
                                          "def": 0
                                        },
                                        "type": "state",
                                        "native": {},
                                        "from": "system.adapter.admin.0",
                                        "user": "system.user.admin",
                                        "ts": 1680797098297,
                                        "_id": "0_userdata.0.Zahl",
                                        "acl": {
                                          "object": 1636,
                                          "state": 1636,
                                          "owner": "system.user.admin",
                                          "ownerGroup": "system.group.administrator"
                                        }
                                      }
                                      

                                      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                                      Immer Daten sichern!

                                      SKBS 1 Antwort Letzte Antwort
                                      1
                                      • daniel.driessenD Offline
                                        daniel.driessenD Offline
                                        daniel.driessen
                                        schrieb am zuletzt editiert von
                                        #149

                                        Hallo nochmal...
                                        Mir ist aufgefallen, das (zumindest bei mir) die Einstellung der Linienenden keine Auswirkung hat.
                                        Sie sehen immer gleich aus:
                                        Bildschirmfoto 2023-04-30 um 12.11.25.pngHier sind sie z.B. auf "Rounded Ends" gestellt. Egal welche Einstellung ich nehme und welchen Browser ich benutze. Sie sehen immer so aus wie auf dem Screenshot.
                                        Falls das bereits erwähnt wurde, bitte ich um Entschuldigung.

                                        Darüber hinaus, fände ich es persönlich schön, wenn man bezüglich der Linien und Kreise/Rechtecke mit einem "z-index" arbeiten könnte.
                                        Anscheinend werden die Linien im HTML code nach den Kreisen/Rechtecken generiert. Das führt dazu das die Endpunkte der Linien auf den Kreisen liegen, was meiner Meinung nach sehr unschön aussieht. Würden die Linien unter den Kreisen/Rechtecken liegen, sähe es sehr viel schöner aus. Mit einem "z-index" sollte das doch recht einfach lösbar sein, oder? Alternativ wäre es natürlich auch möglich die Linien einfach vor den Kreisen und Rechtecken im HTML abzubilden wenn es niemanden stört und nichts anderes dagegen spricht.

                                        Ansonsten an dieser Stelle nochmal: Klasse Arbeit! Vielen Dank! Und weiter so!
                                        Ein "kleines Trinkgeld" habe ich da gelassen. :wink:

                                        Freundliche Grüße und noch einen schönen Sonntag

                                        SKBS 1 Antwort Letzte Antwort
                                        0
                                        • daniel.driessenD daniel.driessen

                                          Hallo nochmal...
                                          Mir ist aufgefallen, das (zumindest bei mir) die Einstellung der Linienenden keine Auswirkung hat.
                                          Sie sehen immer gleich aus:
                                          Bildschirmfoto 2023-04-30 um 12.11.25.pngHier sind sie z.B. auf "Rounded Ends" gestellt. Egal welche Einstellung ich nehme und welchen Browser ich benutze. Sie sehen immer so aus wie auf dem Screenshot.
                                          Falls das bereits erwähnt wurde, bitte ich um Entschuldigung.

                                          Darüber hinaus, fände ich es persönlich schön, wenn man bezüglich der Linien und Kreise/Rechtecke mit einem "z-index" arbeiten könnte.
                                          Anscheinend werden die Linien im HTML code nach den Kreisen/Rechtecken generiert. Das führt dazu das die Endpunkte der Linien auf den Kreisen liegen, was meiner Meinung nach sehr unschön aussieht. Würden die Linien unter den Kreisen/Rechtecken liegen, sähe es sehr viel schöner aus. Mit einem "z-index" sollte das doch recht einfach lösbar sein, oder? Alternativ wäre es natürlich auch möglich die Linien einfach vor den Kreisen und Rechtecken im HTML abzubilden wenn es niemanden stört und nichts anderes dagegen spricht.

                                          Ansonsten an dieser Stelle nochmal: Klasse Arbeit! Vielen Dank! Und weiter so!
                                          Ein "kleines Trinkgeld" habe ich da gelassen. :wink:

                                          Freundliche Grüße und noch einen schönen Sonntag

                                          SKBS Offline
                                          SKBS Offline
                                          SKB
                                          Developer Most Active
                                          schrieb am zuletzt editiert von
                                          #150

                                          @daniel-driessen Danke für Deine Rückmeldung.

                                          Du meinst dies: 2023-04-30 14_03_01-Energiefluss - erweitert Configuration.png

                                          Dies ist für die Animations-Elemente - nicht für die Linien. Das wording passe ich noch an ;)

                                          Danke für das Trinkgeld :D

                                          Mit dem z-index kannst Du eigentlich jetzt schon arbeiten.

                                          Geh' in den Tab "CSS" und füge die folgende Information nach deinen Wünschen ein:

                                          /* Type Linie */
                                          .type_line {
                                              z-index: -2;
                                          }
                                          
                                          /* All Elements on the workspace */
                                          .added_elements {
                                              z-index: 5;
                                          }
                                          
                                          /* or only circles */
                                          .type_circle {
                                              z-index: 5;
                                          }
                                          

                                          ... wer nicht mit der Zeit geht, geht mit der Zeit ...

                                          Aktuelle Entwicklung: Energiefluss - erweitert (https://forum.iobroker.net/topic/64734)

                                          daniel.driessenD 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          837

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe