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. neue Visualisierung "webui" (alternative zu vis & vis-2)

NEWS

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

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

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

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
1.1k Beiträge 21 Kommentatoren 350.6k Aufrufe 18 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.
  • jogibear9988J jogibear9988

    @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 Offline
    W Offline
    Worlik
    schrieb am zuletzt editiert von
    #129

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

    jogibear9988J 1 Antwort Letzte Antwort
    0
    • W Worlik

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

      jogibear9988J Offline
      jogibear9988J Offline
      jogibear9988
      schrieb am zuletzt editiert von
      #130

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

      Check my ioBroker webui - a vis alternative
      see: https://github.com/iobroker-community-adapters/ioBroker.webui

      1 Antwort Letzte Antwort
      1
      • jogibear9988J Offline
        jogibear9988J Offline
        jogibear9988
        schrieb am zuletzt editiert von
        #131

        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.

        Check my ioBroker webui - a vis alternative
        see: https://github.com/iobroker-community-adapters/ioBroker.webui

        1 Antwort Letzte Antwort
        0
        • FeuersturmF Feuersturm

          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.

          jogibear9988J Offline
          jogibear9988J Offline
          jogibear9988
          schrieb am zuletzt editiert von
          #132

          @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 ;-) )

          Check my ioBroker webui - a vis alternative
          see: https://github.com/iobroker-community-adapters/ioBroker.webui

          FeuersturmF 1 Antwort Letzte Antwort
          0
          • jogibear9988J jogibear9988

            @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 ;-) )

            FeuersturmF Online
            FeuersturmF Online
            Feuersturm
            schrieb am zuletzt editiert von
            #133

            @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 Antwort Letzte Antwort
            0
            • WalW Wal

              @jogibear9988 ,
              ohne ein gescheites Tutorial wirst du keine Mitstreiter finden oder habe ich eins übersehen ?
              Um Interesse zu erzeugen wäre z.B. eine Demoseite mit einigen Controls beim Starten des Editors sehr hilfreich.
              Der Editor ist ein mächtiges Werkzeug und er gefällt mir, aber ich scheitere schon an der Erstellung einer Gauge da ich nicht weis wie ich die Werte (min,max u.s.w.) zuordnen muss.

              Smilie108S Offline
              Smilie108S Offline
              Smilie108
              schrieb am zuletzt editiert von
              #134

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

              Smilie108S 1 Antwort Letzte Antwort
              0
              • Smilie108S Smilie108

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

                Smilie108S Offline
                Smilie108S Offline
                Smilie108
                schrieb am zuletzt editiert von
                #135

                @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 WalW 2 Antworten Letzte Antwort
                0
                • Smilie108S Smilie108

                  @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 Offline
                  W Offline
                  Worlik
                  schrieb am zuletzt editiert von
                  #136

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

                  Smilie108S 1 Antwort Letzte Antwort
                  1
                  • W Worlik

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

                    Smilie108S Offline
                    Smilie108S Offline
                    Smilie108
                    schrieb am zuletzt editiert von Smilie108
                    #137

                    @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

                    jogibear9988J 1 Antwort Letzte Antwort
                    0
                    • Smilie108S 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

                      jogibear9988J Offline
                      jogibear9988J Offline
                      jogibear9988
                      schrieb am zuletzt editiert von
                      #138

                      @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

                      Check my ioBroker webui - a vis alternative
                      see: https://github.com/iobroker-community-adapters/ioBroker.webui

                      1 Antwort Letzte Antwort
                      1
                      • Smilie108S Offline
                        Smilie108S Offline
                        Smilie108
                        schrieb am zuletzt editiert von Smilie108
                        #139

                        @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

                        jogibear9988J 2 Antworten Letzte Antwort
                        0
                        • Smilie108S Smilie108

                          @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

                          WalW Offline
                          WalW Offline
                          Wal
                          Developer
                          schrieb am zuletzt editiert von
                          #140

                          @smilie108 sagte in neue Visualisierung "webui" (alternative zu vis):

                          Update: Einstellungen gefunden die muss man erst anlegen.

                          Wo ?
                          Ich versuche seit Stunden eine node-projects-css-gauge mein 8300l Zisternen Max ohne Erfolg aufzuzwingen.

                          Gruß
                          Walter

                          DoorIO-Adapter
                          wioBrowser-Adapter und wioBrowser

                          jogibear9988J 1 Antwort Letzte Antwort
                          0
                          • WalW Wal

                            @smilie108 sagte in neue Visualisierung "webui" (alternative zu vis):

                            Update: Einstellungen gefunden die muss man erst anlegen.

                            Wo ?
                            Ich versuche seit Stunden eine node-projects-css-gauge mein 8300l Zisternen Max ohne Erfolg aufzuzwingen.

                            jogibear9988J Offline
                            jogibear9988J Offline
                            jogibear9988
                            schrieb am zuletzt editiert von
                            #141

                            @wal

                            bei der css gauge gibts kein min/max. da ist min=0 und max=100. du kannst ja aber einfach deinen wert umrechnen im binding

                            d67f62f9-3f45-4c36-8dea-c1013412854a-image.png

                            Check my ioBroker webui - a vis alternative
                            see: https://github.com/iobroker-community-adapters/ioBroker.webui

                            1 Antwort Letzte Antwort
                            0
                            • Smilie108S 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

                              jogibear9988J Offline
                              jogibear9988J Offline
                              jogibear9988
                              schrieb am zuletzt editiert von
                              #142

                              @smilie108

                              schau in meiner beispiel visu: http://129.159.205.3:8082/webui/index.html
                              im screen dashOffset.

                              gibts gerade noch ein paar probleme in der ui:
                              1.) dashoffset war nicht in der property liste
                              2.) wenn man sie unter "styles" angelegt hat, und ein binding erzeugt hat, hat er ein binding auf eine property und nicht auf css erzeugt.

                              Die 2 dinge fixe ich. Aber nutzen kann man es trotzdem schon

                              Check my ioBroker webui - a vis alternative
                              see: https://github.com/iobroker-community-adapters/ioBroker.webui

                              1 Antwort Letzte Antwort
                              0
                              • jogibear9988J Offline
                                jogibear9988J Offline
                                jogibear9988
                                schrieb am zuletzt editiert von jogibear9988
                                #143

                                neue version ist gepusht.
                                damit solltest du im "styles" view die css properties binden können. Und bei svg's sollte dashoffset in der liste sein

                                afb3e2d8-bd1a-4d6d-92c7-b32ef2cc3c02-image.png

                                Check my ioBroker webui - a vis alternative
                                see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                1 Antwort Letzte Antwort
                                0
                                • Smilie108S 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

                                  jogibear9988J Offline
                                  jogibear9988J Offline
                                  jogibear9988
                                  schrieb am zuletzt editiert von
                                  #144

                                  @smilie108

                                  wenn du so einen view fertig hast, wäre es cool wenn du ihn in das beispiel system einbinden würdest

                                  Check my ioBroker webui - a vis alternative
                                  see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                  Smilie108S 1 Antwort Letzte Antwort
                                  0
                                  • jogibear9988J jogibear9988

                                    @smilie108

                                    wenn du so einen view fertig hast, wäre es cool wenn du ihn in das beispiel system einbinden würdest

                                    Smilie108S Offline
                                    Smilie108S Offline
                                    Smilie108
                                    schrieb am zuletzt editiert von Smilie108
                                    #145

                                    @jogibear9988
                                    ;) sorry das is noch vis-2 aber wollte eben versuchen das so ähnlich in ui zu machen der es gewisse vorteile hätte ;) Wenn ich soweit bin dann gerne derzeit
                                    Screenshot 2023-12-10 045058.png

                                    @Wal Screenshot 2023-12-10 045051.png
                                    Da must du zb scale-start usw selbst anlegen die sind nicht drin wenn den reinziehst ;)
                                    zb infos zu dieser Gauge https://github.com/smontanus/dial-gauge

                                    jogibear9988J WalW B 3 Antworten Letzte Antwort
                                    0
                                    • Smilie108S Smilie108

                                      @jogibear9988
                                      ;) sorry das is noch vis-2 aber wollte eben versuchen das so ähnlich in ui zu machen der es gewisse vorteile hätte ;) Wenn ich soweit bin dann gerne derzeit
                                      Screenshot 2023-12-10 045058.png

                                      @Wal Screenshot 2023-12-10 045051.png
                                      Da must du zb scale-start usw selbst anlegen die sind nicht drin wenn den reinziehst ;)
                                      zb infos zu dieser Gauge https://github.com/smontanus/dial-gauge

                                      jogibear9988J Offline
                                      jogibear9988J Offline
                                      jogibear9988
                                      schrieb am zuletzt editiert von
                                      #146

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

                                      zb infos zu dieser Gauge https://github.com/smontanus/dial-gauge

                                      i've added a bug report there: https://github.com/smontanus/dial-gauge/issues/1

                                      Check my ioBroker webui - a vis alternative
                                      see: https://github.com/iobroker-community-adapters/ioBroker.webui

                                      1 Antwort Letzte Antwort
                                      0
                                      • Smilie108S Smilie108

                                        @jogibear9988
                                        ;) sorry das is noch vis-2 aber wollte eben versuchen das so ähnlich in ui zu machen der es gewisse vorteile hätte ;) Wenn ich soweit bin dann gerne derzeit
                                        Screenshot 2023-12-10 045058.png

                                        @Wal Screenshot 2023-12-10 045051.png
                                        Da must du zb scale-start usw selbst anlegen die sind nicht drin wenn den reinziehst ;)
                                        zb infos zu dieser Gauge https://github.com/smontanus/dial-gauge

                                        WalW Offline
                                        WalW Offline
                                        Wal
                                        Developer
                                        schrieb am zuletzt editiert von Wal
                                        #147

                                        @smilie108 sagte in neue Visualisierung "webui" (alternative zu vis):

                                        Da must du zb scale-start usw selbst anlegen die sind nicht drin wenn den reinziehst

                                        Diese Gauge funktioniert ja auch, ich bekomme es nur mit der node-webcomponents-css-gauge nicht hin.
                                        Hätte das Teil gerne wie im Demo anstatt 50-150 -> 0-8300.

                                        Gruß
                                        Walter

                                        DoorIO-Adapter
                                        wioBrowser-Adapter und wioBrowser

                                        Smilie108S jogibear9988J 2 Antworten Letzte Antwort
                                        0
                                        • Smilie108S Smilie108

                                          @jogibear9988
                                          ;) sorry das is noch vis-2 aber wollte eben versuchen das so ähnlich in ui zu machen der es gewisse vorteile hätte ;) Wenn ich soweit bin dann gerne derzeit
                                          Screenshot 2023-12-10 045058.png

                                          @Wal Screenshot 2023-12-10 045051.png
                                          Da must du zb scale-start usw selbst anlegen die sind nicht drin wenn den reinziehst ;)
                                          zb infos zu dieser Gauge https://github.com/smontanus/dial-gauge

                                          B Offline
                                          B Offline
                                          Blockmove
                                          schrieb am zuletzt editiert von
                                          #148

                                          @jogibear9988

                                          Screenshot 2023-12-10 045051.png
                                          Da must du zb scale-start usw selbst anlegen die sind nicht drin wenn den reinziehst ;)
                                          zb infos zu dieser Gauge https://github.com/smontanus/dial-gauge

                                          Mal ne Frage von nem Laien:
                                          Automatisiert kann man das bei Webkomponenten nicht anlegen?

                                          The difference beetween Man and Boys:
                                          The price of their toys 😀

                                          jogibear9988J 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

                                          492

                                          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