Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. neue Visualisierung "webui" (alternative zu vis & vis-2)

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    12
    2
    248

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

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

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

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

Scheduled Pinned Locked Moved Visualisierung
1.1k Posts 21 Posters 347.7k Views 18 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • Smilie108S Offline
    Smilie108S Offline
    Smilie108
    wrote on last edited by
    #308

    @jogibear9988

    Also hab mal ein paar der fast 70 fehler die ich beim seitenaufruf habe nachverfolgt
    Aufruf
    XHRGET http://192.168.1.91:8082/webui.0.widgets/node_modules/chart.js/auto/auto.js
    [HTTP/1.1 404 Not Found 39ms]

    Die datei exestiert zumindest bei mir nicht

    weiteres zb

    XHRGET
    http://192.168.1.91:8082/webui.0.widgets/node_modules/@microsoft/fast-foundation/radio-group.js
    [HTTP/1.1 404 Not Found 130ms]

    Diese datei exestiert bei mir auch nicht.

    Es sind da einge Sachen die bei mit eien 404 Aufruf haben wo die datein in dem webui verzeichniss nicht vorhanden sind,
    Ist das ein Installationsproblem oder ist das was anderers

    Sollte mand webui mal deinstallieren und neu installieren wegen der fehlenden datein ?

    jogibear9988J 2 Replies Last reply
    0
    • Smilie108S Smilie108

      @jogibear9988

      Also hab mal ein paar der fast 70 fehler die ich beim seitenaufruf habe nachverfolgt
      Aufruf
      XHRGET http://192.168.1.91:8082/webui.0.widgets/node_modules/chart.js/auto/auto.js
      [HTTP/1.1 404 Not Found 39ms]

      Die datei exestiert zumindest bei mir nicht

      weiteres zb

      XHRGET
      http://192.168.1.91:8082/webui.0.widgets/node_modules/@microsoft/fast-foundation/radio-group.js
      [HTTP/1.1 404 Not Found 130ms]

      Diese datei exestiert bei mir auch nicht.

      Es sind da einge Sachen die bei mit eien 404 Aufruf haben wo die datein in dem webui verzeichniss nicht vorhanden sind,
      Ist das ein Installationsproblem oder ist das was anderers

      Sollte mand webui mal deinstallieren und neu installieren wegen der fehlenden datein ?

      jogibear9988J Offline
      jogibear9988J Offline
      jogibear9988
      wrote on last edited by
      #309

      @smilie108

      schau doch mal da: http://129.159.205.3:8082/webui/index.html
      die chart webkomponente ist da auch installiert, da gibts keine fehler.

      schau screenshot von dort:
      alle mögl. pakete installiert und keine fehler.
      welche version der webui nutzt du?
      85769d52-0910-4c88-8a2a-afcc27adc537-image.png

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

      1 Reply Last reply
      0
      • Smilie108S Smilie108

        @jogibear9988

        Also hab mal ein paar der fast 70 fehler die ich beim seitenaufruf habe nachverfolgt
        Aufruf
        XHRGET http://192.168.1.91:8082/webui.0.widgets/node_modules/chart.js/auto/auto.js
        [HTTP/1.1 404 Not Found 39ms]

        Die datei exestiert zumindest bei mir nicht

        weiteres zb

        XHRGET
        http://192.168.1.91:8082/webui.0.widgets/node_modules/@microsoft/fast-foundation/radio-group.js
        [HTTP/1.1 404 Not Found 130ms]

        Diese datei exestiert bei mir auch nicht.

        Es sind da einge Sachen die bei mit eien 404 Aufruf haben wo die datein in dem webui verzeichniss nicht vorhanden sind,
        Ist das ein Installationsproblem oder ist das was anderers

        Sollte mand webui mal deinstallieren und neu installieren wegen der fehlenden datein ?

        jogibear9988J Offline
        jogibear9988J Offline
        jogibear9988
        wrote on last edited by
        #310

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

        Sollte mand webui mal deinstallieren und neu installieren wegen der fehlenden datein ?

        Die dateien sind nicht bei webui dabei. Die customcontrols werden extra installiert, es kann aber sein, wenn ich in webui was fixe wie ich custom controls installiere oder importmaps erzeuge, das man dann irgend ein installiertes paket updaten muss, damit ich das neu mache. In zukunft will ich das aber nach einem update automatisch machen

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

        Smilie108S 1 Reply Last reply
        0
        • jogibear9988J jogibear9988

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

          Sollte mand webui mal deinstallieren und neu installieren wegen der fehlenden datein ?

          Die dateien sind nicht bei webui dabei. Die customcontrols werden extra installiert, es kann aber sein, wenn ich in webui was fixe wie ich custom controls installiere oder importmaps erzeuge, das man dann irgend ein installiertes paket updaten muss, damit ich das neu mache. In zukunft will ich das aber nach einem update automatisch machen

          Smilie108S Offline
          Smilie108S Offline
          Smilie108
          wrote on last edited by
          #311

          @jogibear9988
          Version 0.22.7 derzeit
          und Firefox

          Ok würde bedeuten nochmal alles neu installieren da irgendwas sich nicht upgedatet hat

          muss ich mal testen

          1 Reply Last reply
          0
          • Smilie108S Offline
            Smilie108S Offline
            Smilie108
            wrote on last edited by
            #312

            @jogibear9988
            Hi muss hier offizell um entschuldigung bitten.

            Hab grad eben eine neuinstall gemacht gehabt und mich schon etwas gewundert das ich die gleichen seiten wie auf der Test maschiene hatte.
            Hab dann gedacht das er das mitgenommen hatte und die screens gelöscht. Allerdings hat mein browser warum auch immer nicht meine version aufgemacht gehabt sonder die testmaschiene.
            Es tut mir leid wird nicht wieder vorkommen. Hat da irgendwer noch exports von den vorlagen ?

            Und nochmal Entschuldigung
            Gruß Thomas

            1 Reply Last reply
            0
            • jogibear9988J jogibear9988

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

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

              @blockmove

              wie sieht der import im script oben aus?? so:

              import { iobrokerHandler } from "/webui/dist/frontend/common/IobrokerHandler.js";
              import { Runtime } from "/webui/dist/frontend/common/Runtime.js";
              

              Ja

              import { iobrokerHandler } from "/webui/dist/frontend/common/IobrokerHandler.js";
              import { Runtime } from "/webui/dist/frontend/common/Runtime.js";
              
              /**
              * buttonclick - 'click' event of <button>
              * @param {PointerEvent} event
              * @param {Element} eventRaisingElement
              * @param {ShadowRoot} shadowRoot
              * @param {HTMLElement} instance
              */
              export function buttonclick(event, eventRaisingElement, shadowRoot, instance) {
                  alert("Test");
              }
              

              Mach im Monent aus der relativen URL (im Import) einfach mal ne absolute, also "http://ip:port/" davor, ich schau wie ich den import später als standard einfüge.

              Odr wenn du ihn nicht brauchst, schmeiß Ihn raus.

              B Offline
              B Offline
              Blockmove
              wrote on last edited by
              #313

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

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

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

              @blockmove

              wie sieht der import im script oben aus?? so:

              import { iobrokerHandler } from "/webui/dist/frontend/common/IobrokerHandler.js";
              import { Runtime } from "/webui/dist/frontend/common/Runtime.js";
              

              Ja

              import { iobrokerHandler } from "/webui/dist/frontend/common/IobrokerHandler.js";
              import { Runtime } from "/webui/dist/frontend/common/Runtime.js";
              
              /**
              * buttonclick - 'click' event of <button>
              * @param {PointerEvent} event
              * @param {Element} eventRaisingElement
              * @param {ShadowRoot} shadowRoot
              * @param {HTMLElement} instance
              */
              export function buttonclick(event, eventRaisingElement, shadowRoot, instance) {
                  alert("Test");
              }
              

              Mach im Monent aus der relativen URL (im Import) einfach mal ne absolute, also "http://ip:port/" davor, ich schau wie ich den import später als standard einfüge.

              Odr wenn du ihn nicht brauchst, schmeiß Ihn raus.

              So ich hab jetzt mal nen Raspi 4 als Testsystem aufgesetzt und webui installiert.
              Das einfache Script mit dem Button und alert funktioniert nur, wenn ich beide import Zeilen auskommentiere.
              Das Einsetzen der IP-Adresse bringt nichts 😒
              Da hast du wohl nen Bug🪲 drin.

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

              jogibear9988J 1 Reply Last reply
              0
              • B Blockmove

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

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

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

                @blockmove

                wie sieht der import im script oben aus?? so:

                import { iobrokerHandler } from "/webui/dist/frontend/common/IobrokerHandler.js";
                import { Runtime } from "/webui/dist/frontend/common/Runtime.js";
                

                Ja

                import { iobrokerHandler } from "/webui/dist/frontend/common/IobrokerHandler.js";
                import { Runtime } from "/webui/dist/frontend/common/Runtime.js";
                
                /**
                * buttonclick - 'click' event of <button>
                * @param {PointerEvent} event
                * @param {Element} eventRaisingElement
                * @param {ShadowRoot} shadowRoot
                * @param {HTMLElement} instance
                */
                export function buttonclick(event, eventRaisingElement, shadowRoot, instance) {
                    alert("Test");
                }
                

                Mach im Monent aus der relativen URL (im Import) einfach mal ne absolute, also "http://ip:port/" davor, ich schau wie ich den import später als standard einfüge.

                Odr wenn du ihn nicht brauchst, schmeiß Ihn raus.

                So ich hab jetzt mal nen Raspi 4 als Testsystem aufgesetzt und webui installiert.
                Das einfache Script mit dem Button und alert funktioniert nur, wenn ich beide import Zeilen auskommentiere.
                Das Einsetzen der IP-Adresse bringt nichts 😒
                Da hast du wohl nen Bug🪲 drin.

                jogibear9988J Offline
                jogibear9988J Offline
                jogibear9988
                wrote on last edited by
                #314

                @blockmove

                wie sieht dein import mit der IP aus?

                (kann gerade nur sporadisch antworten, bin skifahren)

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

                B 1 Reply Last reply
                1
                • jogibear9988J Offline
                  jogibear9988J Offline
                  jogibear9988
                  wrote on last edited by
                  #315

                  vlt. bau ich das mit den javascripts nochmal um. Ich hab die eig. anderst geladen, weil ich wollte das imports gehen, da ich es aber über eine object url lade, gehen relative imports nicht. Und wenn ich dann was baue das er sich dynamisch die richtige IP zusammenbaut, dann kann ich nur "import()" als async funktion verwenden, und die würde auch gehn wenn ich das script anderst lade.... muss mal schauen was ich da mache...

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

                  1 Reply Last reply
                  1
                  • jogibear9988J jogibear9988

                    @blockmove

                    wie sieht dein import mit der IP aus?

                    (kann gerade nur sporadisch antworten, bin skifahren)

                    B Offline
                    B Offline
                    Blockmove
                    wrote on last edited by
                    #316

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

                    (kann gerade nur sporadisch antworten, bin skifahren)

                    Dann schalt einfach mal ab und geniese den Urlaub!
                    Das alles soll ja noch ein Hobby sein und nicht in Stress ausarten.

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

                    1 Reply Last reply
                    1
                    • Smilie108S Offline
                      Smilie108S Offline
                      Smilie108
                      wrote on last edited by
                      #317

                      Hallo an alle
                      Hoffe das alle Silvester gut verbracht haben.
                      Wünsche euch allen ein Gesundes Frohes Erfolgreiches 2024 😉
                      Mfg Thomas

                      B 1 Reply Last reply
                      1
                      • Smilie108S Smilie108

                        Hallo an alle
                        Hoffe das alle Silvester gut verbracht haben.
                        Wünsche euch allen ein Gesundes Frohes Erfolgreiches 2024 😉
                        Mfg Thomas

                        B Offline
                        B Offline
                        Blockmove
                        wrote on last edited by
                        #318

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

                        Hallo an alle
                        Hoffe das alle Silvester gut verbracht haben.
                        Wünsche euch allen ein Gesundes Frohes Erfolgreiches 2024 😉
                        Mfg Thomas

                        Vielen Dank und den Wünschen schließe ich mich gerne an 🙂
                        Viele Grüße
                        Dieter

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

                        1 Reply Last reply
                        0
                        • Smilie108S Offline
                          Smilie108S Offline
                          Smilie108
                          wrote on last edited by
                          #319

                          Hi @Blockmove
                          Brauche mal wieder einen denkanstoß 😉
                          <select @change='{"commands":[{"type":"SetSignalValue","signal":{"name":"intervall","source":"property"},"value":null}]}' style="position:absolute;left:323px;top:31px;width:113px;height:30px;">
                          <option value="0">Keine</option>
                          <option value="1">1 sec</option>
                          <option value="10">10 sec</option>
                          <option value="60">60 sec</option>
                          <option value="300">300 sec</option>
                          </select>
                          wenn ich zb das mache wie bekomme ich den value in das change rein ?
                          Weist du das zufällig ?

                          Danke im voraus

                          jogibear9988J B 2 Replies Last reply
                          0
                          • Smilie108S Smilie108

                            Hi @Blockmove
                            Brauche mal wieder einen denkanstoß 😉
                            <select @change='{"commands":[{"type":"SetSignalValue","signal":{"name":"intervall","source":"property"},"value":null}]}' style="position:absolute;left:323px;top:31px;width:113px;height:30px;">
                            <option value="0">Keine</option>
                            <option value="1">1 sec</option>
                            <option value="10">10 sec</option>
                            <option value="60">60 sec</option>
                            <option value="300">300 sec</option>
                            </select>
                            wenn ich zb das mache wie bekomme ich den value in das change rein ?
                            Weist du das zufällig ?

                            Danke im voraus

                            jogibear9988J Offline
                            jogibear9988J Offline
                            jogibear9988
                            wrote on last edited by
                            #320

                            @smilie108

                            gar nicht...

                            die simple scripts können nicht auf werte aus events verweisen. Das kann ich noch bauen, gibt es aber im Moment nicht. Wenn dann musst blockly oder javascript verwenden.

                            Warum bindest du aber nicht die value property des selects direkt an ein Objekt? Ah du willst eine property eines custom controls setzen?

                            Mach mir mal bitte einen issue für das feature, sonst vergesse ich das.

                            Ich kann mir das nach meinem Urlaub anschauen, bin am 3ten wieder zuhause,

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

                            1 Reply Last reply
                            1
                            • Smilie108S Smilie108

                              Hi @Blockmove
                              Brauche mal wieder einen denkanstoß 😉
                              <select @change='{"commands":[{"type":"SetSignalValue","signal":{"name":"intervall","source":"property"},"value":null}]}' style="position:absolute;left:323px;top:31px;width:113px;height:30px;">
                              <option value="0">Keine</option>
                              <option value="1">1 sec</option>
                              <option value="10">10 sec</option>
                              <option value="60">60 sec</option>
                              <option value="300">300 sec</option>
                              </select>
                              wenn ich zb das mache wie bekomme ich den value in das change rein ?
                              Weist du das zufällig ?

                              Danke im voraus

                              B Offline
                              B Offline
                              Blockmove
                              wrote on last edited by Blockmove
                              #321

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

                              <select bind-prop:value='{"signal":"?valSelect","twoWay":true}' style="position:absolute;left:323px;top:31px;width:113px;height:30px;">
                              <option value="0">Keine</option>
                              <option value="1">1 sec</option>
                              <option value="10">10 sec</option>
                              <option value="60">60 sec</option>
                              <option value="300">300 sec</option>
                              </select>

                              Probier es mal so. Wie Jochen schon schrieb, nimm einfach ein twoWay-Binding.
                              Die option value werden wahrscheinlich als String übertragen

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

                              W 1 Reply Last reply
                              0
                              • B Blockmove

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

                                <select bind-prop:value='{"signal":"?valSelect","twoWay":true}' style="position:absolute;left:323px;top:31px;width:113px;height:30px;">
                                <option value="0">Keine</option>
                                <option value="1">1 sec</option>
                                <option value="10">10 sec</option>
                                <option value="60">60 sec</option>
                                <option value="300">300 sec</option>
                                </select>

                                Probier es mal so. Wie Jochen schon schrieb, nimm einfach ein twoWay-Binding.
                                Die option value werden wahrscheinlich als String übertragen

                                W Offline
                                W Offline
                                Worlik
                                wrote on last edited by
                                #322

                                @blockmove Das ist alles nicht so ganz eindeutig mit den Bindings. Bei mir funktionierte das immer am einfachsten, wenn man es im grafischen Editor auf die value-Property zieht. Also einfach das Objekt aus dem ioBroker Objektbaum. Er fügt dann ein Binding-Shortcut mit = am Anfang ein und dann funktioniert es einfach. Manuell habe ich das noch nicht hinbekommen (außer ich tippe den generierten Code ab).

                                B 1 Reply Last reply
                                0
                                • W Worlik

                                  @blockmove Das ist alles nicht so ganz eindeutig mit den Bindings. Bei mir funktionierte das immer am einfachsten, wenn man es im grafischen Editor auf die value-Property zieht. Also einfach das Objekt aus dem ioBroker Objektbaum. Er fügt dann ein Binding-Shortcut mit = am Anfang ein und dann funktioniert es einfach. Manuell habe ich das noch nicht hinbekommen (außer ich tippe den generierten Code ab).

                                  B Offline
                                  B Offline
                                  Blockmove
                                  wrote on last edited by
                                  #323

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

                                  @blockmove Das ist alles nicht so ganz eindeutig mit den Bindings. Bei mir funktionierte das immer am einfachsten, wenn man es im grafischen Editor auf die value-Property zieht. Also einfach das Objekt aus dem ioBroker Objektbaum. Er fügt dann ein Binding-Shortcut mit = am Anfang ein und dann funktioniert es einfach. Manuell habe ich das noch nicht hinbekommen (außer ich tippe den generierten Code ab).

                                  In dem Fall geht es um ein Custom Control.
                                  Ich mach es eigentlich immer mit Rechtsclick auf das Quadrat beim Value und dann eben Edit Binding.
                                  Bei webui gibt es eben mehrere Wege.

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

                                  1 Reply Last reply
                                  0
                                  • Smilie108S Offline
                                    Smilie108S Offline
                                    Smilie108
                                    wrote on last edited by
                                    #324

                                    @Blockmove
                                    Wenn ich das von dir genannte übernehme wie kann ich dann den wert in eine control.prop varible schreiben da es ja als costom control öfter aufgerufen wird. Kann ich keine fixen zuweisungen machen.
                                    Gruß tom

                                    B 1 Reply Last reply
                                    0
                                    • Smilie108S Smilie108

                                      @Blockmove
                                      Wenn ich das von dir genannte übernehme wie kann ich dann den wert in eine control.prop varible schreiben da es ja als costom control öfter aufgerufen wird. Kann ich keine fixen zuweisungen machen.
                                      Gruß tom

                                      B Offline
                                      B Offline
                                      Blockmove
                                      wrote on last edited by
                                      #325

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

                                      @Blockmove
                                      Wenn ich das von dir genannte übernehme wie kann ich dann den wert in eine control.prop varible schreiben da es ja als costom control öfter aufgerufen wird. Kann ich keine fixen zuweisungen machen.
                                      Gruß tom

                                      ???
                                      Irgendwie weiß ich nicht genaue, was du meinst.
                                      Die Binding funktioniert doch genauso im Custom Control wie im Screen. Nur der Syntax ist halt anders.

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

                                      1 Reply Last reply
                                      0
                                      • Smilie108S Offline
                                        Smilie108S Offline
                                        Smilie108
                                        wrote on last edited by Smilie108
                                        #326

                                        @blockmove Ich glaube dann steh ich auf dem schlauch Sorry

                                        Beim Boutton geht das ja so
                                        <button @click='{"commands":[{"type":"SetSignalValue","signal":{"name":"timerangeselector","source":"property"},"value":"month"}]}' style="width:80px;height:30px;position:absolute;left:163px;top:31px;">Monat</button>

                                        Die controll.prop variabel lautet intervall.
                                        wenn ich nun das select auf die variable intervall legen weis ich aber nicht wie ich das value des select dorthin bekomme.

                                        1 Reply Last reply
                                        0
                                        • Smilie108S Offline
                                          Smilie108S Offline
                                          Smilie108
                                          wrote on last edited by
                                          #327

                                          alles erledigt manchesmal sieht man den wald nicht vor lauter bäumen und in diesem fall viel zu kompliziert gedacht 😉

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          114

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe