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

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

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

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

      @smilie108

      Ja, fluent-ui sollte wohl mal aus meiner liste.

      Da fehlen im NPM Paket die Dateiendungen bei den imports (also ".js"), dann kein der browser die nicht finden. Da muss man noch einen issue bei MS dazu aufmachen.
      Wobei in dem 3.0er Beta paket scheinen die dateiendungen enthalten zu sein, d.h. die könnten vlt gehen.
      Musst mal prüfen. (manuell paket installieren (rechtsklick auf packages) und folgendes eingeben "@fluentui/web-components@3.0.0-beta.6")
      Komm da im Moment nicht dazu mir das anzuschauen

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

        @jogibear9988

        Hallo Jochen,
        wenn wir schon gerade bei den Event-Properties sind:

        Screenshot 1.png

        Will ich diese nun Entfernen

        Screenshot 2.png
        dann verschwindet links die zwar das SetSignalValue, die Parameter bleiben aber stehen

        Screenshot 3.png
        Drücke ich nun OK, dann schließt sich der Dialog. Es wird aber nach wie vor ein Event angezeigt.

        Screenshot 4.png
        Öffne ich nun das Event, dann ist die Property wieder vorhanden.

        Löschen im Quelltext funktioniert.

        Viele Grüße
        Dieter

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

          @blockmove

          löschen kannst das event auch mit rechtsklick auf das kleine 4eck vor dem eventnamen

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

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

            @blockmove

            löschen kannst das event auch mit rechtsklick auf das kleine 4eck vor dem eventnamen

            Stimmt, das funktioniert natürlich auch.
            Vorschlag: Vielleicht kannst du Remove auch noch beim "..."-Button integrieren.
            Dann wäre Anlegen und Entfernen eines Events an einer Stelle.

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

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

              @fluentui/web-components@3.0.0-beta.6

              @microsoft/fast-components@2.30.6: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
              webui.0
              2023-12-24 19:51:35.079 error deprecated
              webui.0
              2023-12-24 19:51:35.079 error
              webui.0
              2023-12-24 19:51:35.078 error WARN
              webui.0
              2023-12-24 19:51:35.077 error
              webui.0
              2023-12-24 19:51:35.077 error npm
              webui.0
              2023-12-24 19:51:10.858 info Install NPM package (@fluentui/web-components@3.0.0-beta.6)...

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

                @blockmove
                erledigt

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

                  @blockmove
                  erledigt

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

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

                    @blockmove
                    erledigt

                    Das ging aber fix 👍
                    Vielen Dank!

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

                      Ich habe die Scriptsprache in den Screens & Controls von Typescript auf Javascript umgestellt. Dadurch muss ich die Scripte nicht mehr doppelt speichern. Ich erzeuge dafür nun JSDoc kommentare über den Funktionen, so das man trotzdem Code Vervollständigung hat.

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

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

                        Ich habe die Scriptsprache in den Screens & Controls von Typescript auf Javascript umgestellt. Dadurch muss ich die Scripte nicht mehr doppelt speichern. Ich erzeuge dafür nun JSDoc kommentare über den Funktionen, so das man trotzdem Code Vervollständigung hat.

                        Hat das irgendwelche Auswirkungen auf bereits vorhandene Screens und Controls?

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

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

                          @fluentui/web-components@3.0.0-beta.6

                          Der export abschnitt der package.json wird von mir noch nicht richtig berücksichtigt, das muss ich machen beim erzeugen der import maps, daher gehen manche imports nicht. Mal schauen wann & wie ich das fixe

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

                            @blockmove

                            sollte nicht, da ich ja immer den JS code erzeugt habe. Nun wird dieser einfach benutzt.

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

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

                              @fluentui/web-components@3.0.0-beta.6

                              Mit der neusten version klappt der import von @fluentui/web-components@3.0.0-beta.6
                              Aber wie man diese nutzt, keine Ahnung

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

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

                                @fluentui/web-components@3.0.0-beta.6

                                Dachte ich sollte diese installieren wegen der Fehlermeldung ?
                                Gruß Tom

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

                                  @jogibear9988
                                  Wenn ich versuche dieses Packet zu intallieren macht er zwar etwas aber beomme keine infos und bzw ich sehe auch im desinger tree nichts
                                  https://github.com/microsoft/fluentui da gibt es das web-components davon würde mich vor allem der tree interesieren wegen menue Aufbau 😉

                                  Mfg Tom

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

                                    @smilie108

                                    Ja, die geht ja auch, zumindest werden die Javascriptfiles ohne Fehler geladen. Aber wie man FluentUI nutzt, weiß ich trotzdem nicht.

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

                                      @smilie108

                                      Im Baum siehst du nix, weil es keine custom-elements.json gibt, und sich wohl die Elemente nicht direkt beim laden der Bibliothek registrieren. Wie das geht, bzw. wie man die Bibliothek nutzt, musst dann bei FluentUI nachschauen

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

                                        Für mich sieht es so aus, als würden die 3er Komponenten noch nicht wirklich gehen (bspw: https://github.com/microsoft/fluentui/issues/28110)

                                        Die 2er laufen auf jeden Fall auch nicht, da dort die imports ohne Dateiendungen sind, d.h. die laufen nur wenn man sie in einem Projekt mit einem Bundler oder Transpiler nutzt

                                        vnbaaij created this issue in microsoft/fluentui

                                        closed [Bug]: Not able to use Web Components V3 with stand-alone script #28110

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

                                          @jogibear9988
                                          Hi Jochen
                                          Wie kann ich im blocky auf eine control.prop variabel zugreifen ?
                                          Habe dir was aufs test unter controls reinkopiert (time_selector). Würde gerne mit den vier knöpfen on klick den wert vom timerangeselector ändern.
                                          Sorry bin in der beziehung schwach.
                                          Wenn ich einmal gesehn hab wie das ghet gehts ja aber blicke bei js nicht mit den variabeln durch.
                                          würde das gerne mehrfach verwenden deswegen control mit prop um dann dementsprechend die variabel zuzuweisen.

                                          Danke im voraus für deine hilfe

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

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

                                            @jogibear9988
                                            Hi Jochen
                                            Wie kann ich im blocky auf eine control.prop variabel zugreifen ?
                                            Habe dir was aufs test unter controls reinkopiert (time_selector). Würde gerne mit den vier knöpfen on klick den wert vom timerangeselector ändern.
                                            Sorry bin in der beziehung schwach.
                                            Wenn ich einmal gesehn hab wie das ghet gehts ja aber blicke bei js nicht mit den variabeln durch.
                                            würde das gerne mehrfach verwenden deswegen control mit prop um dann dementsprechend die variabel zuzuweisen.

                                            Danke im voraus für deine hilfe

                                            Lustig ... Am gleichen Punkt hänge ich auch gerade :laughing
                                            Ein Beispiel mit einem kleinen Control mit ner Inputbox für Ein-/Ausgabe eines Wertes und nem Button zur Übernahme würde mir schon reichen :

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.0k
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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