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@Smart Living Forum Solingen, 14.06. - Agenda added

    • 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.
    • jogibear9988
      jogibear9988 @Smilie108 last edited by

      @smilie108

      Zeitzone? UTC zeit vs. unserer Zeit?

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

        @jogibear9988

        Uups es ging um den Monat 🙂

        Ja schau hier: https://www.w3schools.com/jsref/jsref_getmonth.asp liefert 0-11

        1 Reply Last reply Reply Quote 0
        • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            528
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

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