Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. neue Visualisierung "webui" (alternative zu vis & vis-2)

    NEWS

    • [erledigt] 15. 05. Wartungsarbeiten am ioBroker Forum

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    neue Visualisierung "webui" (alternative zu vis & vis-2)

    This topic has been deleted. Only users with topic management privileges can see it.
    • B
      Blockmove @Worlik last edited by

      @worlik said in neue Visualisierung "webui" (alternative zu vis):

      @jogibear9988 Ja, absolut cool was du da geschaffen hast. Unheimlich mächtig. Ich habe händeringend nach einer Alternative für vis/vis2 gesucht. Deine webui kann so vieles besser. Das macht richtig Spaß damit etwas zu entwerfen. Ich liebe die CustomControls welche man sich zusammen bauen kann. Bitte unbedingt weiter machen. 🙂

      Da stimm ich 100% zu.
      Die CustomControls sind hervorragend.
      Auch die JavaScript-Unterstützung ist wirklich mächtig.
      Kein Vergleich zu Vis bzw. Vis 2.

      1 Reply Last reply Reply Quote 0
      • jogibear9988
        jogibear9988 @sigi234 last edited by

        @sigi234

        Es sind doch wirklich nur schlagwörter.
        So viel Text gibt es doch gar nicht.

        W 1 Reply Last reply Reply Quote 0
        • W
          Worlik @sigi234 last edited by

          @sigi234 Mich stört das überhaupt nicht. Aber ich kann verstehen, dass nicht jeder so bewandert in Englisch ist. Hier ist man halt echt etwas näher am Thema Programmierung dran, deswegen bemerke ich ehrlich gesagt die englische Oberfläche gar nicht. Viele Dinge lassen sich auch gar nicht übersetzen. Vielleicht kannst du ja mal probieren die automatische Übersetzungsfunktion vom Browser zu verwenden. Chrome macht das eigentlich auf Wunsch ganz gut, auch bei nachgeladenen Inhalten.

          1 Reply Last reply Reply Quote 0
          • W
            Worlik @jogibear9988 last edited by

            @jogibear9988 Kannst du mir verraten, wie ich hier den Wert vom Binding nutzen kann? Habe 0, ?, ?__0 und ein paar andere durch, aber ich komme nicht drauf. Ich hätte gerne eine Bedingte Formatierung. Oder geht das nur über formula?

            3776c4f9-2eb6-410c-a290-b02d490f7f7a-image.png

            jogibear9988 1 Reply Last reply Reply Quote 0
            • B
              Blockmove last edited by

              @worlik said in neue Visualisierung "webui" (alternative zu vis):

              @jogibear9988 Kannst du mir verraten, wie ich hier den Wert vom Binding nutzen kann? Habe 0, ?, ?__0 und ein paar andere durch, aber ich komme nicht drauf. Ich hätte gerne eine Bedingte Formatierung. Oder geht das nur über formula?

              Such mal bei YouTube nach Jochen Kühner. Da gibt es Tutorials dazu

              1 Reply Last reply Reply Quote 0
              • jogibear9988
                jogibear9988 @Worlik last edited by

                @worlik

                Geht noch gar nicht. Hab ich nicht bedacht.
                Kann ich aber einbauen

                W 1 Reply Last reply Reply Quote 0
                • W
                  Worlik @jogibear9988 last edited by Worlik

                  @jogibear9988 Wäre für manch einen vielleicht leichter, eilt aber nicht. Ich habs nun über eine formula gemacht. Falls das auch wer braucht, einfach das hier bei formula eintragen:

                  __0 == 1 ? '1 Minute' : __0 + ' Minuten'
                  
                  1 Reply Last reply Reply Quote 0
                  • Feuersturm
                    Feuersturm last edited by

                    In der Doku von ioBroker gibt es hier https://www.iobroker.net/#de/documentation?visualisierung eine Kurzvorstellung der einzelnen Visualisierungen. Wenn du @jogibear9988 / ihr mir einen Text zur Vorstellung von "webui" zur Verfügung stellt und am besten auch noch 1-2 schöne Screenshots dann baue ich es in die Doku gerne mit ein.

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

                      @worlik

                      Bin gearde am überlgen wie ich das einbauen würde. Dabei hab ich mir nochmals gedanken über die expressions gemacht.

                      Wie findet ihr das besser, die signale durchbenenen __0, __1 usw.
                      oder wie bei vis/vis2
                      name:signalname, d.h. man schreibt oben bei dem signal einen namen davor, und kann dann diesen in den expressions verwenden.
                      was findet ihr besser?

                      W 1 Reply Last reply Reply Quote 0
                      • W
                        Worlik @jogibear9988 last edited by

                        @jogibear9988 Typisch in so einer Situation ist meistens, dass beides gut wäre. Sprich ein Indexbasierter Zugriff geht immer, unabhängig davon, ob ein Name vergeben wurde. Wenn man die Signale noch benennen könnte, wäre das natürlich Premium für die Verarbeitung vieler Signale auf einmal. Vielleicht könntest du mal schauen, ob es möglich ist die Zeichenkette für alle Variablen überall gleich zu implementieren. Im Text ist das ja glaube ich irgendwas mit [[?signalName]] wenn ich nicht irre. Ich verstehe natürlich, dass du beim Binding eher außerhalb eines Textes bist und bei dem anderen das Problem hast den Signalnamen innerhalb des Textes zu finden.

                        jogibear9988 1 Reply Last reply Reply Quote 0
                        • jogibear9988
                          jogibear9988 @Worlik last edited by

                          @worlik

                          problem ist gerade, mir gefällt das mit __0, __1 nicht wirklich, finde das mit dem namen eig. schöner.
                          Das man Expressions nutzt ist eh der seltenere fall in bindings (denke ich), und dann kann man schon Namen vergeben.
                          Beides supporten will ich eig. nicht.

                          Wenn ich das umstelle würde ich aber eh automatisiert, __0:, __1: vor die variablennamen setzen wo es schon benutzt ist

                          Ich frage mich auch noch wie ich die syntax mit dem converter mache...

                          1 Reply Last reply Reply Quote 1
                          • jogibear9988
                            jogibear9988 last edited by

                            Updatet unbedingt auf die 0.19.1, hab heute einiges mit den Bindings gefixt, also das diese beim schließen eines screens auch wieder aufgräumt werden. Genauso wie die historischen, die sind im Hintergrund immer weiter gelaufen. Jetzt lädt nix mehr wenn ein screen oder control entladen wird.

                            1 Reply Last reply Reply Quote 0
                            • jogibear9988
                              jogibear9988 @Feuersturm last edited by

                              @feuersturm said in neue Visualisierung "webui" (alternative zu vis):

                              https://www.iobroker.net/#de/documentation?visualisierung

                              Soll ich ein text schreiben und du fügst den dann ein? Oder soll ich ein pull request auf ne markdown Seite erstellen? (Wenn ja, wo liegt die 😉 )

                              Feuersturm 1 Reply Last reply Reply Quote 0
                              • Feuersturm
                                Feuersturm @jogibear9988 last edited by

                                @jogibear9988 Wenn du auf der Doku Seite ganz runterscrollst gibt es einen Link, welcher auf die jeweilige github Seite verlinkt wo du den PR gegen stellen kannst 🙂

                                0f1a19cf-2ac0-4397-a25b-78579182f9d9-grafik.png

                                Alternativ schicke mir den Text und ich füge ihn ein.

                                1 Reply Last reply Reply Quote 0
                                • Smilie108
                                  Smilie108 @Wal last edited by

                                  @wal
                                  Hi hast du da was gefunden wegen min max werten ?
                                  Ich glaub ich steh da auch auf dem Schlauch.
                                  Die Visu gefällt mir aber es ist momentan noch für mich sehr aufwendig zu suchen wo was geht bzw. wo was zum einstellen ist.
                                  😉

                                  Smilie108 1 Reply Last reply Reply Quote 0
                                  • Smilie108
                                    Smilie108 @Smilie108 last edited by

                                    @wal
                                    Hi hast du da was gefunden wegen min max werten ?
                                    Ich glaub ich steh da auch auf dem Schlauch.
                                    Die Visu gefällt mir aber es ist momentan noch für mich sehr aufwendig zu suchen wo was geht bzw. wo was zum einstellen ist.
                                    😉

                                    Update: Einstellungen gefunden die muss man erst anlegen.
                                    @jogibear9988
                                    gibt es eine möglichkeit beim binding auch einen wert zu runden?
                                    habe es mit math round fixto probiert aber bekomme es nicht hin. Eventuell geb ich es auch am falschen ort ein ??
                                    Da ich immer alle werte möglichst nur einmal in ne variabel schreibe will ich eigentliche eine grötmögliche auflösung bereitstellen allerdings ist das dann wieder für die Visu hinderlich. Bei der vis konnte man einfach angeben wieviel kommastellen man will.

                                    Danke für eine info im voraus 😉
                                    Smilie108

                                    W Wal 2 Replies Last reply Reply Quote 0
                                    • W
                                      Worlik @Smilie108 last edited by

                                      @smilie108 Bei formula muss für das Binding einfach das hier eingetragen werden:

                                      ~~__0

                                      Das rundet dir den Wert aus dem Binding. Die beiden ~~ sind dabei so üblich in JavaScript.

                                      Smilie108 1 Reply Last reply Reply Quote 1
                                      • Smilie108
                                        Smilie108 @Worlik last edited by Smilie108

                                        @worlik
                                        Danke aber dann rundet er auf eine ganze zahl unzwar noch dazu rundet er ab.
                                        Hätte gerne auf 2 kommastellen gerundet gehabt.
                                        Update: mit Math.round(__0 * 100) / 100 in der formula gehts
                                        und speichern sollte man nicht vergessen 😉
                                        Gibt es dazu eigentich irgendwo infos wo man nachschauen kann ?

                                        Danke im voraus

                                        jogibear9988 1 Reply Last reply Reply Quote 0
                                        • jogibear9988
                                          jogibear9988 @Smilie108 last edited by

                                          @smilie108

                                          in formula könnt ihr einfach javascript eingeben. wenn du dort statt

                                            Math.round(__0 * 100) / 100
                                          

                                          nun

                                           debugger; return Math.round(__0 * 100) / 100;
                                          

                                          eingibst, kannst den code sogar debuggen

                                          1 Reply Last reply Reply Quote 1
                                          • Smilie108
                                            Smilie108 last edited by Smilie108

                                            @jogibear9988
                                            Noch eine Frage
                                            Kann man im style zb auch auf objekte zugreifen wie zb.
                                            stroke-dashoffset: -{v:0_userdata.0.Wärmepumpe.Istwerte.Umwälzpumpe_Soll_%;v >= 10 ? 20 : 0};
                                            gibt es dazu einen syntax habe hier ein paar animierte lienen zb. die in abhängigkeit vom wert laufen.
                                            Screenshot 2023-12-09 204813.png

                                            für zb so eine animation 😉

                                            Danke für eine kurze info
                                            Mfg Smilie108

                                            jogibear9988 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            358
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            20
                                            1074
                                            246729
                                            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