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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

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

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

      @jogibear9988

      Hallo Jochen,
      hab gerade die neue Version installiert und werd mal diese Tage testen.

      Ne andere Frage:
      In deinen Youtube-Tutorial zum Erstellen von User-Controls verwendest du die Syntax [[?this.xxx]] beim Zugriff auf Properties.
      Ist das eigentlich noch aktuell?
      Ich hab's zumindest in der Form noch nie gebraucht

      Vielen Dank für die neue Version und Viele Grüße
      Dieter

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

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

        @jogibear9988 Hi nur mal so am rande kann man ohne viel aufwand eigentlich auch einen export der gesammten screens machen ? muss demnächst auf einen neuen nuc umziehen und anstatt alle screens einzeln zu exportieren und danach die Verzeichnissstrucktur wieder zu bauen wegen import wäre es am einfachsten das ganze zu exportieren oder ?

        noch nicht... hatte ich mir auch schon überlegt...

        eher alles dann, nicht nur die screens

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

          @blockmove

          ja das ist aktuell.

          die webui baut ja auf https://github.com/node-projects/base-custom-webcomponent auf, für jeden screen und jedes control wird das genutzt. Daher gehen die ganzen sachen die da sind auch.

          Dis syntax bind:... ist was spezielles für webui, um was einfaches zu haben um an iobroker signale zu binden. Und da hab ich irgendwann eben auch noch den zugriff auf properties eingebaut (mit ? am start). Das kann man nun eben auf 2 arten machen.

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

            man kann dafür bswp darin auch sowas nutzen:

            use repeat:nameOfItem=[[enumerableExpression]] on a Template Element to repeat it for every instance of the enumerable. You could also use 'index' variable in the repeat binding for the current number. The attribute "repeat-index" could be used to change the name of the index variable. on a repeat you could use the repeat-changed-item-callback="[[this.itemCreated(item, nodes)]]

            sieht dann so aus:

                        <template repeat:item="[[this.list]]">
                            <div>[[item.aa]]</div><br>
                        </template>
            1 Reply Last reply Reply Quote 1
            • B
              Blockmove @jogibear9988 last edited by

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

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

              @jogibear9988 Hi nur mal so am rande kann man ohne viel aufwand eigentlich auch einen export der gesammten screens machen ? muss demnächst auf einen neuen nuc umziehen und anstatt alle screens einzeln zu exportieren und danach die Verzeichnissstrucktur wieder zu bauen wegen import wäre es am einfachsten das ganze zu exportieren oder ?

              noch nicht... hatte ich mir auch schon überlegt...

              eher alles dann, nicht nur die screens

              Ich find Alles auch besser.
              Komm aber bitte nicht auf die Idee das mit irgendwelchen Checksummen zu sichern.
              Mir wäre ein schönes XML am liebsten

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

                @jogibear9988 mhm kann es sein das beim letzten update was nicht gepasst hat ? sehe im editor alle richtig ( auch im Preview ) aber im fortend habe ich nur Hello Wörld statt werten und zb mein menue geht auch nicht. ?
                Hat das was mit
                Uncaught (in promise) TypeError: this.connection is undefined
                sendCommand http://192.168.1.91:8082/webui//dist/frontend/common/IobrokerHandler.js:447
                checkHash http://192.168.1.91:8082/webui/runtime.html#screenName=start:71
                zu tun ?
                Mfg Tom

                Smilie108 B 2 Replies Last reply Reply Quote 1
                • Smilie108
                  Smilie108 @Smilie108 last edited by

                  @smilie108 mit 1.1.4 geht wieder alles

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

                    So, mal wieder eine neue minor Version...

                    Leider ist das SVG zeichen zeugs immer noch kaputt, ich hoff ich bekomme das in den nächsten paar tagen gefixt.

                    Ansonsten, was gibts neues:

                    Wenn man ein element 2 mal anklickt (kein Doppelklick), erscheint nun ein Popup mit dem man für den jeweiligen container dinge umstellen kann (im Moment ist nur bei grid was drin, aber es soll noch mehr kommen)
                    17cf243e-976e-451b-9ae6-153aceda3202-image.png

                    ContextMenüs wurden aufgeräumt, und hier und da gab es einen kleinen fix.

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

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

                      @jogibear9988 mhm kann es sein das beim letzten update was nicht gepasst hat ? sehe im editor alle richtig ( auch im Preview ) aber im fortend habe ich nur Hello Wörld statt werten und zb mein menue geht auch nicht. ?

                      Hab gerade das Update gemacht und nun das selbe Problem.
                      Im Designer und in der Preview funktioniert es. In der Runtime nicht.

                      @jogibear9988
                      Nachstellen lässt es sich auch auf dem Test-Server.
                      So sieht es in der Preview aus:

                      2024-03-25_133804.png

                      Und so in der Runtime:

                      2024-03-25_134131.png

                      VG
                      Dieter

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

                        Sorry... ist wieder gefixt

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

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

                          Sorry... ist wieder gefixt

                          Hab gerade beim Frühstück das Update eingespielt.
                          Werte werden wieder angezeigt. Hab jetzt gesehen, dass das Aufrufen eines Screens über einen Click auf einen Button nicht geht. Details kann ich heute Abend liefern.

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

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

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

                            Sorry... ist wieder gefixt

                            Hab gerade beim Frühstück das Update eingespielt.
                            Werte werden wieder angezeigt. Hab jetzt gesehen, dass das Aufrufen eines Screens über einen Click auf einen Button nicht geht. Details kann ich heute Abend liefern.

                            sollte gefixt sein im nächsten release (5min)

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

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

                              Sorry... ist wieder gefixt

                              Hab gerade beim Frühstück das Update eingespielt.
                              Werte werden wieder angezeigt. Hab jetzt gesehen, dass das Aufrufen eines Screens über einen Click auf einen Button nicht geht. Details kann ich heute Abend liefern.

                              sollte gefixt sein im nächsten release (5min)

                              Also in 1.2.8 funktioniert der Click nicht.

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

                                @blockmove
                                aber nun 🙂

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

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

                                  @blockmove
                                  aber nun 🙂

                                  Nun geht´s 😀
                                  Kann es sein, dass du an der Geschwindigkeit gedreht hast?
                                  Mir kommt es vor als ob die Visu nun flüssiger reagiert.

                                  VG
                                  Dieter

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

                                    @blockmove

                                    nö, da hab ich gar nix gemacht...
                                    Wüsste aber auch nicht was ich flüssiger machen könnte/sollte. Ich aktualisiere die elemente direkt, da gibts so gut wie keinen overhead von meiner Seite aus.

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

                                      @jogibear9988

                                      Hallo und Frohe Ostern Jochen,

                                      hab gerade mal etwas Zeit gefunden mich mit ioBroker und webui zu beschäftigen.
                                      Dabei ist mir ne Kleinigkeit aufgefallen:
                                      Wenn ich bei global auf Font Declaration Style oder Script clicke, so öffnet sich kein Edit-Fenster wie z.B. bei Style oder TypeScript.

                                      Dann noch ne Frage zu den CustomControls:
                                      Wie kann ich CustomControl verschachteln und ein TwoWayBinding durchreichen?
                                      Gibt's da ne Möglichkeit?

                                      Viele Grüße
                                      Dieter

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

                                        @Smilie108

                                        Hallo Tom,
                                        ich hab gerade den Energiefluss-erweitert - Adapter in webui eingebunden.
                                        Sieht gut aus und ist richtig flexibel.
                                        Ist ja vielleicht auch für dich ne interessante Lösung.

                                        VG
                                        Dieter

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

                                          @blockmove grins ja den habich drin seit anfang an den hatte ich schon unter vis
                                          Das teil ist eigentlich sehr gut für die Strom usw verteilung. muss mir noch anschauen wie ich eine 2te instaz mache 1te für elektrische verteilung 2te für Thermische verteilung 😉 oder so 😉

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

                                            @Blockmove und @jogibear9988
                                            Kann es sein das das reinziehen der elemente sich geändert hat ? bzw auch das positionieren ? früher konnte ich einfach alles dahin schieben wo ich wollte jetzt mache ich das meiste über wertangaben da ich sehr oft die meldung TypeError: Window.getComputedStyle: Argument 1 is not an object. bekomme. Oder ging da etwas das eigentlich nicht gehen sollte ? Und mir fällt das jetzt erst auf ; )

                                            Bin auch dabei alles aus der sps in iobroker und script form zu bringen.
                                            Inkludiert mit umstellung wr rs485 auf modbus tcp aber die rs485 lief stabiler mal sehen ob ich das nicht via usb rs485 machen werde bekomme sehr offt poll errors

                                            MFG und ich hoffe ihr hattet ein paar erholsame tage.
                                            Bin grad dabei iobroker samt webui komplett neu zu machen ( Ausgenommen Startbildschirm) 😉 Muss jetzt dann eh ca 1 Woche inis Krankenhaus und dann 3-4 Wochen Krankenstand. Da hat man dann viel zeit 😉

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            744
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

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