Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Support Adapter Energiefluss-erweitert v0.6.2

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Support Adapter Energiefluss-erweitert v0.6.2

    This topic has been deleted. Only users with topic management privileges can see it.
    • Steffe.S.
      Steffe.S. @SKB last edited by

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

      @steffe-s Verwendet jemand einen Mac oder iOS Produkte?

      Ja, ich habe eine Win 10 Rechner mein Freund hat einen Mac. Iobroker läuft bei mir auf einem PI 4 bei meinem Freund auf Docker

      SKB 1 Reply Last reply Reply Quote 0
      • SKB
        SKB Developer Most Active @Steffe.S. last edited by

        @steffe-s iOS hat generell Probleme mit der Art von HTML. Somit ist das gezeigte Verhalten normal, das sich die Striche auf einem Mac verändern bzw. auch gedrehte Texte verschwinden.

        Steffe.S. 2 Replies Last reply Reply Quote 0
        • Steffe.S.
          Steffe.S. @SKB last edited by Steffe.S.

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

          @steffe-s iOS hat generell Probleme mit der Art von HTML. Somit ist das gezeigte Verhalten normal, das sich die Striche auf einem Mac verändern bzw. auch gedrehte Texte verschwinden.

          Gibt es da eine Lösung? Wahrscheinlich den Import mit einem Windows Rechner machen oder auch gleich die Bearbeitung nur mit Win?

          SKB 1 Reply Last reply Reply Quote 0
          • SKB
            SKB Developer Most Active @Steffe.S. last edited by

            @steffe-s Wenn's eine Lösung gäbe, gäbe es das Problem wohl nicht, oder? 😉

            Wenn das Layout von Windows oder Android erstellt wurde, lässt sich der Datenpunkt configuration einfach ins neue System kopieren und wird dort auch so angezeigt.

            Sobald die Konfiguration auf dem Mac aufgerufen wird, werden die Dinge verändert und beim Speichern überschrieben.

            Steffe.S. 1 Reply Last reply Reply Quote 1
            • Steffe.S.
              Steffe.S. @SKB last edited by

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

              @steffe-s Wenn's eine Lösung gäbe, gäbe es das Problem wohl nicht, oder? 😉

              Wenn das Layout von Windows oder Android erstellt wurde, lässt sich der Datenpunkt configuration einfach ins neue System kopieren und wird dort auch so angezeigt.

              Sobald die Konfiguration auf dem Mac aufgerufen wird, werden die Dinge verändert und beim Speichern überschrieben.

              Okay, vielen dank für deine Antwort. Dann muss mein Freund das halt mit einem Windows Rechner oder einem Android Gerät machen.

              1 Reply Last reply Reply Quote 0
              • SKB
                SKB Developer Most Active @gbackus last edited by

                @gbackus sagte in Test Adapter Energiefluss-erweitert v0.4.x GitHub/Latest:

                @steffe-s
                ... muss zu einen darauf geachtet werden, da dieselbe Instanznummer wie die des Absenders verwendet wird, aber darauf habt ihr ja geachtet. Andererseits laufen ja gerade in den Testphasen auch mal mehrere Instanzen parallel. Da passiert es auch schnell, dass man sich selbst oder der Absender in der Bescheibung auf eine vorherig installierte (Test-)Instanz bezieht, die man selbst nicht hat.

                Das ist so nicht korrekt!

                Der Datenpunkt "configuration" kann für jede Instanz genutzt werden. Hier muss man nur darauf achten, das die Datenpunkte stimmen bzw. korrigiert werden.

                1 Reply Last reply Reply Quote 0
                • Steffe.S.
                  Steffe.S. @SKB last edited by Steffe.S.

                  @skb
                  Könnte es denn vielleicht auf dem Mac funktionieren, wenn man statt Safari den Google Chrome Browser nutzt?

                  SKB 1 Reply Last reply Reply Quote 0
                  • SKB
                    SKB Developer Most Active @Steffe.S. last edited by

                    @steffe-s Nein, da die Web Engine im Betriebssystem steckt und net in der Anwendung!

                    Steffe.S. 1 Reply Last reply Reply Quote 0
                    • OnkelFD
                      OnkelFD last edited by

                      Hallo leider habe ich noch keine Möglichkeit gefunden dass man die Schatten oder sonstige Elemente blinken lassen kann.

                      Also über Erweitert -> Überschreibungen ist dies eventuell möglich habe es aber nicht hinbekommen bis jetzt.

                      Wenn mir da jemand eventuell weiterhelfen kann.

                      SKB 1 Reply Last reply Reply Quote 0
                      • SKB
                        SKB Developer Most Active @OnkelFD last edited by

                        @onkelfd Was hast Du denn bis jetzt probiert?

                        OnkelFD 1 Reply Last reply Reply Quote 0
                        • OnkelFD
                          OnkelFD @SKB last edited by

                          @skb Ja bis jetzt habe ich ja noch keine Möglichkeit gefunden das einzige was mir einfallen würde wäre den Wert den ich abfragen will über ein Script im IOBroker zu triggern damit er kommt und geht was ich dann auswerten könnte.
                          Wenn dies aber mit einer Überschreibung direkt im Adapter einfacher wäre also Wert > xx blinken im 1s Rhythmus oder so.

                          SKB 1 Reply Last reply Reply Quote 0
                          • SKB
                            SKB Developer Most Active @OnkelFD last edited by

                            @onkelfd Du kannst z.B. einen Schatten blinken lassen, wenn Du eine CSS-Klasse anlegst:

                            .green-pulse {
                              animation: green-pulse-ani 3s linear infinite;
                            }
                            
                            @keyframes green-pulse-ani  {
                              50% {filter: drop-shadow(0px 0px 4px rgb(161,211,67)) drop-shadow(0px 0px 4px rgb(161,211,67)) drop-shadow(0px 0px 4px rgb(161,211,67)); }
                            
                              0%,100% {filter: drop-shadow(0px 0px 4px rgb(161,211,67)); }
                            }
                            

                            Und diese Klasse (green-pulse) dann entsprechend des Wertes (über Schwelle usw) im Erweitert Tab zuweist.

                            Blinkende Texte funktionieren ähnlich - sie benötigen dann bei den Keyframes eben das Wort "stroke" (Strich) und entsprechende Prozentangaben.

                            OnkelFD 1 Reply Last reply Reply Quote 0
                            • OnkelFD
                              OnkelFD @SKB last edited by OnkelFD

                              @skb said in Test Adapter Energiefluss-erweitert v0.4.x GitHub/Latest:

                                                                                                                                                          .green-pulse {                                                                                                                                                                              animation: green-pulse-ani 3s linear infinite;                                                                                                                                                                            }                                                                                                                                                                                                                                                                                                                                                         @keyframes green-pulse-ani  {                                                                                                                                                                              50% {filter: drop-shadow(0px 0px 4px rgb(161,211,67)) drop-shadow(0px 0px 4px rgb(161,211,67)) drop-shadow(0px 0px 4px rgb(161,211,67)); }                                                                                                                                                                                                                                                                                                                                                           0%,100% {filter: drop-shadow(0px 0px 4px rgb(161,211,67)); }                                                                                                                                                                            }
                              

                              Danke ich werde es gleich mal ausprobieren 👍😊

                              Hat funktioniert danke dir vielmals ⭐⭐⭐⭐

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

                                Hab mal den Adapter "missbraucht" 😉
                                Der Pool inkl. Sonne ist im Adapter gemacht.
                                Wenn die Pumpe läuft, sind alle drei Verbindungen blau animiert.
                                Läuft die Wärmepumpe, wird die Strecke zwischen Wärmepumpe und Pool rot animiert.
                                Letzteres war etwas tricky, da ich keine Möglichkeit kenne, die Farbe von einem zweiten Parameter abhängig zu machen. Zwei Verbindungen zwischen 2 Punkten geht auch nicht.

                                Was aber geht: Ein zweites Rechteck und von dem eine Verbindung an die gleiche Stelle im Pool, wo eigentlich das Rechteck der Wärmepumpe hingeht.
                                Die beiden Rechtecke liegen übereinander. Die rot animierte Linie schalte ich via Override unsichtbar, wenn die Wärmepumpe weniger als 50W aufnimmt (also im Leerlauf ist).

                                Screenshot 2024-04-29 201721.png

                                C 1 Reply Last reply Reply Quote 0
                                • JLeg
                                  JLeg last edited by

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

                                  @steffe-s Nein, da die Web Engine im Betriebssystem steckt und net in der Anwendung!

                                  …nur for the records: macos != ios; Chrome auf macos nutzt - wie überall sonst auch ausser ios - die Blink engine, nicht webkit…

                                  SKB 1 Reply Last reply Reply Quote 0
                                  • SKB
                                    SKB Developer Most Active @JLeg last edited by SKB

                                    @jleg Und selbst Chrome auf MacOS unterstützt nicht alle HTML5 Elemente. Liegt, wie gesagt daran, das die Web-Engine vom OS bereitgestellt wird und nicht im Browser steckt.

                                    1 Reply Last reply Reply Quote 0
                                    • SKB
                                      SKB Developer Most Active last edited by

                                      Hallo Zusammen,
                                      in letzter Zeit kamen tatsächlich einige Anfragen mehr zu der Idee von @U66 mit der Eingabemaske zum Ändern von Werten.

                                      Aktuell habe ich mal eine Testumgebung gebaut, um abzufragen, ob dies für Euch so schlüssig aussieht? 😉

                                      Klickbares Element:
                                      2024-04-30 15_25_46-Energiefluss - erweitert – Mozilla Firefox.png
                                      Darkmode:
                                      2024-04-30 15_26_13-Energiefluss - erweitert – Mozilla Firefox.png

                                      Normale Ansicht:
                                      2024-04-30 15_25_58-Energiefluss - erweitert – Mozilla Firefox.png

                                      Ich hatte noch Überlegungen, "Quick-Access"-Werte angeben zu lassen, die dann ggf. mit einem Klick/Tap gesetzt werden könnten. Die Frage ist nur, ob sich jemand sowas wünscht? 🙂

                                      Freue mich auf Eure Rückmeldungen.

                                      Merlin123 U66 gbackus 3 Replies Last reply Reply Quote 3
                                      • P
                                        ps1304 last edited by ps1304

                                        @skb also für reine Textfelder kann ich mir das vorstellen, ansonsten arbeite ich ja zu 90% mit Werten aus Datenpunkten und nutze jetzt Überschreibungen wenn ich Text anstatt Werte haben will.
                                        Beispiel: meine Wallbox hat den "Sonnenmodus" und den "Mixed Modus", dazu die Werte 0 und 1. Dazu nutze ich die Überschreibung:

                                        {
                                            "==0": {
                                                "value": "Schalter: Sonne",
                                                "fill": "rgb(70,224,23)"
                                            },
                                            "==1": {
                                                "value": "Schalter: Mixed",
                                                "fill": "#F20E40"
                                            }
                                        }
                                        
                                        SKB 1 Reply Last reply Reply Quote 0
                                        • SKB
                                          SKB Developer Most Active @ps1304 last edited by

                                          @ps1304 Ich glaube, Du hast den Sinn nicht verstanden 😉

                                          Mit dem Feld kann man den Datenpunkt in ioBroker direkt abändern, um ggf. einen Wert für die Wallbox einzustellen oder die Ladung der Batterie anzupassen.

                                          1 Reply Last reply Reply Quote 1
                                          • Merlin123
                                            Merlin123 @SKB last edited by

                                            @skb Mir gefällt die Darstellung 🙂 Habe auch Verwendung dafür

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            885
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            180
                                            4132
                                            3968092
                                            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