Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test Adapter Energiefluss-erweitert v0.7.x GitHub/Latest

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Test Adapter Energiefluss-erweitert v0.7.x GitHub/Latest

    This topic has been deleted. Only users with topic management privileges can see it.
    • Merlin123
      Merlin123 @U66 last edited by

      @u66 Ah dank Dir! Ich dachte, da an der Stelle nur 2 Elemente sind, reicht ein Klick.... Waren aber einige mehr.... 😛
      Jetzt geht es 🙂

      M 1 Reply Last reply Reply Quote 0
      • M
        muckel @Merlin123 last edited by

        Kann mir jemand erklären, wie ich am besten einen EIN/AUS Button einfügen kann und von wo ich eine nette Grafik herbekomme.
        Z.B.: SVG? Kann ich mit dem schalten?
        Sollte zumindest so ähnlich aussehen.
        cyberscooty-switch-on-and-off.svg

        SKB W 2 Replies Last reply Reply Quote 0
        • SKB
          SKB Developer Most Active @muckel last edited by

          @muckel Solche Schalter sind nicht verfügbar.

          Du kannst allerdings ein "Radio" Icon, welches on/off nutzt nutzen. Dieses ist nur als Kreis (Off) oder gefüllter Kreis (on) verfügbar.

          So kannst du die Icons via Überschreibungen wechseln und eine Klicktoption hinterlegen.

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

            @skb
            Meinst du den Kreis?
            Falls nein, was ist ein Radioicon?

            SKB U66 2 Replies Last reply Reply Quote 0
            • SKB
              SKB Developer Most Active @muckel last edited by

              @muckel Icon hinzufügen, radio-off suchen.
              Dann ist dies ein Kreis, der nicht gefüllt ist.

              radio-on ist dann ein Kreis mit einem Punkt in der Mitte - könnte man als 'An' interpretieren.

              1 Reply Last reply Reply Quote 0
              • U66
                U66 @muckel last edited by U66

                @muckel

                Ich habe es mit einem SVG gelöst,die meisten kann man mit Farbe füllen.
                2024-12-22_11h16_31.png
                Rot aus ,Grün an

                ..icon_red path {
                    fill: #ff5348 ;
                }
                
                .icon_green path {
                    fill: #00f700 ;}
                

                2024-12-22_11h12_08.png

                2024-12-22_11h08_03.png

                M 2 Replies Last reply Reply Quote 0
                • M
                  muckel @U66 last edited by

                  @u66
                  Bei mir scheitert es schon an dem:
                  wie bekomme ich das SVG icon in die Grafik?
                  Ist das SVG, welches ich gepostet habe für das geeignet?
                  Ich habe mich mit CSS Classen noch nie beschäftigt.

                  Das müsste man mir für "Dummies" erklären. 🙂

                  1 Reply Last reply Reply Quote 0
                  • M
                    muckel @U66 last edited by

                    @u66
                    Wenn ich ein SVG einfüge, wie kann ich dann einen Datenpunkt hinzufügen.
                    Diese Option habe ich beim SVG nicht.
                    Ist bei dir der Button ein png?
                    Kannst du mir das bitte etwas detaillierter erklären.

                    U66 1 Reply Last reply Reply Quote 0
                    • U66
                      U66 @muckel last edited by U66

                      @muckel

                      was willst Du den schalten ?

                      @SKB

                      Ich hab hier diesen Schalter mal ins ForeigenObjekt geschrieben
                      könnte man da nicht was basteln ?

                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 70" width="150" height="70">
                        <!-- SVG-Hintergrund -->
                        <rect x="0" y="0" width="150" height="70" fill="#f0f0f0" rx="10" ry="10"/>
                        
                        <!-- Eingebetteter HTML-Schalter -->
                        <foreignObject x="10" y="10" width="130" height="50">
                          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; justify-content: center; align-items: center; height: 100%;">
                            <!-- Schalter-Element -->
                            <div id="switch" style="position: relative; width: 100px; height: 40px; background: red; border-radius: 20px; cursor: pointer; transition: background 0.3s;">
                              <div id="knob" style="position: absolute; top: 5px; left: 5px; width: 30px; height: 30px; background: white; border-radius: 50%; transition: left 0.3s;"></div>
                            </div>
                          </div>
                        </foreignObject>
                      </svg>
                      

                      2024-12-22_17h57_27.png

                      M SKB 2 Replies Last reply Reply Quote 0
                      • M
                        muckel @U66 last edited by

                        @u66
                        Ich wollte in iobroker nur einen Boolean Datenpunkt (0/1) schalten.
                        Genauer genommen meine Wärmepumpe EIN und AUS schalten.

                        Aber ich scheitere jedes mal am Detail.
                        Selbst mit dem Radio-on und radio-off komme ich nicht wirklich zurecht. 😞

                        U66 2 Replies Last reply Reply Quote 0
                        • U66
                          U66 @muckel last edited by

                          @muckel
                          Dann mach erstmal einen Test ob Dein Datenpunkt passt.
                          Schaue mal hier.......

                          Schalter_Video

                          M 1 Reply Last reply Reply Quote 0
                          • M
                            muckel @U66 last edited by

                            @u66

                            Der Test hat funktioniert. Steckdose schaltet.
                            Am iPhone wird der Schalter (Fremdobjekt) nicht angezeigt.
                            Im Browser am PC schon. Siehe "Status Heizung".
                            Ich habe ihn nur etwas kleiner gemacht, sonst passt er nicht hinein.

                            Screenshot 2024-12-22 183237.png

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

                              @u66 Schaue ich mir mal an - man müsste ja eine Verbindung zwischen dem Element und dem IOB State haben, der dann geschaltet wird.

                              1 Reply Last reply Reply Quote 1
                              • U66
                                U66 @muckel last edited by

                                @muckel said in Test Adapter Energiefluss-erweitert v0.6.x GitHub:

                                Genauer genommen meine Wärmepumpe EIN und AUS schalten.

                                gibt es da keine bessere Lösung ?
                                zB. mit einem Script, wenn Du sowieso Iobroker laufen hast.

                                Oder warum machst Du die An und Aus ?

                                M 1 Reply Last reply Reply Quote 0
                                • M
                                  muckel @U66 last edited by

                                  @u66

                                  Wir haben ein Zweifamilienhaus mit meinen über 80 jährigen Eltern
                                  Wenn wir mit Holz heizen, mache ich sie aus.
                                  Aber die Eltern können das nicht. Darum suche ich eine einfache und sichtbare Möglichkeit.
                                  Mit dem Handy würden sie das checken.

                                  U66 SKB 2 Replies Last reply Reply Quote 0
                                  • U66
                                    U66 @muckel last edited by

                                    @muckel
                                    Alles klar,verstehe..

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

                                      @muckel Wenn ich dich richtig verstanden habe, möchtest Du einfach eine Ein- und Ausschaltung realisieren. Hierzu würde ich dir ein Icon empfehlen - z.B. el:off - hier wählst Du dann die Farbe rgb(242,14,64) aus. Dann ist das Icon rot.

                                      Dem Icon kannst du dann den Datenpunkt für die Wärmepumpe zuweisen und im Tab 'erweitert' die Klickaktion "umschalten" wählen. Damit wird der Datenpunkt immer von "an" nach "aus" und wieder zurück geschaltet. Damit dies nun auch visuell sichtbar ist, nutzt du die Überschreibung:

                                      {
                                          "==1": {
                                              "color": "#A1D343"
                                          },
                                          "==0": {
                                              "color": "#F20E40"
                                          }
                                      }
                                      

                                      Bei "ein" (true) wird das Icon grün und bei "aus" (false) wird das Icon wieder rot.

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

                                        @skb

                                        Danke für die Tips.
                                        Ich werde das morgen testen.

                                        Beim Radio Icon habe ich die Größe nicht richtig verändern können.
                                        Das Ding war riesig. Diesen Test habe ich aus dem Grund abgebrochen.
                                        Ich konnte es auf der Oberfläche auch nicht mehr verschieben.

                                        Ich melde mich Morgen wieder
                                        Die Idee von @U66 ist nicht zu verwirklichen?
                                        Liebe Grüße

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

                                          @muckel Mit dem Radio Icon "akar-icons:radio" funktioniert es auch. Hier kann man dann auch das Icon für die Füllung (akar-icons:radio-fill) wechseln, um es visuell darzustellen.

                                          Die Idee von @U66 ist gut gemeint, erfordert aber das Einschleusen von Code und eine Menge von Modifizierungen, die nicht "out-of-the-box" funktionieren.

                                          Die von mir oben beschriebene Darstellung finde ich jetzt nicht so schlecht:

                                          2024-12-22 21_33_43-Energiefluss - erweitert – Mozilla Firefox.png 2024-12-22 21_33_30-Energiefluss - erweitert – Mozilla Firefox.png

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

                                            @skb

                                            War keine Kritik. War nur eine Frage.
                                            Dein Adapter ist super.
                                            Ich werde das morgen probieren.

                                            Ich melde mich.
                                            Danke für die Unterstützung.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            982
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            diagramm energiefluss energiefluss-erweitert vis visualisierung visualization
                                            60
                                            1304
                                            541096
                                            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