Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. ioBroker Allgemein
    4. von wo wird VIS abgefragt?

    NEWS

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    von wo wird VIS abgefragt?

    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      Digi-Bit @Homoran last edited by

      @homoran sagte in von wo wird VIS abgefragt?:

      @digi-bit sagte in von wo wird VIS abgefragt?:

      Grob gesagt will ich : das auf Tablet 1 (im DARK Moden ( (ich hoffe das du da weist was ich meine )) ein Widgets mit Roten rahmen dargestellt wird und auf dem Tablet 2 im "normalen " Modus oder ebent WinPC mit grünen Rahmen.

      Da solltest du eher mit Instanzenspezifischen views arbeiten. (wie auch immer das funktioniert)

      ob es mit der Sichtbarkeit funktioniert wäre zu testen.
      Immerhin scheint vis die Instanz zu kennen
      Screenshot_20230212-155135_Firefox.jpg

      das ist keine Lösung weil sich ab und an diese auf den Selben Tablet ändern tut und das bringt dann bei "Sichtbarkeit" 0 wert

      p.s. das Widgets renn bei mir auf der Hauptseite daher kann ich das sehen

      mfg

      1 Reply Last reply Reply Quote 0
      • Homoran
        Homoran Global Moderator Administrators @Digi-Bit last edited by

        @digi-bit sagte in von wo wird VIS abgefragt?:

        Das ist aber schade das man den DARK Modus eines Handy oder Tablet nicht bei VIS berücksichtigen kann ;-(

        vielleicht solltest du mal mit den Themes spielen.

        @digi-bit sagte in von wo wird VIS abgefragt?:

        weil sich ab und an diese auf den Selben Tablet ändern tut

        nur wenn du mit anderem Browser zugreifst

        D 1 Reply Last reply Reply Quote 0
        • D
          Digi-Bit @Homoran last edited by

          @homoran sagte in von wo wird VIS abgefragt?:

          @digi-bit sagte in von wo wird VIS abgefragt?:

          Das ist aber schade das man den DARK Modus eines Handy oder Tablet nicht bei VIS berücksichtigen kann ;-(

          vielleicht solltest du mal mit den Themes spielen.

          @digi-bit sagte in von wo wird VIS abgefragt?:

          weil sich ab und an diese auf den Selben Tablet ändern tut

          nur wenn du mit anderem Browser zugreifst

          ne, leider nicht ich habe auf den TABs fullybrowser und ebent grade wurde wieder dies geändert.

          "hier klicken bla bla..... "

          wäre auch zu schön ....

          mfg

          Digi-Bit

          Homoran 1 Reply Last reply Reply Quote 0
          • Homoran
            Homoran Global Moderator Administrators @Digi-Bit last edited by

            @digi-bit sagte in von wo wird VIS abgefragt?:

            fullybrowser

            security sucks 😂

            D 1 Reply Last reply Reply Quote 0
            • D
              Digi-Bit @Homoran last edited by

              @homoran sagte in von wo wird VIS abgefragt?:

              security sucks

              aber sowas von manchmal ................

              liv-in-sky 1 Reply Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @Digi-Bit last edited by

                @digi-bit

                kopiere das im vis editor in das script tab

                   
                      if (location.port=="8082") {
                          
                  $('.vis-view').css({
                     'background-image': ' linear-gradient(#c6c6dc,#a8b4d6, #fabf67,#f9a05a)',
                   })}
                   else{
                   $('.vis-view').css({
                     'background-image': ' linear-gradient(90deg, rgba(194,50,167,1) 0%, rgba(69,113,175,1) 49%, rgba(84,141,159,1) 100%)',
                   })
                   
                   }
                   
                   vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
                
                
                
                

                du brauchst eigentlich nur

                vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
                

                das andere ist für den hintergrund - ich habe es einfach mal drin gelassen

                du legst eine 2te web adapter instanz an mit einem noch freien port und einen dp (bei mir: 0_userdata.0.CONTROL-OWN.AAATEST.vis-port - kannst du selbst bestimmen) - dann sollte der dp (typ zeichenkette) gesetzt werden mit der port number, die das tablet nutzt und du kannst daruf reagieren

                oder du willst einen boolean dp, dann:

                 if (location.port=="8082") {
                   vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port',true);
                
                	}
                
                
                D 1 Reply Last reply Reply Quote 0
                • D
                  Digi-Bit @liv-in-sky last edited by

                  @liv-in-sky sagte in von wo wird VIS abgefragt?:

                  @digi-bit

                  kopiere das im vis editor in das script tab

                   
                      if (location.port=="8082") {
                          
                    $('.vis-view').css({
                       'background-image': ' linear-gradient(#c6c6dc,#a8b4d6, #fabf67,#f9a05a)',
                     })}
                   else{
                   $('.vis-view').css({
                       'background-image': ' linear-gradient(90deg, rgba(194,50,167,1) 0%, rgba(69,113,175,1) 49%, rgba(84,141,159,1) 100%)',
                     })
                   
                   }
                   
                   vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
                  
                  
                  
                  

                  du brauchst eigentlich nur

                  vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
                  

                  das andere ist für den hintergrund - ich habe es einfach mal drin gelassen

                  du legst eine 2te web adapter instanz an mit einem noch freien port und einen dp (bei mir: 0_userdata.0.CONTROL-OWN.AAATEST.vis-port - kannst du selbst bestimmen) - dann sollte der dp (typ zeichenkette) gesetzt werden mit der port number, die das tablet nutzt und du kannst daruf reagieren

                  oder du willst einen boolean dp, dann:

                   if (location.port=="8082") {
                     vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port',true);
                  
                  	}
                  
                  

                  Erstmal danke das sich welche melden mit Ideen !!!!!!

                  naja.... ist eine Idee.....aber unterm strich auch doof weil:

                  TAB 1 = Normal Mode

                  TAB 2 = Dark Mode

                  ich habe ein Widgets gedoppelt und lass das eine bei Port 8081 anzeigen und das andere bei 8082

                  soweit geht das wenn ich die Seite am jeweiligen TAB aktualisiere.

                  Nur.... wen ich die Seite an TAB 2 aktualisiere dann verschwindet das Widgets beim TAB 1, das ist dann Blank...

                  Also unterm strich auch blöd ..................

                  gibt es noch was besseres ?

                  mfg

                  Digi-Bit

                  liv-in-sky 1 Reply Last reply Reply Quote 0
                  • liv-in-sky
                    liv-in-sky @Digi-Bit last edited by liv-in-sky

                    @digi-bit

                    verstehe - eine ganz andere habe ich nicht

                    ist logisch, dass das passiert - hatte ich nicht drangedacht 😞

                    habe schon was, was funktioniert - ist aber etwas aufwendiger - man müßte die einzelnen widgets alle in einem script pflegen

                    das ganze funktioniert nicht über sichtbarkeit, sondern über den z-index (evtl ging auch opacity)

                    die änderung des z-index sieht man hier:

                    waitForElement($('body'),'#w00009', 'dummy', 'dummy', function () {
                    
                      // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
                    
                     console.log("jetzt")
                    
                       // und in einen Datenpunkt schreiben
                    
                      
                       
                       
                         $('#w00009').click(function(){
                      vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port', location.port);
                      vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port-sichtbar', false);
                      console.log(location.port);
                       setTimeout( () => { 
                          vis.setValue('0_userdata.0.CONTROL-OWN.AAATEST.vis-port-sichtbar',true); 
                       }, 6000);
                       
                       
                    });
                    
                     /*  }, 3000);*/
                    
                    }, 0, true);
                    
                    waitForElement($('body'),'#w00382', 'dummy', 'dummy', function () {
                    
                      // Widget ist geladen, auf das Widget klicken, w02705 ist die ID von meinem basic - Screen Resolution Widget
                    
                     console.log("jetzt test für verschieden widgets pro tablet")
                     console.log("port :"+location.port);
                       // und in einen Datenpunkt schreiben
                    
                      var myport=location.port
                      if(myport=="8072"){
                       setTimeout( () => {
                        console.log("update")
                        $("#w00382").css('z-index', 30);
                        $("#w00382").text("z-index"+",30 bei tablet 2");
                       }, 100);}
                      
                       
                    
                       
                       
                    
                    
                     /*  }, 3000);*/
                    
                    }, 0, true);
                    

                    in zeile 39 wird der z-index angepaßt, wenn der port 8082. im widget ist das "normal-mode" widget um einen z-index wert höher (z.b 6)
                    das darunter liegende widget für den dark-mode hat den z-index 5 - ist also darunter und nicht zu sehen

                    das script ändert den z-index beim port 8072 und somit erscheint das dark-mode widget, weil es einen z-index von 30 bekommt - die sichtbarkeit wird nicht genutzt

                    script-vis23.gif

                    dummerweise müßte für jedes widget die/eine function waitForElement ... angelegt werden - bei vielen widgets sehr nervig

                    die function waitForElement ... wird benötigt, weil sichergestellt sein muss, dass das widget fertig geladen ist bevor der z-index geändert wird

                    D 2 Replies Last reply Reply Quote 0
                    • D
                      Digi-Bit @liv-in-sky last edited by

                      @liv-in-sky

                      Ich muss also das Script für jedes Widgets einmal einfügen.... ( die Daten für JEDES Widgets Pro einfügen dem Widgets anpassen....)

                      ähm....mein Projekt ist fast 200 MB gross und denke mal das ich min. 300 Seiten habe (eher mehr ) da brauch ich ja
                      Monate für 🤢

                      dann fang ich m al an..... hust....

                      Jedenfalls ein dickes DANKE für deine Bemühungen.....

                      vielleicht kann man ja in weiter Zukunft mal was in VIS2 einbauen wo man sowas einfacher händeln kann....

                      mfg

                      Digi-Bit

                      Boronsbruder 1 Reply Last reply Reply Quote 0
                      • Boronsbruder
                        Boronsbruder @Digi-Bit last edited by

                        @digi-bit
                        ich weiß ja nicht, ob im vis selbst im Javascript die eigene instanz abgefragt werden kann...
                        Dann wäre zum Beispiel eine Möglichkeit ein vis-internes Skript, das die CSS-Eigenschaft ändert möglich...
                        quasi in einem window.onload oder document.onload
                        ein binding für instance gibt es z.B. siehe

                        liv-in-sky 1 Reply Last reply Reply Quote 0
                        • liv-in-sky
                          liv-in-sky @Boronsbruder last edited by

                          @boronsbruder das problem mit der instance ist, dass es nur solange funktioniert, bis der browser cache gelöscht wird - dann mußt du das ganze wieder einrichten -> instance bestimmen - scripte angleichen auf die neue instance

                          Boronsbruder BananaJoe 2 Replies Last reply Reply Quote 0
                          • Boronsbruder
                            Boronsbruder @liv-in-sky last edited by Boronsbruder

                            Dann wäre vielleicht, wenn er FullyBrowser laufen hat, noch ein Weg über die DPs des Fully Adapters zu triggern?
                            fullybrowser.0.192_168_116_2.Info.screenOn oder fullybrowser.0.192_168_116_2.Info.currentPage
                            Android petzt ja alles 😄

                            1 Reply Last reply Reply Quote 0
                            • BananaJoe
                              BananaJoe Most Active @liv-in-sky last edited by BananaJoe

                              @liv-in-sky könnte man dem Gerät - wenn es denn für sich weis welches es ist - eine jeweils andere CSS-Datei / Konfig unterjubeln?
                              so aka %COMPUTERNAME%.css ?

                              Ich habe noch mal geschaut - das Elementare Problem damals war ja das man innerhalb des Browsers quasi 0 Informationen über das System bekommt. Ergo wird @Digi-Bit der Umweg über Ports (kleine Lösung) oder IP-Adresse (große Lösung) nicht erspart bleiben. Aber man kann ja quasi alles per CSS erschlagen.
                              Auch wenn er dann jedes seiner Widgets im CSS pflegen muss.
                              Wobei, man kann ja bei jedem Widget einen CSS Eintrag machen, den könnte man per Datenpunkt steuern - argh auch Quatsch, dann schaltet es bei beiden um.

                              @Digi-Bit du brauchst einen Penumbra-Mode

                              liv-in-sky 1 Reply Last reply Reply Quote 0
                              • liv-in-sky
                                liv-in-sky @BananaJoe last edited by

                                @bananajoe sagte in von wo wird VIS abgefragt?:

                                CSS pflegen muss

                                ja - habe auch schon an css gedacht - aber das ist ja letztlich auch ein enormer aufwand die settings alle zu pflegen für alle verschiedenen widgets - gefühlt ist das mit den z-index einfacher - mir fällt aber auch nix besseres ein - ob port oder ip abfrage - der aufwand ist immer groß - vielleicht kommt ja über nacht noch eine eingebung

                                Boronsbruder BananaJoe 2 Replies Last reply Reply Quote 0
                                • BananaJoe
                                  BananaJoe Most Active last edited by

                                  mhh einen Button dafür:
                                  https://www.w3schools.com/howto/howto_js_toggle_dark_mode.asp
                                  der ein CSS aktiviert - das ging dann auch per JavaScript aus der VIS heraus

                                  1 Reply Last reply Reply Quote 0
                                  • Boronsbruder
                                    Boronsbruder @liv-in-sky last edited by

                                    @BananaJoe -> @Digi-Bit, nicht ich... versuche nur zu helfen 😉

                                    BananaJoe 1 Reply Last reply Reply Quote 1
                                    • BananaJoe
                                      BananaJoe Most Active @liv-in-sky last edited by

                                      @liv-in-sky sagte in von wo wird VIS abgefragt?:

                                      @bananajoe sagte in von wo wird VIS abgefragt?:

                                      CSS pflegen muss

                                      ja - habe auch schon an css gedacht - aber das ist ja letztlich auch ein enormer aufwand die settings alle zu pflegen für alle verschiedenen widgets - gefühlt ist das mit den z-index einfacher - mir fällt aber auch nix besseres ein - ob port oder ip abfrage - der aufwand ist immer groß - vielleicht kommt ja über nacht noch eine eingebung

                                      könnte man ja Scripten 🙂 Per Skript die Config der VIS auslesen und daraus eine passende CSS für den Darkmode generieren lassen.

                                      liv-in-sky 1 Reply Last reply Reply Quote 0
                                      • BananaJoe
                                        BananaJoe Most Active @Boronsbruder last edited by

                                        @boronsbruder sagte in von wo wird VIS abgefragt?:

                                        @BananaJoe -> @Digi-Bit, nicht ich... versuche nur zu helfen 😉

                                        hab es geändert, bin mal wieder mit den Namen durcheinander gekommen

                                        1 Reply Last reply Reply Quote 0
                                        • liv-in-sky
                                          liv-in-sky @BananaJoe last edited by

                                          @bananajoe sagte in von wo wird VIS abgefragt?:

                                          Per Skript die Config der VIS auslesen und daraus eine passende CSS für den Darkmode generieren lassen

                                          das glaube ich bei mir nicht 😞

                                          1 Reply Last reply Reply Quote 0
                                          • OliverIO
                                            OliverIO @Digi-Bit last edited by

                                            @digi-bit sagte in von wo wird VIS abgefragt?:

                                            Das ist aber schade das man den DARK Modus eines Handy oder Tablet nicht bei VIS berücksichtigen kann

                                            ich verwende auch alles im dunklen modus und verwende für vis
                                            das theme dark / oder dark-hive

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate
                                            FAQ Cloud / IOT
                                            HowTo: Node.js-Update
                                            HowTo: Backup/Restore
                                            Downloads
                                            BLOG

                                            759
                                            Online

                                            32.1k
                                            Users

                                            80.6k
                                            Topics

                                            1.3m
                                            Posts

                                            vis widgets visualisierung web-adapter
                                            8
                                            68
                                            5235
                                            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