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 @Scrounger last edited by

      @scrounger

      require kannst nicht nutzen...

      Dann hängt das ganze mit "monaco" editor zusammen, der vscode editor den ich im designer nutze.
      Der definiert ein require, dadurch wird das paket falsch geladen.
      Ich hoffe das es bald ein ESM paket von monaco gibt, aber der issue ist schon ewig offen...

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

        @jogibear9988
        Kann ich irgendwie per Javascript prüfen ob ich im Designer oder runtime bin?

        Wie bzw wo kann man globale Skripte anlegen - unter 'global/script' geht kein Fenster auf?

        Wie kann ich im globalen Script auf die Dom lemente zu greifen?

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

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

          @jogibear9988
          Kann ich irgendwie per Javascript prüfen ob ich im Designer oder runtime bin?
          --> im moment nicht, wozu brauchst das?

          Wie bzw wo kann man globale Skripte anlegen - unter 'global/script' geht kein Fenster auf?
          --> ist noch nicht umgesetzt, hab ich mal voreillig reingebaut

          Wie kann ich im globalen Script auf die Dom lemente zu greifen?
          --> wozu aus einem globalen script, dafür sind die scripte der views. Du kannst das schon dann musst aber die ganzen elemente & shadowdoms durchlaufen

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

            Im designer könnt ihr nun fenster in ein extra browser fenster "abdocken":

            c5df5255-6b3e-412e-acca-299810f92fd5-image.png

            Braucht bestimmt noch bisschen feinschliff, aber vlt. kann es ja schon jemand gebrauchen

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

              @jogibear9988
              Bei mir kommt wenn ich das mache
              Error occured, check console
              NotFoundError: Node.removeChild: The node to be removed is not a child of this node und ein leeres fenster 😉

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

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

                @jogibear9988
                Bei mir kommt wenn ich das mache
                Error occured, check console
                NotFoundError: Node.removeChild: The node to be removed is not a child of this node und ein leeres fenster 😉

                ein fehler kommt bei mir auch noch, nach dem schaue ich noch,
                aber das abdocken geht:

                936463e1-5b54-49cd-88d6-14de5bde673c-image.png

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

                  @smilie108

                  welcher browser? firefox geht bei mir auch nicht ;-). chrome & safari läuft

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

                    @jogibear9988

                    in firefox ist das wohl ein bug:

                    https://bugzilla.mozilla.org/show_bug.cgi?id=1712007
                    https://bugzilla.mozilla.org/show_bug.cgi?id=1502814

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

                      @jogibear9988 jop arbeite nur mit firefox chrom mag ich nicht kommt von google sorry 😉 und safari is mac mag ich auc nicht ist apple sorry 😉

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

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

                        @jogibear9988 jop arbeite nur mit firefox chrom mag ich nicht kommt von google sorry 😉 und safari is mac mag ich auc nicht ist apple sorry 😉

                        ja, das feature ist leider in firefox so nicht nutzbar... vlt. wird der bug ja irgendwann gefixt.

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

                          @smilie108

                          auch firefox arbeitet heftig mit google zusammen, sonst hätten die so gut wie kein geld 😉
                          Hat schon gründe warum google dort die default suche ist. Und es gibt ja noch andere "chromium" browser, ohne das ganzen google tracking. Aber firefox ist ebn lichtjahre hinterher (und auch um welten langsamer)

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

                            @jogibear9988 jap das mag sein aber ich bin in der beziehung etwas naja "stur" habe mir firefox so eingerichtet das es auf allen rechnern und allen pc die ich verwende gelich ist und sich auch gegenseitig updated wenn ich was änder das ganze zu übersiedeln oder überhaupt 2gleisig zu machen ist ein heiden aufwand und bin bis jetzt mit firefox eigentlich immer sehr gut unterwegs gewesen.
                            Wie soll ich das sagen bin halt eingefahren naja dann is es halt so wenn ich das fenster normal undock mache dann geht es ja auch 😉 ( ohne den Menuepunkt 😉

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

                              So, hab mal wieder ein bisschen was gemacht.

                              Das Text Edit Werkzeug sollte nun gehn (ja kann im moment nur Fett/Kursiv/Italic), aber da kann man nun leicht mehr einbauen. Vorher war es fast nicht nutzbar.

                              Auch texte editieren durch Doppelklick sollte nun besser Funktionieren.

                              Und sonst wie immer, hier und da ein kleiner fix. Bspw. werden gedrehte Container nun richtig ausgegraut...

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

                                @jogibear9988 Danke für deinen einsatz

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

                                  Hallo Jochen,

                                  als ich mir gerade das Text-Edit Werkzeug angeschaut hab, ist mir ne Kleinigkeit aufgefallen:

                                  <span style="position:absolute;left:454px;top:248.3333282470703px;">test</span>
                                  

                                  13 Kommastellen für ne Position sind etwas viel 😉
                                  Wenn ich es noch recht im Kopf hab, wolltest du da mal was einbauen.

                                  VG
                                  Dieter

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

                                    @blockmove

                                    jo, hab ich noch nicht... 🙂
                                    noch keine Zeit

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

                                      So, im designer sample hab ich schon mal das runden eingebaut:
                                      https://node-projects.github.io/web-component-designer-demo/index.html
                                      in webui kommt es wahrscheinlich morgen, baue gerade noch was größeres um, bzw. ziehe teile vom code in den designer um...

                                      32b8d5f1-2a56-4968-a61d-c09b20cb4f8a-image.png

                                      -1 => nicht runden, größere zahl => auf diese anzahl kommastellen runden

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

                                        so, lange hats gedauert...

                                        es gibt mal wieder eine neue version. Neu ist das setzen der rundung für die Pixelkoordinaten.
                                        Auch im splitview hab ich einiges gefixt, dort ist es oft passiert das die position im text nicht zur selektion gepasst hat, das sollte nun stimmen.

                                        Bit melden wenn was kaputt ist. Ich hab einiges an code aus der webui in den designer gezogen, weil ich ihn wo anders wiederverwenden muss, daher könnte dabei was kaputt gegangen sein.

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

                                          @jogibear9988 Danke für alles 😉 Derzeit etwas stressig bei der Arbeit deshalb nicht soviel online und nicht soviel beim testen 😉 aber es kommen auch wieder andere zeiten ist ja schon viel passiert würde ich sagen und inzwischen echt schön angenehm damit zu arbeiten 😉 DANKE nochmal

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

                                            Als nächstes werde ich mich mal an die Zeichentools machen.
                                            Die sind komplett kaputt, und soviel duplizierter code...

                                            Die mach ich jetzt mal frisch

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            795
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

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