Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. jarvis v3.1.x - just another remarkable vis

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.1k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.1k

jarvis v3.1.x - just another remarkable vis

Scheduled Pinned Locked Moved Tester
jarvismaterialmaterial uimaterialdesignvisvisualisierungvisualization
1.8k Posts 92 Posters 721.1k Views 77 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • H Hohenbostler

    @mcu

    Hi, super im grunde funktioniert das auch . Aber leider nur wenn ich ein Widget ausblenden möchten. Sobald ich das Script doppelt untereinander setze wird es nicht mehr ausgeführt.

    // **************************************************
    // widgetDisplay.js v1.0.0
    //
    // Beispiel Widget ausblenden mit ioBroker DP-Objekt
    // **************************************************
    // Copyright ©MCU 
    
    /* Objekt zum Speichern von WidgetID und Zustand */
    let displayOffObj ={}; 
    
    let pagePosArr = [];
    
    let arrDeskWidgets = []; // Widgets Array mit widgetIDs und Posdaten vom grid
    
    /* ioBroker DP Änderungen */
    
    window.Socket.subscribeState('0_userdata.0.allgemeine_Datenpunkte.jarvis_datenpunkte.allgmeine_infos_anzeigen', ({ err, state }) => {
    	if (err){
    	   console.log('Error DP holen');
    	}else{
    		if (state.val) {
    			displayOffObj['cabd6398-4ba6-4834-a0cd-527507cd311d']=false;
    		}else{
    			displayOffObj['cabd6398-4ba6-4834-a0cd-527507cd311d']=true;
    		}
    		widgetsActualize();
    	}
    });  
    
    /* hier kann man mehrere ioBroker DPs abfragen */
    // window.Socket.subscribeState('0_userdata.0.DP.condition2', ....
    
    // window.Socket.subscribeState('0_userdata.0.DP.condition3', ....
    
    // !!! AB HIER NICHTS VERÄNDERN !!!
    
    docReady(function() {
    	widgetsActualize();
    	document.addEventListener("click", function (event) {
    		widgetsActualize();
       });
    });
    
    
    function widgetsActualize(){
    	containerDesktop();
    	for (let widget in displayOffObj){
    		if (displayOffObj[widget]){
    			widgetDisplayOff(widget,true); // Allgemeines
    		}else{
    			widgetDisplayOff(widget,false);
    		}				
    	}
    }
    
    function containerDesktop(){
    	let doc = document.getElementsByClassName('container desktop');
    	if (doc.length >0){
    		let widgetsPos = doc[0].getElementsByClassName('box');
    		//console.log('POS: ' +widgetsPos);
    		let arr = [];
    		for (let i=0;i<widgetsPos.length;i++){
    			let posObj = {};
    			posObj.rowStart=widgetsPos[i].style.gridRowStart;
    			posObj.colStart=widgetsPos[i].style.gridColumnStart;
    			posObj.rowEnd=widgetsPos[i].style.gridRowEnd;
    			posObj.colEnd=widgetsPos[i].style.gridColumnEnd;
    			let widgetCL = widgetsPos[i].getElementsByClassName('jarvis-widget')[0].classList;
    			for (let y=0;y<widgetCL.length;y++){
    				if (widgetCL[y].indexOf('jarvis-widget-') >=0 && widgetCL[y].length > 49){
    					posObj.widgetID = widgetCL[y].substr(14, widgetCL[y].length-14); // widgetID vom Widget wird übergeben */
    					break;
    				}
    			}
    			arr.push(posObj);
    		}
    		arrDeskWidgets = arr;
    		//pagePos(arr);
    	}else{
    		arrDeskWidgets = [];
    	}
    	
    }
    
    
    function pagePos(arrDesk){
    	
    	for (let i=0; i< arrDesk.length;i++){
    		let rowEnd =0;
    		let rowStart =parseInt(arrDesk[i].rowStart)-1;
    		if (arrDesk[i].rowEnd.indexOf('span')>=0){
    			rowEnd = parseInt(arrDesk[i].rowEnd.replace('span',''));
    		}
    		let colEnd =0;
    		let colStart =parseInt(arrDesk[i].colStart)-1;
    		if (arrDesk[i].colEnd.indexOf('span')>=0){
    			colEnd = parseInt(arrDesk[i].colEnd.replace('span',''));
    		}
    		for (let row = rowStart; row< rowStart+rowEnd;row++){ 
    			if (pagePosArr[row] == undefined){
    				pagePosArr.push(['','','','','','','','','','','','']);
    			}
    			for (let x = colStart; x< colStart+colEnd;x++){
    				if (pagePosArr[row][x] == ''){
    					pagePosArr[row][x]= arrDesk[i].widgetID;
    				}
    			}
    		}
    	}	
    }
    
    function widgetDisplayOff(widgetID,displayOff){
    	let doc = document.getElementsByClassName('container desktop');
    	if (doc.length >0){
    		let widgetsPos = doc[0].getElementsByClassName('box');
    		let usedOrder = 0;
    		for (let i=0; i<arrDeskWidgets.length;i++){
    			if (arrDeskWidgets[i].widgetID == widgetID){
    				usedOrder = i;
    				let widgetContainer = widgetsPos[usedOrder].getElementsByClassName('jarvis-widget-container');
    				if (displayOff){
    					widgetContainer[0].style.display='none';
    				}else{
    					widgetContainer[0].style.display='inherit';
    				}
    				break;
    			}
    		}
    	}
    	
    }
    
    
    function docReady(fn) {
        // see if DOM is already available
        if (document.readyState === "complete" || document.readyState === "interactive") {
            // call on next available tick
            setTimeout(fn, 1000);
        } else {
            document.addEventListener("DOMContentLoaded", fn);
        }
    }
    // **************************************************
    // widgetDisplay.js v1.0.0
    // DWDINFOS
    //
    // Beispiel Widget ausblenden mit ioBroker DP-Objekt
    // **************************************************
    // Copyright ©MCU 
    
    /* Objekt zum Speichern von WidgetID und Zustand */
    let displayOffObj ={}; 
    
    let pagePosArr = [];
    
    let arrDeskWidgets = []; // Widgets Array mit widgetIDs und Posdaten vom grid
    
    /* ioBroker DP Änderungen */
    
    window.Socket.subscribeState('0_userdata.0.allgemeine_Datenpunkte.jarvis_datenpunkte.dwd_warnung_anzeigen', ({ err, state }) => {
    	if (err){
    	   console.log('Error DP holen');
    	}else{
    		if (state.val) {
    			displayOffObj['873f31aa-5a9c-4e9c-9ff8-5132d03856ed']=false;
    		}else{
    			displayOffObj['873f31aa-5a9c-4e9c-9ff8-5132d03856ed']=true;
    		}
    		widgetsActualize();
    	}
    });  
    
    /* hier kann man mehrere ioBroker DPs abfragen */
    // window.Socket.subscribeState('0_userdata.0.DP.condition2', ....
    
    // window.Socket.subscribeState('0_userdata.0.DP.condition3', ....
    
    // !!! AB HIER NICHTS VERÄNDERN !!!
    
    docReady(function() {
    	widgetsActualize();
    	document.addEventListener("click", function (event) {
    		widgetsActualize();
       });
    });
    
    
    function widgetsActualize(){
    	containerDesktop();
    	for (let widget in displayOffObj){
    		if (displayOffObj[widget]){
    			widgetDisplayOff(widget,true); // Allgemeines
    		}else{
    			widgetDisplayOff(widget,false);
    		}				
    	}
    }
    
    function containerDesktop(){
    	let doc = document.getElementsByClassName('container desktop');
    	if (doc.length >0){
    		let widgetsPos = doc[0].getElementsByClassName('box');
    		//console.log('POS: ' +widgetsPos);
    		let arr = [];
    		for (let i=0;i<widgetsPos.length;i++){
    			let posObj = {};
    			posObj.rowStart=widgetsPos[i].style.gridRowStart;
    			posObj.colStart=widgetsPos[i].style.gridColumnStart;
    			posObj.rowEnd=widgetsPos[i].style.gridRowEnd;
    			posObj.colEnd=widgetsPos[i].style.gridColumnEnd;
    			let widgetCL = widgetsPos[i].getElementsByClassName('jarvis-widget')[0].classList;
    			for (let y=0;y<widgetCL.length;y++){
    				if (widgetCL[y].indexOf('jarvis-widget-') >=0 && widgetCL[y].length > 49){
    					posObj.widgetID = widgetCL[y].substr(14, widgetCL[y].length-14); // widgetID vom Widget wird übergeben */
    					break;
    				}
    			}
    			arr.push(posObj);
    		}
    		arrDeskWidgets = arr;
    		//pagePos(arr);
    	}else{
    		arrDeskWidgets = [];
    	}
    	
    }
    
    
    function pagePos(arrDesk){
    	
    	for (let i=0; i< arrDesk.length;i++){
    		let rowEnd =0;
    		let rowStart =parseInt(arrDesk[i].rowStart)-1;
    		if (arrDesk[i].rowEnd.indexOf('span')>=0){
    			rowEnd = parseInt(arrDesk[i].rowEnd.replace('span',''));
    		}
    		let colEnd =0;
    		let colStart =parseInt(arrDesk[i].colStart)-1;
    		if (arrDesk[i].colEnd.indexOf('span')>=0){
    			colEnd = parseInt(arrDesk[i].colEnd.replace('span',''));
    		}
    		for (let row = rowStart; row< rowStart+rowEnd;row++){ 
    			if (pagePosArr[row] == undefined){
    				pagePosArr.push(['','','','','','','','','','','','']);
    			}
    			for (let x = colStart; x< colStart+colEnd;x++){
    				if (pagePosArr[row][x] == ''){
    					pagePosArr[row][x]= arrDesk[i].widgetID;
    				}
    			}
    		}
    	}	
    }
    
    function widgetDisplayOff(widgetID,displayOff){
    	let doc = document.getElementsByClassName('container desktop');
    	if (doc.length >0){
    		let widgetsPos = doc[0].getElementsByClassName('box');
    		let usedOrder = 0;
    		for (let i=0; i<arrDeskWidgets.length;i++){
    			if (arrDeskWidgets[i].widgetID == widgetID){
    				usedOrder = i;
    				let widgetContainer = widgetsPos[usedOrder].getElementsByClassName('jarvis-widget-container');
    				if (displayOff){
    					widgetContainer[0].style.display='none';
    				}else{
    					widgetContainer[0].style.display='inherit';
    				}
    				break;
    			}
    		}
    	}
    	
    }
    
    
    function docReady(fn) {
        // see if DOM is already available
        if (document.readyState === "complete" || document.readyState === "interactive") {
            // call on next available tick
            setTimeout(fn, 1000);
        } else {
            document.addEventListener("DOMContentLoaded", fn);
        }
    }
    

    Gibt es da auch eine Lösung ?

    M Online
    M Online
    MCU
    wrote on last edited by MCU
    #981

    @hohenbostler Man darf es nicht 2x mal untereinander nutzen, dafür muss man die Funktionen nutzen.
    Was möchtest du machen?
    Mit welchem DP soll gesteuert werden? Unterschiedliche DPs?
    Welche WidgetIds?

    NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

    H 1 Reply Last reply
    0
    • M MCU

      @hohenbostler Man darf es nicht 2x mal untereinander nutzen, dafür muss man die Funktionen nutzen.
      Was möchtest du machen?
      Mit welchem DP soll gesteuert werden? Unterschiedliche DPs?
      Welche WidgetIds?

      H Offline
      H Offline
      Hohenbostler
      wrote on last edited by
      #982

      @mcu

      ich möchte unterschiedliche Widgets die unterschiedlich gefüllt sind nach unterschiedlichen Datenpunkten an/ aus blenden.

      Datenpunkt 1 blendet WIdget 1 an / aus

      Datenpunkt 2 blendet WIdget 2 an / aus

      M 1 Reply Last reply
      0
      • H Hohenbostler

        @mcu

        ich möchte unterschiedliche Widgets die unterschiedlich gefüllt sind nach unterschiedlichen Datenpunkten an/ aus blenden.

        Datenpunkt 1 blendet WIdget 1 an / aus

        Datenpunkt 2 blendet WIdget 2 an / aus

        M Online
        M Online
        MCU
        wrote on last edited by
        #983

        @hohenbostler nur dieser Part wird dafür genutzt. Den kan man kopieren. Auf einem Handy schlecht zu kopieren.

        /* ioBroker DP Änderungen */
         
        window.Socket.subscribeState('0_userdata.0.allgemeine_Datenpunkte.jarvis_datenpunkte.allgmeine_infos_anzeigen', ({ err, state }) => {
        	if (err){
        	   console.log('Error DP holene{
        		if (state.val) {
        			displayOffObj['cabd6398-4ba6-4834-a0cd-7507cd311d']=false;
        		}else{
        			displayOffObj['cabd6398-4ba6-4834-a0cd-527507cd311d']=true;
        		}
        		widgetsActualize();
        	}
        });  
        

        NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

        1 Reply Last reply
        0
        • H Offline
          H Offline
          Hohenbostler
          wrote on last edited by
          #984

          @mcu Ebenfalls Perfekt..

          Ich bin da ganz ehrlich . Ohne deine Hilfe würde ich mittlerweile Jarvis wieder ausgetauscht haben gegen Vis-2 . Aber so komme ich meinen wünschen schon viel näher...

          Aber eine Frage habe ich noch wieder dazu ->

          Wenn ich ein Widget ausblende besteht die möglichkeit das die sichtbaren Widgets dadrunter den leerraum auffüllen und sich automatisch verschieben ?

          aa5d6b48-8f41-4f06-a10e-a64c9f3e1fec-image.png

          ad92680e-5ae0-4cbf-954a-a2aeff83fa98-image.png

          M X 2 Replies Last reply
          0
          • H Hohenbostler

            @mcu Ebenfalls Perfekt..

            Ich bin da ganz ehrlich . Ohne deine Hilfe würde ich mittlerweile Jarvis wieder ausgetauscht haben gegen Vis-2 . Aber so komme ich meinen wünschen schon viel näher...

            Aber eine Frage habe ich noch wieder dazu ->

            Wenn ich ein Widget ausblende besteht die möglichkeit das die sichtbaren Widgets dadrunter den leerraum auffüllen und sich automatisch verschieben ?

            aa5d6b48-8f41-4f06-a10e-a64c9f3e1fec-image.png

            ad92680e-5ae0-4cbf-954a-a2aeff83fa98-image.png

            M Online
            M Online
            MCU
            wrote on last edited by MCU
            #985

            @hohenbostler Theoretisch ja, da es vom Grid abhängt, muss man alle Gridelemente neu berechnen.
            Extrem aufwändig. Weshalb man in solchen Fällen die Elemente nach unten legt, da fällt es nicht so auf?
            Ich muss nochmal schauen, ist nicht sogar damit drin,?
            Auf dem Handy werden sie ausgeblendet.

            NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
            Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

            H 1 Reply Last reply
            0
            • M MCU

              @hohenbostler Theoretisch ja, da es vom Grid abhängt, muss man alle Gridelemente neu berechnen.
              Extrem aufwändig. Weshalb man in solchen Fällen die Elemente nach unten legt, da fällt es nicht so auf?
              Ich muss nochmal schauen, ist nicht sogar damit drin,?
              Auf dem Handy werden sie ausgeblendet.

              H Offline
              H Offline
              Hohenbostler
              wrote on last edited by
              #986

              @mcu
              Ja ist nur ein Wunsch. Die lagen auch zuerst unten in dem Grid aber das sind naturlich teilweise wichtige Infos . Und wir kennen es selbst unten schaut niemand 😉

              1 Reply Last reply
              0
              • H Hohenbostler

                @mcu Ebenfalls Perfekt..

                Ich bin da ganz ehrlich . Ohne deine Hilfe würde ich mittlerweile Jarvis wieder ausgetauscht haben gegen Vis-2 . Aber so komme ich meinen wünschen schon viel näher...

                Aber eine Frage habe ich noch wieder dazu ->

                Wenn ich ein Widget ausblende besteht die möglichkeit das die sichtbaren Widgets dadrunter den leerraum auffüllen und sich automatisch verschieben ?

                aa5d6b48-8f41-4f06-a10e-a64c9f3e1fec-image.png

                ad92680e-5ae0-4cbf-954a-a2aeff83fa98-image.png

                X Offline
                X Offline
                xdelta
                wrote on last edited by xdelta
                #987

                @hohenbostler said in [jarvis v3.1.x - just another remarkable vis]

                Ich bin da ganz ehrlich . Ohne deine Hilfe würde ich mittlerweile Jarvis wieder ausgetauscht haben gegen Vis-2 .

                Dem möchte ich mich gerne anschließen - gefühlt macht MCU den Support ja hier fast alleine - dafür erstklassig ! Vielen Dank MCU und Zefau !

                ch90045C 1 Reply Last reply
                1
                • X xdelta

                  @hohenbostler said in [jarvis v3.1.x - just another remarkable vis]

                  Ich bin da ganz ehrlich . Ohne deine Hilfe würde ich mittlerweile Jarvis wieder ausgetauscht haben gegen Vis-2 .

                  Dem möchte ich mich gerne anschließen - gefühlt macht MCU den Support ja hier fast alleine - dafür erstklassig ! Vielen Dank MCU und Zefau !

                  ch90045C Offline
                  ch90045C Offline
                  ch90045
                  wrote on last edited by
                  #988

                  @xdelta @MCU @Zefau Dem kann ich mich auch nur vollkommen anschliessen!

                  R 1 Reply Last reply
                  1
                  • ch90045C ch90045

                    @xdelta @MCU @Zefau Dem kann ich mich auch nur vollkommen anschliessen!

                    R Offline
                    R Offline
                    reutli
                    wrote on last edited by
                    #989

                    Hallo,

                    ich habe aktuell einen gewaltigen Gedankenhänger... 😧

                    Suche Lösung für folgenden use-case:
                    Mehrere Shelly RGBW2 sollen mit Jarvis V3 geschalten werden können, einzeln und in einer Gruppe.
                    Einzeln kein Problem, aber ich möchte diese auch als Gruppe schalten können, inkl. Farbauswahl (HUE und RGB)

                    Genau da hänge ich, weil ich in der Gruppenfunktion keine Farbauswahl habe:
                    Bildschirmfoto 2023-08-28 um 18.37.35.png

                    Ergo kann ich auch nicht die Farbe für alle gleichzeitig einstellen.

                    Wo hängt es bei mir?

                    BITTE BEACHTET DOCH DAS: https://forum.iobroker.net/topic/51555/hinweise-für-gute-forenbeiträge
                    iobroker in Debian-VM auf Proxmox Server (Ryzen 7 / 32GB / 1TB NVMe SSD) als Master - mehrere Raspberry Pis (3+4) als Slaves. InfluxDB V2 und Grafana auf LXC.

                    *Wer freundlich ist, dem wird freundlich geholfen *

                    M 1 Reply Last reply
                    0
                    • R reutli

                      Hallo,

                      ich habe aktuell einen gewaltigen Gedankenhänger... 😧

                      Suche Lösung für folgenden use-case:
                      Mehrere Shelly RGBW2 sollen mit Jarvis V3 geschalten werden können, einzeln und in einer Gruppe.
                      Einzeln kein Problem, aber ich möchte diese auch als Gruppe schalten können, inkl. Farbauswahl (HUE und RGB)

                      Genau da hänge ich, weil ich in der Gruppenfunktion keine Farbauswahl habe:
                      Bildschirmfoto 2023-08-28 um 18.37.35.png

                      Ergo kann ich auch nicht die Farbe für alle gleichzeitig einstellen.

                      Wo hängt es bei mir?

                      M Online
                      M Online
                      MCU
                      wrote on last edited by
                      #990

                      @reutli AlsnGruppe kann man sie nur ein-/ausschalten. Farbeinstellungen als Gruppe geht nicht.
                      ->Feature Request erstellen.
                      Bis dahin ein eigenes Script schreiben mit eigenen DPs.

                      NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                      R 1 Reply Last reply
                      0
                      • M MCU

                        @reutli AlsnGruppe kann man sie nur ein-/ausschalten. Farbeinstellungen als Gruppe geht nicht.
                        ->Feature Request erstellen.
                        Bis dahin ein eigenes Script schreiben mit eigenen DPs.

                        R Offline
                        R Offline
                        reutli
                        wrote on last edited by reutli
                        #991

                        @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                        ->Feature Request erstellen

                        Über Github, korrekt?

                        @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                        Bis dahin ein eigenes Script schreiben mit eigenen DPs

                        Das habe ich nicht ganz kapiert...
                        Eigenen (manuellen) DP anlegen für HUE, RGB etc.
                        Dann Script, welches bei Änderung dieses (manuellen) DPs die DPs der Shellys ändert?
                        Dann müsste ich aber ein eigenes Gerät "Gruppe Ambiente" anlegen und dort den manuellen DP verwenden, oder?

                        BITTE BEACHTET DOCH DAS: https://forum.iobroker.net/topic/51555/hinweise-für-gute-forenbeiträge
                        iobroker in Debian-VM auf Proxmox Server (Ryzen 7 / 32GB / 1TB NVMe SSD) als Master - mehrere Raspberry Pis (3+4) als Slaves. InfluxDB V2 und Grafana auf LXC.

                        *Wer freundlich ist, dem wird freundlich geholfen *

                        M R 2 Replies Last reply
                        0
                        • R reutli

                          @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                          ->Feature Request erstellen

                          Über Github, korrekt?

                          @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                          Bis dahin ein eigenes Script schreiben mit eigenen DPs

                          Das habe ich nicht ganz kapiert...
                          Eigenen (manuellen) DP anlegen für HUE, RGB etc.
                          Dann Script, welches bei Änderung dieses (manuellen) DPs die DPs der Shellys ändert?
                          Dann müsste ich aber ein eigenes Gerät "Gruppe Ambiente" anlegen und dort den manuellen DP verwenden, oder?

                          M Online
                          M Online
                          MCU
                          wrote on last edited by MCU
                          #992

                          @reutli
                          Ja

                          Ja. DP anlegen der die Gruppenfarbe drin hat. Den DP im Gerät zuordnen und in jarvis setzen.
                          Script setzt dann bei Änderung von der Farbe die anderen gewünschten DPs mit der Farbe.

                          NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                          1 Reply Last reply
                          0
                          • R reutli

                            @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                            ->Feature Request erstellen

                            Über Github, korrekt?

                            @mcu sagte in jarvis v3.1.x - just another remarkable vis:

                            Bis dahin ein eigenes Script schreiben mit eigenen DPs

                            Das habe ich nicht ganz kapiert...
                            Eigenen (manuellen) DP anlegen für HUE, RGB etc.
                            Dann Script, welches bei Änderung dieses (manuellen) DPs die DPs der Shellys ändert?
                            Dann müsste ich aber ein eigenes Gerät "Gruppe Ambiente" anlegen und dort den manuellen DP verwenden, oder?

                            R Offline
                            R Offline
                            reutli
                            wrote on last edited by reutli
                            #993

                            @reutli sagte in jarvis v3.1.x - just another remarkable vis:

                            ->Feature Request erstellen

                            Über Github, korrekt?

                            done: https://github.com/Zefau/ioBroker.jarvis/issues/2421

                            BITTE BEACHTET DOCH DAS: https://forum.iobroker.net/topic/51555/hinweise-für-gute-forenbeiträge
                            iobroker in Debian-VM auf Proxmox Server (Ryzen 7 / 32GB / 1TB NVMe SSD) als Master - mehrere Raspberry Pis (3+4) als Slaves. InfluxDB V2 und Grafana auf LXC.

                            *Wer freundlich ist, dem wird freundlich geholfen *

                            1 Reply Last reply
                            1
                            • X Offline
                              X Offline
                              xdelta
                              wrote on last edited by xdelta
                              #994

                              Hi,
                              ich versuche in das stateHTML Widget einen iobroker Datenpunkt bzw. den Wert davon darzustellen, der aber nicht statisch ist, sich also ändert.

                              Ich bin mir nicht sicher, ob ich auf dem Holzweg bin, aktuell versuche ich es wie folgt mit einem String Datenpunkt, der folgenden HTML Code beinhaltet:

                              <html>
                               <head>
                                <body>
                                 <span id="testid"> Platzhalter Text .... </span>
                                </body>
                               </head>
                              </html>
                              

                              In Jarvis JS habe ich folgenden JS Code um den aktuellen Inhalt eines anderen dp's zu ermitteln:

                              const OBJID= "0_userdata.0.testdp";
                              
                              window.Socket.getState(OBJID, ({ err, state }) => {
                                 let stateValue = state.val;
                                 //console.log(stateValue );
                                 document.getElementById('testid').innerHTML = stateValue ;
                              
                              });
                              

                              Nun war mein Gedanke, dass ich so den Wert von stateValue mittels document.getElementById('testid').innerHTML in das <span> Element schreiben kann.

                              Soweit die (meine) Theorie, denn das klappt nicht...

                              | WARN | SOCKET | document.getElementById(...) is null TypeError: document.getElementById(...) is null
                              

                              Was ist falsch, bzw. wie mache ich das richtig?

                              M 1 Reply Last reply
                              0
                              • X xdelta

                                Hi,
                                ich versuche in das stateHTML Widget einen iobroker Datenpunkt bzw. den Wert davon darzustellen, der aber nicht statisch ist, sich also ändert.

                                Ich bin mir nicht sicher, ob ich auf dem Holzweg bin, aktuell versuche ich es wie folgt mit einem String Datenpunkt, der folgenden HTML Code beinhaltet:

                                <html>
                                 <head>
                                  <body>
                                   <span id="testid"> Platzhalter Text .... </span>
                                  </body>
                                 </head>
                                </html>
                                

                                In Jarvis JS habe ich folgenden JS Code um den aktuellen Inhalt eines anderen dp's zu ermitteln:

                                const OBJID= "0_userdata.0.testdp";
                                
                                window.Socket.getState(OBJID, ({ err, state }) => {
                                   let stateValue = state.val;
                                   //console.log(stateValue );
                                   document.getElementById('testid').innerHTML = stateValue ;
                                
                                });
                                

                                Nun war mein Gedanke, dass ich so den Wert von stateValue mittels document.getElementById('testid').innerHTML in das <span> Element schreiben kann.

                                Soweit die (meine) Theorie, denn das klappt nicht...

                                | WARN | SOCKET | document.getElementById(...) is null TypeError: document.getElementById(...) is null
                                

                                Was ist falsch, bzw. wie mache ich das richtig?

                                M Online
                                M Online
                                MCU
                                wrote on last edited by MCU
                                #995

                                @xdelta Hier gibt es mehrere Probleme.

                                • scripts wird schneller ausgeführt als der Seitenaufbau
                                  -> Gesetzt den Fall man würde direkt das HTML in jarvis im richtigen TAB aufrufen
                                  scripts hat den Wert mit getState schon geholt und wollte ihn setzen, das document war aber noch gar nicht geladen und die id "testid" war somit nicht erreichbar (-> Fehlermeldung document.getEl... null )

                                • dies ist aber nicht immer der Fall man hat ja in jarvis mehrere TABs und somit nicht immer bei Start die HTML im Ladevorgang.
                                  -> das document würde in dem Fall auch keine id ="testid" kennen, da das HTML ja gar nicht geladen wurde. Die Elemente werden ja erst geladen, wenn auf sie zugegriffen wird. (-> Fehlermeldung)

                                • grundsätzlich muss man solche Fehlermeldungen abfangen.

                                • mit getState holt man sich nur einmal den Wert -> man muss subscribeState nutzen

                                Daraus ergeben sich Abhängigkeiten

                                • man muss warten bis das document geladen ist
                                • man muss den Fehler abfangen
                                • man muss prüfen, ob der Tab, der ist auf dem sich das StateHTML befindet
                                /* eigenesHTML mit Wert füllen */
                                
                                
                                
                                const OBJID  = "0_userdata.0.jarvis.test.forumTestNumDP2";
                                
                                let owntabID = "7eb2a2cb-11df-454e-bebe-2dfae92fca89"; 
                                
                                
                                window.Socket.subscribeState(OBJID, ({ err, state }) => {
                                   let stateValue = state.val;
                                   //console.log(stateValue );
                                  if(document.getElementById('testid')!= null){
                                   document.getElementById('testid').innerHTML = stateValue ;
                                }
                                 
                                });
                                
                                
                                
                                docReady(function() {
                                	if (isConfig()){
                                	}else{	
                                		
                                	}
                                		
                                	document.addEventListener("click", (event) => {
                                		if (isConfig()){
                                			
                                		}else{
                                			
                                			let foundTab = false;
                                			let tar = event.target;
                                			let par = tar;
                                			for(i=0;i<10;i++){
                                				if(par.parentElement != '' ){
                                					par = par.parentElement;
                                					for (let j=0;j<par.classList.length;j++){
                                						if(par.classList[j] == 'jarvis-tab-'+owntabID){
                                							foundTab = true;
                                							break;
                                						}
                                					}
                                					if(foundTab){
                                						console.log('Tab '+owntabID+ ' gefunden');
                                						/* Wert setzen */
                                						window.Socket.subscribeState(OBJID, ({ err, state }) => {
                                							let stateValue = state.val;
                                							if(document.getElementById('testid')!= null){
                                								document.getElementById('testid').innerHTML = stateValue ;
                                							}
                                						});
                                						break;
                                					}
                                				}else{
                                					// console.log('Nicht das richtige Tab getroffen')
                                					break;
                                				}
                                			}
                                		}	
                                	});
                                });	
                                
                                
                                
                                
                                
                                
                                function isConfig(){
                                	//console.log(document.baseURI);
                                	if (document.baseURI.indexOf('configuration') >=0){
                                		//console.log('Konfig aktiv');
                                		return true;
                                		
                                	}else{
                                		//console.log('Konfig nicht aktiv');
                                		return false;		
                                	}
                                }
                                
                                function docReady(fn) {
                                // see if DOM is already available
                                	if (document.readyState === "complete" || document.readyState === "interactive") {
                                		// call on next available tick
                                		setTimeout(fn, 1000);
                                	} else {
                                		document.addEventListener("DOMContentLoaded", fn);
                                	}
                                }  
                                
                                

                                NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                                Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                X 1 Reply Last reply
                                2
                                • M MCU

                                  @xdelta Hier gibt es mehrere Probleme.

                                  • scripts wird schneller ausgeführt als der Seitenaufbau
                                    -> Gesetzt den Fall man würde direkt das HTML in jarvis im richtigen TAB aufrufen
                                    scripts hat den Wert mit getState schon geholt und wollte ihn setzen, das document war aber noch gar nicht geladen und die id "testid" war somit nicht erreichbar (-> Fehlermeldung document.getEl... null )

                                  • dies ist aber nicht immer der Fall man hat ja in jarvis mehrere TABs und somit nicht immer bei Start die HTML im Ladevorgang.
                                    -> das document würde in dem Fall auch keine id ="testid" kennen, da das HTML ja gar nicht geladen wurde. Die Elemente werden ja erst geladen, wenn auf sie zugegriffen wird. (-> Fehlermeldung)

                                  • grundsätzlich muss man solche Fehlermeldungen abfangen.

                                  • mit getState holt man sich nur einmal den Wert -> man muss subscribeState nutzen

                                  Daraus ergeben sich Abhängigkeiten

                                  • man muss warten bis das document geladen ist
                                  • man muss den Fehler abfangen
                                  • man muss prüfen, ob der Tab, der ist auf dem sich das StateHTML befindet
                                  /* eigenesHTML mit Wert füllen */
                                  
                                  
                                  
                                  const OBJID  = "0_userdata.0.jarvis.test.forumTestNumDP2";
                                  
                                  let owntabID = "7eb2a2cb-11df-454e-bebe-2dfae92fca89"; 
                                  
                                  
                                  window.Socket.subscribeState(OBJID, ({ err, state }) => {
                                     let stateValue = state.val;
                                     //console.log(stateValue );
                                    if(document.getElementById('testid')!= null){
                                     document.getElementById('testid').innerHTML = stateValue ;
                                  }
                                   
                                  });
                                  
                                  
                                  
                                  docReady(function() {
                                  	if (isConfig()){
                                  	}else{	
                                  		
                                  	}
                                  		
                                  	document.addEventListener("click", (event) => {
                                  		if (isConfig()){
                                  			
                                  		}else{
                                  			
                                  			let foundTab = false;
                                  			let tar = event.target;
                                  			let par = tar;
                                  			for(i=0;i<10;i++){
                                  				if(par.parentElement != '' ){
                                  					par = par.parentElement;
                                  					for (let j=0;j<par.classList.length;j++){
                                  						if(par.classList[j] == 'jarvis-tab-'+owntabID){
                                  							foundTab = true;
                                  							break;
                                  						}
                                  					}
                                  					if(foundTab){
                                  						console.log('Tab '+owntabID+ ' gefunden');
                                  						/* Wert setzen */
                                  						window.Socket.subscribeState(OBJID, ({ err, state }) => {
                                  							let stateValue = state.val;
                                  							if(document.getElementById('testid')!= null){
                                  								document.getElementById('testid').innerHTML = stateValue ;
                                  							}
                                  						});
                                  						break;
                                  					}
                                  				}else{
                                  					// console.log('Nicht das richtige Tab getroffen')
                                  					break;
                                  				}
                                  			}
                                  		}	
                                  	});
                                  });	
                                  
                                  
                                  
                                  
                                  
                                  
                                  function isConfig(){
                                  	//console.log(document.baseURI);
                                  	if (document.baseURI.indexOf('configuration') >=0){
                                  		//console.log('Konfig aktiv');
                                  		return true;
                                  		
                                  	}else{
                                  		//console.log('Konfig nicht aktiv');
                                  		return false;		
                                  	}
                                  }
                                  
                                  function docReady(fn) {
                                  // see if DOM is already available
                                  	if (document.readyState === "complete" || document.readyState === "interactive") {
                                  		// call on next available tick
                                  		setTimeout(fn, 1000);
                                  	} else {
                                  		document.addEventListener("DOMContentLoaded", fn);
                                  	}
                                  }  
                                  
                                  
                                  X Offline
                                  X Offline
                                  xdelta
                                  wrote on last edited by
                                  #996

                                  @mcu Wow! Funktioniert einwandfrei, fehlerfrei und exakt so wie gedacht/gewünscht!
                                  Wäre ich nur nie im Leben drauf gekommen und hätte es so hinbekommen - vor allem die docReady(function() ! Ich bin sprachlos!

                                  Vielen Dank!!! Das Script ist so eine top Basis für viele indiv. state.HTML Widget Ideen 🙂

                                  M 1 Reply Last reply
                                  1
                                  • X xdelta

                                    @mcu Wow! Funktioniert einwandfrei, fehlerfrei und exakt so wie gedacht/gewünscht!
                                    Wäre ich nur nie im Leben drauf gekommen und hätte es so hinbekommen - vor allem die docReady(function() ! Ich bin sprachlos!

                                    Vielen Dank!!! Das Script ist so eine top Basis für viele indiv. state.HTML Widget Ideen 🙂

                                    M Online
                                    M Online
                                    MCU
                                    wrote on last edited by
                                    #997

                                    @xdelta Beispiel Skripte für unterschiedliche Fälle sind in der Doku.
                                    https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/scripts-3.1.x-pro

                                    51705104-7961-414f-89f2-6b4d6fbc9cc0-image.png

                                    NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                                    Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                    X 1 Reply Last reply
                                    1
                                    • M MCU

                                      @xdelta Beispiel Skripte für unterschiedliche Fälle sind in der Doku.
                                      https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/scripts-3.1.x-pro

                                      51705104-7961-414f-89f2-6b4d6fbc9cc0-image.png

                                      X Offline
                                      X Offline
                                      xdelta
                                      wrote on last edited by
                                      #998

                                      @mcu said in jarvis v3.1.x - just another remarkable vis:

                                      @xdelta Beispiel Skripte für unterschiedliche Fälle sind in der Doku.
                                      https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/scripts-3.1.x-pro

                                      51705104-7961-414f-89f2-6b4d6fbc9cc0-image.png

                                      Ich dachte wirklich, ich hätte dort schon alles gelesen, aber leider nicht genau diesen Teil gefunden, nachdem ich tagelang gesucht habe :

                                      https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/scripts-3.1.x-pro/socket-befehle/getstate

                                      Das ist erstklassig dokumentiert! Danke.

                                      M 1 Reply Last reply
                                      0
                                      • X xdelta

                                        @mcu said in jarvis v3.1.x - just another remarkable vis:

                                        @xdelta Beispiel Skripte für unterschiedliche Fälle sind in der Doku.
                                        https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/scripts-3.1.x-pro

                                        51705104-7961-414f-89f2-6b4d6fbc9cc0-image.png

                                        Ich dachte wirklich, ich hätte dort schon alles gelesen, aber leider nicht genau diesen Teil gefunden, nachdem ich tagelang gesucht habe :

                                        https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/scripts-3.1.x-pro/socket-befehle/getstate

                                        Das ist erstklassig dokumentiert! Danke.

                                        M Online
                                        M Online
                                        MCU
                                        wrote on last edited by
                                        #999

                                        @xdelta
                                        Für scripts sollte man direkt mit der Import-Variante arbeiten, da es sonst irgendwann unübersichtlich wird.
                                        https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/scripts-3.1.x-pro#import-variante

                                        NUC i7 64GB mit Proxmox ---- https://mcuiobroker.gitbook.io/jarvis-infos/ Aktualisierungen der Doku auf Instagram verfolgen -> https://www.instagram.com/mcuiobroker
                                        Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                                        X 1 Reply Last reply
                                        1
                                        • M MCU

                                          @xdelta
                                          Für scripts sollte man direkt mit der Import-Variante arbeiten, da es sonst irgendwann unübersichtlich wird.
                                          https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/scripts-3.1.x-pro#import-variante

                                          X Offline
                                          X Offline
                                          xdelta
                                          wrote on last edited by
                                          #1000

                                          @mcu said in jarvis v3.1.x - just another remarkable vis:

                                          @xdelta
                                          Für scripts sollte man direkt mit der Import-Variante arbeiten, da es sonst irgendwann unübersichtlich wird.
                                          https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/scripts-3.1.x-pro#import-variante

                                          Sehr guter Hinweise und gerade richtig, bevor sich bei mir in dem unübersichtlichen Script Editor von Jarvis Chaos ausbreitet 🙂

                                          Ich merke mal wieder, "mehr lesen hilft mehr" 😉 thx again!

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          346

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe