jarvis v3.0.0 - just another remarkable vis

lolmeister77

@mcu Je nach Device und Hoch- oder Querformat passt das iframe oder eben nicht.
Anbei Screenshot ipad Mini Hochformat. Hier wandert das Bild aus dem Rahmen raus:

Vermutlich weil man im inneren code des iframe sizing Informationen angeben muss (Sonst wäre das Bild zu groß).
Der Weg über das Display Image Widget wäre vielleicht besser, da klappt aber die Aktualisierung nicht.

MCU

@lolmeister77 Wie oft soll es aktualisiert werden beziehungsweise wie oft wird ein Bild geliefert?

Probiere mal das als StateHTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Resized Image</title>
</head>
<body style="margin: 0; padding: 0; display: flex; justify-content: center;align-items: center; height: 100vh; ">
<div style="max-height: 100%; overflow: hidden;">
<img id="jarvisImage" src="http://192.168.178.170/download/bilder/wegamstrand.jpg" style="width: 100%; height: 'auto';" >
</div>
<script>
	docReady(function() {
		if (isConfig()){
			
		}else{
			resizeImage()
		}
	});
	
	
	window.addEventListener('resize', function(){
		resizeImage()
		
	});
	let imageClick = false;
	let imageUpdateInterval = null;
	document.getElementById('jarvisImage').addEventListener('click', function(){
		console.log('Image geklickt');
		imageClick = !imageClick;
		if(imageClick){
			setBorder(true);
			imageUpdateInterval = setInterval(function(){
				console.log('Interval ausgelöst!')
				actualizeImage()
			},2000)
		}else{
			console.log('Interval abgebrochen');
			setBorder(false)
			clearInterval(imageUpdateInterval);
		}
	});
	function setBorder(active){
		let image = document.getElementById('jarvisImage');
		if(active){
			image.style.border = '1px solid white';
		}else{
			image.style.border = '';
		}
	}
	function resizeImage(){
		let image = document.getElementById('jarvisImage');
		let clientHeight = document.documentElement.clientHeight-3
		
		let clientWidth  =  document.documentElement.clientWidth;
		let aspectRatio = image.naturalWidth / image.naturalHeight;
		let newWidth = clientHeight * aspectRatio;
		let newHeight = clientWidth / aspectRatio;
		if (newWidth > clientWidth) {
			clientHeight = clientWidth / aspectRatio-3;
		} else {
			clientWidth = newWidth;
		}

		
		let clientWidthTxt = clientWidth + 'px !important';
		let clientHeightTxt = clientHeight +'px !important';
		
		image.setAttribute("style","max-width:100%; height: "+clientHeightTxt +'; width: '+clientWidthTxt);
	}
	
	function actualizeImage() {
		let image = document.getElementById('jarvisImage');
		let randomInt = Math.random();
		image.src = 'http://192.168.178.170/download/bilder/wegamstrand.jpg?' + randomInt;
		image.alt = 'aktualisiertes Bild';
	}
	
	function isConfig(){
		if (document.baseURI.indexOf('configuration') >=0){
			return true;
			
		}else{
			return false;		
		}
	}

	function docReady(fn) {
		if (document.readyState === "complete" || document.readyState === "interactive") {
			setTimeout(fn, 1000);
		} else {
			document.addEventListener("DOMContentLoaded", fn);
		}
	}  
	
</script>
</body>
 
</html>

2x die src ersetzen.
Also du klickst das Bild an, wenn es aktualisiert werden soll -> weißer Rahmen.
Wenn du keine Aktualisierung mehr brauchst, dann nochmal klicken.

lolmeister77

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

<!DOCTYPE html>

Erstmal vielen Dank für die Unterstützung!
Das "erste" Bild wird richtig angezeigt. Danach leider nicht mehr. Die Camera von Netatmo kommt mit angehängten Zufallszahlen nicht klar.
Screenshot 2024-01-23 073309.png

MCU

@lolmeister77 Dann versuch mal das?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Resized Image</title>
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
</head>
<body style="margin: 0; padding: 0; display: flex; justify-content: center;align-items: center; height: 100vh; ">
<div style="max-height: 100%; overflow: hidden;">
<img id="jarvisImage" src="http://192.168.178.170/download/bilder/wegamstrand.jpg" style="width: 100%; height: 'auto';" >
</div>
<script>
	docReady(function() {
		if (isConfig()){
			
		}else{
			resizeImage()
		}
	});
	
	
	window.addEventListener('resize', function(){
		resizeImage()
		
	});
	let imageClick = false;
	let imageUpdateInterval = null;
	document.getElementById('jarvisImage').addEventListener('click', function(){
		//console.log('Image geklickt');
		imageClick = !imageClick;
		if(imageClick){
			setBorder(true);
			imageUpdateInterval = setInterval(function(){
				//console.log('Interval ausgelöst!')
				actualiszeImage()
			},2000)
		}else{
			//console.log('Interval abgebrochen');
			setBorder(false)
			clearInterval(imageUpdateInterval);
		}
	});
	function setBorder(active){
		let image = document.getElementById('jarvisImage');
		if(active){
			image.style.border = '1px solid white';
		}else{
			image.style.border = '';
		}
	}
	function resizeImage(){
		let image = document.getElementById('jarvisImage');
		let clientHeight = document.documentElement.clientHeight-3
		
		let clientWidth  =  document.documentElement.clientWidth;
		let aspectRatio = image.naturalWidth / image.naturalHeight;
		let newWidth = clientHeight * aspectRatio;
		let newHeight = clientWidth / aspectRatio;
		if (newWidth > clientWidth) {
			clientHeight = clientWidth / aspectRatio-3;
		} else {
			clientWidth = newWidth;
		}

		
		let clientWidthTxt = clientWidth + 'px !important';
		let clientHeightTxt = clientHeight +'px !important';
		
		image.setAttribute("style","max-width:100%; height: "+clientHeightTxt +'; width: '+clientWidthTxt);
	}
	
	function actualiszeImage() {
		let image = document.getElementById('jarvisImage');
		//let randomInt = Math.random();
		image.src = 'http://192.168.178.170/download/bilder/wegamstrand.jpg';
		image.alt = 'aktualisiertes Bild';
	}
	
	function isConfig(){
		if (document.baseURI.indexOf('configuration') >=0){
			return true;
			
		}else{
			return false;		
		}
	}

	function docReady(fn) {
		if (document.readyState === "complete" || document.readyState === "interactive") {
			setTimeout(fn, 1000);
		} else {
			document.addEventListener("DOMContentLoaded", fn);
		}
	}  
	
</script>
</body>
 
</html>

MCU

@lolmeister77 Dann versuch mal das?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Resized Image</title>
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
</head>
<body style="margin: 0; padding: 0; display: flex; justify-content: center;align-items: center; height: 100vh; ">
<div style="max-height: 100%; overflow: hidden;">
<img id="jarvisImage" src="http://192.168.178.170/download/bilder/wegamstrand.jpg" style="width: 100%; height: 'auto';" >
</div>
<script>
	docReady(function() {
		if (isConfig()){
			
		}else{
			resizeImage()
		}
	});
	
	
	window.addEventListener('resize', function(){
		resizeImage()
		
	});
	let imageClick = false;
	let imageUpdateInterval = null;
	document.getElementById('jarvisImage').addEventListener('click', function(){
		//console.log('Image geklickt');
		imageClick = !imageClick;
		if(imageClick){
			setBorder(true);
			imageUpdateInterval = setInterval(function(){
				//console.log('Interval ausgelöst!')
				actualiszeImage()
			},2000)
		}else{
			//console.log('Interval abgebrochen');
			setBorder(false)
			clearInterval(imageUpdateInterval);
		}
	});
	function setBorder(active){
		let image = document.getElementById('jarvisImage');
		if(active){
			image.style.border = '1px solid white';
		}else{
			image.style.border = '';
		}
	}
	function resizeImage(){
		let image = document.getElementById('jarvisImage');
		let clientHeight = document.documentElement.clientHeight-3
		
		let clientWidth  =  document.documentElement.clientWidth;
		let aspectRatio = image.naturalWidth / image.naturalHeight;
		let newWidth = clientHeight * aspectRatio;
		let newHeight = clientWidth / aspectRatio;
		if (newWidth > clientWidth) {
			clientHeight = clientWidth / aspectRatio-3;
		} else {
			clientWidth = newWidth;
		}

		
		let clientWidthTxt = clientWidth + 'px !important';
		let clientHeightTxt = clientHeight +'px !important';
		
		image.setAttribute("style","max-width:100%; height: "+clientHeightTxt +'; width: '+clientWidthTxt);
	}
	
	function actualiszeImage() {
		let image = document.getElementById('jarvisImage');
		//let randomInt = Math.random();
		image.src = 'http://192.168.178.170/download/bilder/wegamstrand.jpg';
		image.alt = 'aktualisiertes Bild';
	}
	
	function isConfig(){
		if (document.baseURI.indexOf('configuration') >=0){
			return true;
			
		}else{
			return false;		
		}
	}

	function docReady(fn) {
		if (document.readyState === "complete" || document.readyState === "interactive") {
			setTimeout(fn, 1000);
		} else {
			document.addEventListener("DOMContentLoaded", fn);
		}
	}  
	
</script>
</body>
 
</html>

lolmeister77

@mcu Das Bild bleibt gleich. Wenn ich das in der Konsole richtig sehe, wird das Bild nach dem ersten Klick (weißer Rahmen) noch einmal angefordert
Screenshot 2024-01-23 124538.png

MCU

@lolmeister77 Dann bestht die Chance das er auf verändertes alt reagiert.
Die eine Zeile bei acutalizeImage ändern

function actualiszeImage() {
		let image = document.getElementById('jarvisImage');
		let randomInt = Math.random();
		image.src = 'http://192.168.178.170/download/bilder/wegamstrand.jpg';
		image.alt = 'aktualisiertes Bild '+randomInt;
	}

Netatmo Diskussion
https://forum.iobroker.net/topic/9111/netatmo-adapter-und-presence-kamera-keine-erkennung-der-sub-event-type-s-human-vehicle-animal-unknown/55

Hier ist ein script mit dem man das aktive Bild als einzelne Bilder setzt

https://forum.iobroker.net/topic/9111/netatmo-adapter-und-presence-kamera-keine-erkennung-der-sub-event-type-s-human-vehicle-animal-unknown/102

MCU

@lolmeister77
Muss doch ein wenig anders gemacht werden.
Versuch mal.
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis-v3/besonderheiten-v3/module/statehtml/http-image-im-html-mit-halbautomatischer-aktualisierung

lolmeister77

@mcu Wow. Vielen Dank. Das hat nun funktioniert.
Die lokale Adresse im Javascript habe ich noch auf meine iobroker url angepasst Zeile 88

MCU

@lolmeister77 Gib mal bitte den Type von der Türklingel von Netatmo an.
Wenn möglich bitte auch eine Beschreibung wie man bei der Klingel den http-Stream einstellt. Danke.

lolmeister77

@mcu Das ist die Netatmo Smart Doorbell (NDB). Ich habe diese in Apple Homekit eingebunden. Offenbar deaktiviert dies dann gewisse Funktionen. Der lokale Zugang ermöglicht den live snapshot als Bild abzurufen.
Zusätzlich kann man die lokalen "Events" (Person erkannt, Jemand hat geklingelt) im Nachhinein abrufen.
Leider unterscheidet sie sich dadurch zu den anderen Netatmo Kameras wo man einen lokalen Video-Livestream anzapfen kann:
https://dev.netatmo.com/apidocumentation/security

uwe72

Habe das Problem das öfters (1x pro Tag) Jarvis abstürzt:

Kann mir jemand weiterhelfen wie ich hier das Problem lösen kann?

Dies zeigt das Log für den betroffenen Zeitraum:

2024-01-28 10:17:25.369  - [33mwarn[39m: hm-rpc.1 (294) xmlrpc <- undefined method undefined with parameters undefined
2024-01-28 10:17:25.845  - [33mwarn[39m: jarvis.0 (157473) Install/InstallWizard.aspx: Not exists
2024-01-28 10:17:25.851  - [33mwarn[39m: jarvis.0 (157473) opennms/login.jsp: Not exists
2024-01-28 10:17:25.863  - [33mwarn[39m: jarvis.0 (157473) DesktopModules/AuthenticationServices/OpenID/license.txt: Not exists
2024-01-28 10:17:25.875  - [33mwarn[39m: jarvis.0 (157473) login.jsp: Not exists
2024-01-28 10:17:25.897  - [33mwarn[39m: jarvis.0 (157473) assets/login.jsp: Not exists
2024-01-28 10:17:25.904  - [33mwarn[39m: jarvis.0 (157473) dotnetduke/default.aspx: Not exists
2024-01-28 10:17:25.951  - [33mwarn[39m: jarvis.0 (157473) dotnetduke/Install/InstallWizard.aspx: Not exists
2024-01-28 10:17:25.972  - [33mwarn[39m: jarvis.0 (157473) dotnetduke/DesktopModules/AuthenticationServices/OpenID/license.txt: Not exists
2024-01-28 10:17:26.001  - [33mwarn[39m: jarvis.0 (157473) dotnetduke/: Not exists
2024-01-28 10:17:26.042  - [33mwarn[39m: jarvis.0 (157473) dnnarticle/default.aspx: Not exists
2024-01-28 10:17:26.076  - [33mwarn[39m: jarvis.0 (157473) dnnarticle/Install/InstallWizard.aspx: Not exists
2024-01-28 10:17:26.095  - [33mwarn[39m: jarvis.0 (157473) dnnarticle/DesktopModules/AuthenticationServices/OpenID/license.txt: Not exists
2024-01-28 10:17:26.139  - [33mwarn[39m: jarvis.0 (157473) dnnarticle/: Not exists
2024-01-28 10:17:26.159  - [33mwarn[39m: jarvis.0 (157473) cms/default.aspx: Not exists
2024-01-28 10:17:26.191  - [33mwarn[39m: jarvis.0 (157473) cms/Install/InstallWizard.aspx: Not exists
2024-01-28 10:17:26.217  - [33mwarn[39m: jarvis.0 (157473) cms/DesktopModules/AuthenticationServices/OpenID/license.txt: Not exists
2024-01-28 10:17:26.251  - [33mwarn[39m: jarvis.0 (157473) cms/: Not exists
2024-01-28 10:17:26.280  - [33mwarn[39m: jarvis.0 (157473) DotNetNuke/default.aspx: Not exists
2024-01-28 10:17:26.312  - [33mwarn[39m: jarvis.0 (157473) DotNetNuke/Install/InstallWizard.aspx: Not exists
2024-01-28 10:17:26.344  - [33mwarn[39m: jarvis.0 (157473) DotNetNuke/DesktopModules/AuthenticationServices/OpenID/license.txt: Not exists
2024-01-28 10:17:26.370  - [33mwarn[39m: hm-rpc.1 (294) xmlrpc <- undefined method undefined with parameters undefined
2024-01-28 10:17:26.378  - [33mwarn[39m: hm-rpc.0 (264) xmlrpc <- undefined method undefined with parameters undefined
2024-01-28 10:17:26.393  - [33mwarn[39m: jarvis.0 (157473) DotNetNuke/: Not exists
2024-01-28 10:17:26.425  - [33mwarn[39m: hm-rpc.1 (294) xmlrpc <- undefined method undefined with parameters undefined
2024-01-28 10:17:26.426  - [33mwarn[39m: hm-rpc.0 (264) xmlrpc <- undefined method undefined with parameters undefined
2024-01-28 10:17:26.459  - [33mwarn[39m: hm-rpc.0 (264) xmlrpc <- undefined method undefined with parameters undefined
2024-01-28 10:17:26.523  - [33mwarn[39m: jarvis.0 (157473) Install/InstallWizard.aspx: Not exists
2024-01-28 10:17:26.546  - [33mwarn[39m: jarvis.0 (157473) DesktopModules/AuthenticationServices/OpenID/license.txt: Not exists
2024-01-28 10:17:26.587  - [33mwarn[39m: jarvis.0 (157473) assets/Install/InstallWizard.aspx: Not exists
2024-01-28 10:17:26.619  - [33mwarn[39m: jarvis.0 (157473) assets/DesktopModules/AuthenticationServices/OpenID/license.txt: Not exists
2024-01-28 10:17:26.709  - [33mwarn[39m: jarvis.0 (157473) index.php: Not exists
2024-01-28 10:17:26.716  - [33mwarn[39m: host.iobroker-Server Cannot read file jarvis / assets/: EISDIR: illegal operation on a directory, read
2024-01-28 10:17:26.750  - [31merror[39m: jarvis.0 (157473) uncaught exception: Cannot read properties of null (reading 'message')
2024-01-28 10:17:26.751  - [31merror[39m: jarvis.0 (157473) TypeError: Cannot read properties of null (reading 'message')
    at Immediate.<anonymous> (/opt/iobroker/node_modules/iobroker.jarvis/lib/server.js:1:11860)
    at process.processImmediate (node:internal/timers:478:21)
2024-01-28 10:17:26.751  - [31merror[39m: jarvis.0 (157473) Cannot read properties of null (reading 'message')
2024-01-28 10:17:26.754  - [33mwarn[39m: jarvis.0 (157473) Terminated (UNCAUGHT_EXCEPTION): Without reason
2024-01-28 10:17:26.772  - [33mwarn[39m: jarvis.0 (157473) admin/index.php: Not exists
2024-01-28 10:17:26.834  - [33mwarn[39m: jarvis.0 (157473) : Not exists
2024-01-28 10:17:26.883  - [33mwarn[39m: jarvis.0 (157473) index.php: Not exists
2024-01-28 10:17:26.899  - [33mwarn[39m: jarvis.0 (157473) login.php: Not exists
2024-01-28 10:17:26.926  - [33mwarn[39m: host.iobroker-Server Cannot read file jarvis / assets/: EISDIR: illegal operation on a directory, read
2024-01-28 10:17:26.927  - [31merror[39m: jarvis.0 (157473) uncaught exception: Cannot read properties of null (reading 'message')
2024-01-28 10:17:26.928  - [31merror[39m: jarvis.0 (157473) TypeError: Cannot read properties of null (reading 'message')
    at Immediate.<anonymous> (/opt/iobroker/node_modules/iobroker.jarvis/lib/server.js:1:11860)
    at process.processImmediate (node:internal/timers:478:21)
2024-01-28 10:17:26.928  - [31merror[39m: jarvis.0 (157473) Cannot read properties of null (reading 'message')
2024-01-28 10:17:26.947  - [33mwarn[39m: hm-rpc.0 (264) xmlrpc <- undefined method undefined with parameters undefined
2024-01-28 10:17:26.966  - [33mwarn[39m: hm-rpc.1 (294) xmlrpc <- undefined method undefined with parameters undefined
2024-01-28 10:17:26.999  - [33mwarn[39m: hm-rpc.1 (294) xmlrpc <- undefined method undefined with parameters undefined
2024-01-28 10:17:27.023  - [33mwarn[39m: hm-rpc.1 (294) xmlrpc <- undefined method undefined with parameters undefined
2024-01-28 10:17:27.050  - [33mwarn[39m: hm-rpc.1 (294) xmlrpc <- undefined method undefined with parameters undefined
2024-01-28 10:17:27.066  - [33mwarn[39m: hm-rpc.1 (294) xmlrpc <- undefined method undefined with parameters undefined
2024-01-28 10:17:27.097  - [33mwarn[39m: hm-rpc.1 (294) xmlrpc <- undefined method undefined with parameters undefined
2024-01-28 10:17:27.217  - [33mwarn[39m: jarvis.0 (157473) trackit/Account/LogIn: Not exists
2024-01-28 10:17:27.226  - [33mwarn[39m: jarvis.0 (157473) TrackIt/Account/LogIn: Not exists
2024-01-28 10:17:27.233  - [33mwarn[39m: jarvis.0 (157473) TrackIT/Account/LogIn: Not exists
2024-01-28 10:17:27.243  - [33mwarn[39m: jarvis.0 (157473) TrackItWeb/Account/LogIn: Not exists
2024-01-28 10:17:27.248  - [33mwarn[39m: jarvis.0 (157473) tiweb/Account/LogIn: Not exists
2024-01-28 10:17:27.260  - [33mwarn[39m: jarvis.0 (157473) Account/LogIn: Not exists
2024-01-28 10:17:27.307  - [31merror[39m: host.iobroker instance system.adapter.jarvis.0 terminated with code 6 (UNCAUGHT_EXCEPTION)
2024-01-28 10:17:27.307  - [32minfo[39m: host.iobroker Restart adapter system.adapter.jarvis.0 because enabled
2024-01-28 10:17:27.307  - [33mwarn[39m: host.iobroker Do not restart adapter system.adapter.jarvis.0 because restart loop detected
2024-01-28 10:17:28.202  - [33mwarn[39m: hm-rpc.0 (264) xmlrpc <- undefined method undefined with parameters undefined
2024-01-28 10:17:28.229  - [33mwarn[39m: hm-rpc.0 (264) xmlrpc <- undefined method undefined with parameters undefined
2024-01-28 10:17:28.246  - [33mwarn[39m: hm-rpc.0 (264) xmlrpc <- undefined method undefined with parameters undefined

MCU

@uwe72 Direkt als Issue anlegen in github. Version?
https://github.com/Zefau/ioBroker.jarvis/issues

deta

Hallo,
ich wollte Einstellungen einfach kopieren, geht aber nicht. Beispiel

Wollte den Inhalt der Datenpunkte kopieren, so das ich Sie wo anders einfügen kann.
Markieren geht nicht weder Firefox, Chrome. Wenn man auf die "..." Klickt geht der Editor auf, aber es steht dann nichts drinnen.

Mh.

Ach ja jarvis ist v.3.1.8

cu Deta

PS Wie stabil läuft die neue Beta?

MCU

@deta Das sind nur Beispielhinweise, wie es aussehen kann.
Deswegen sind sie auch grau.
Wenn etwas enthalten ist, so ist es weiss dargestellt.
Thema alpha
Ist noch alpha und somit noch sehr fehlerhaft.

deta

Noch was, ich habe 3 neue Homatic IP Thermostatet an der ccu3 in Betrieb genommen. Wollte diese jetzt ins Jarvis mit Scannen. Geht nicht, besser findet Sie aber siehe Screen.

Es geht hier um Heizung Emilia, Inga und Lilly. Die anderen Thermostate sind damals bei der Erstinstall autoatisch installiert mit worden. Die neuen im Scan will er nicht.

MCU

@deta Die musss mannanden Entwickler melden.
Also in github Issue eintragen.

el-lutschi

Sorry. Falscher Post.

Merowinger

Hallo,

ich versuche die vis vom pvforecast Adaper im jarvis als iFrame darzustellen.
Ich weiß nicht welche Änderung es einmal gab, aber seit langer Zeit zeigt diese nur noch einen drehenden Kreis an.

Anzeigen sollte es aber eigentlich eher dieses hier:

Dies wird aus dem jsonGraph im MaterialDesign Widget in der vis gebastelt.
Wo kann ich bitte nachschauen was der Fehler ist, bzw. kann ihn mir gleich jemand direkt nennen
Vielen lieben Dank

MCU

@merowinger Sandbox-Optionen alle ausgewählt?

NEWS

jarvis v3.0.0 - just another remarkable vis

Support us

938
Online

31.7k
Users

79.6k
Topics

1.3m
Posts

NEWS

jarvis v3.0.0 - just another remarkable vis

Support us

938Online

31.7kUsers

79.6kTopics

1.3mPosts

938
Online

31.7k
Users

79.6k
Topics

1.3m
Posts