Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[s.bormann]

@jleg sagte in Test Adapter iQontrol 1.8.x Vis:

@s-bormann sagte in Test Adapter iQontrol 1.8.x Vis:

@jleg @kassmann Könnt ihr mal bitte ein Log aus der Browser-Console mailen?

mein Safari läuft auf'm iPad - da finde ich "F12" für die Konsole nicht... ;-)

Schande aber auch :)

[kassmann]

@s-bormann
Die Safari Konsole überfordert mich :grimacing:

Ich hoffe, ich habe das Richtige erwischt :grin:

//Get Link of best fitting web-adapter
console.log("getLink of best fitting web-adapter");
getExtendableInstances(async function (result) {
	if (result) {
		//Detect connection over iobroker.net or iobroker.pro
		var isIobrokerPro = false;
		if (location.hostname.toLowerCase() == "iobroker.net" || location.hostname.toLowerCase() == "iobroker.pro"){ //Connection over iobroker.net or iobroker.pro
			console.log("Connection over iobroker.net or iobroker.pro detected...");
			isIobrokerPro = true;
		}

		//Find best fitting web-Adapter
		var bestInstance = 0;
		var goalSecure = (location.protocol == 'https:');
		var goalSecureFound = false;
		var goalSocketFound = false;
		var goalForceWebSocketsFound = false;
		for (i=0; i<result.length; i++){
			if (result[i].native.secure == goalSecure){
				if (!goalSecureFound) {
					goalSecureFound = true;
					bestInstance = i;
				}
				if (result[i].native.socketio == ""){
					if (!goalSocketFound) {
						goalSocketFound = true;
						bestInstance = i;
					}
					if (result[i].native.forceWebSockets == false){
						if(!goalForceWebSocketsFound){
							goalForceWebSocketsFound = true;
							bestInstance = i;
						}
					}
				}
			}
		}
		if (!(goalSocketFound && goalForceWebSocketsFound) && !isIobrokerPro){
			console.log("Could not find any web-adapter with integrated socketIO and disabled Force Web-Sockets");
			socketConnectionErrorMessages += "\n" + _("You need to activate integrated socket.IO and disable 'Force Web-Sockets' in web-adapter-settings!");
		}

		//Create Link from best fitting web-adapter
		if (isIobrokerPro){ //Connection over iobroker.net or iobroker.pro - connect without ports!
			link = location.protocol + "//" + location.hostname + "/iqontrol";
			var connectionLink = location.protocol + "//"  + location.hostname;
			var forceWebSocket = false;
		} else { //Direct connection
			link = (result[bestInstance].native.secure ? "https://" : "http://") + location.hostname + ":" + result[bestInstance].native.port + "/iqontrol";
			var connectionLink = (result[bestInstance].native.secure ? "https://" : "http://") + location.hostname + ":" + result[bestInstance].native.port;
			var forceWebSockets = result[bestInstance].native.forceWebSockets;
		}
		console.log("Got Link: " + link);
		$('#mainLink').attr('href', link + "/index.html?namespace=" + adapter + "." + instance);

		//Add Roles to dialogDeviceEditCommonRole-Selectbox
		$('#dialogDeviceEditCommonRole').empty().append("<option disabled selected value>" + _("Select Role") + "</option>");
		for (var element in iQontrolRoles){ $('#dialogDeviceEditCommonRole').append("<option value='" + element + "' data-icon='" + (iQontrolRoles[element].icon ? link + iQontrolRoles[element].icon : "") + "'>" + _(iQontrolRoles[element].name) + "</option>"); }
		$('#dialogDeviceEditCommonRole').select();

		//Signal to admin, that no changes yet
		if(!newConfig) onChange(false);

		//Create /usericons /usersymbols and /userwidgets
		var createSpecialDirs = ["/usericons", "/usersymbols", "/userwidgets"];
		for(i = 0; i < createSpecialDirs.length; i++){
			var dirname = createSpecialDirs[i];
			console.log("Check directory " + userfilesImagePath + dirname);
			var result = await checkDirExistance(userfilesImagePath + dirname);
			console.log(result);
			if(!result) {
				console.log("Creating directory " + userfilesImagePath + dirname);
				await createDirAsync(userfilesImagePath + dirname);
			}
		};

		//Get images
		console.log("getImages");
		getImages(async function(){
			//Show Settings
			console.log("All settings loaded. Adapter ready.");
			$('.hideOnLoad').show();
			$('.showOnLoad').hide();
			loading = false;

			//Reinitialize all the Materialize labels on the page if you are dynamically adding inputs:
			if (M) M.updateTextFields();

			//Get iobrokerObjects
			getIobrokerObjects();
			
			//If react, make some css adjustments
			var toDo = function(){
				if(iobrokerObjects["system.adapter.admin.0"]?.native?.react){
					isReact = true;
					var customCSS = "";
					customCSS += ".table-values tr:nth-child(2n) { background-color: rgba(0,0,0,0.04) !important; }";
					customCSS += ".table-values.highlight > tbody > tr:hover { background-color: rgba(0,0,0,0.08) !important; }";
					customCSS += ".table-values.highlight > tbody > tr:nth-child(2n):hover { background-color: rgba(0,0,0,0.08) !important; }";
					customCSS += ".table-values th { background-color: rgba(0,0,0,0.1) !important; color: #1d1d1d !important; }";

					customCSS += ".title { background-color: #164477; }";

					customCSS += ".m .tabs .tab a { color: rgba(0, 0, 0, 0.5); }";
					customCSS += ".m .tabs .tab a:hover { color: rgba(0, 0, 0, 0.86); }";
					customCSS += ".m .tabs .tab a.active { color: #164477; }";
					customCSS += ".m .tabs .active { border-bottom: 2px solid #164477; }";

					customCSS += ".m nav { background-color: #3399cc; }";

					customCSS += ".m .btn { background-color: #e0e0e0; color: #000000; }";
					customCSS += ".m .btn:hover { background-color: #d5d5d5; }";
					customCSS += ".m .btn.disabled { background-color: rgba(0, 0, 0, 0.12) !important; color: rgba(0, 0, 0, 0.26) !important; }";

					customCSS += ".m .btn-floating { background-color: transparent; box-shadow: none; color: #000000; }";
					customCSS += ".m .btn-floating:hover { background-color: rgba(0,0,0,0.08); }";
					customCSS += ".m .btn-floating.selectClear { background-color: #ffffff; }";
					customCSS += ".m .btn-floating.selectClear:hover { background-color: #ebebeb; }";
					customCSS += ".m .btn-floating i { color: #000000; transition: color 0.3s; }";
					customCSS += ".m .btn-floating.red  { background-color: transparent !important; }";
					customCSS += ".m .btn-floating.red:hover { background-color: red !important; }";
					customCSS += ".m .btn-floating.red:hover i { color: #ffffff; }";
											
					customCSS += ".dialog-select-object-ids .material .main-toolbar-table .panel-button { background-color: transparent; }";
					customCSS += ".dialog-select-object-ids .material .main-toolbar-table .panel-button:hover { background-color: rgba(0,0,0,0.08); }";
					customCSS += ".dialog-select-object-ids .material .main-toolbar-table .panel-button i { color: #757575; }";
					customCSS += ".dialog-select-object-ids .objects-list-table { background-color: #ffffff; }";
					customCSS += ".dialog-select-object-ids .objects-list-table thead { display: none; }";
					customCSS += ".dialog-select-object-ids table.objects-list-table tr { border: none !important; }";
					customCSS += ".dialog-select-object-ids table.objects-list-table tr:hover { background-color: #3399cc; outline: none; color: #ffffff; }";
					customCSS += ".dialog-select-object-ids table.objects-list-table tr:hover .fancytree-title { color: #ffffff; }";
					customCSS += ".dialog-select-object-ids table.objects-list-table tr.fancytree-active { background-color: #236b8e !important; outline: none !important; color: #ffffff !important; }";
					customCSS += ".dialog-select-object-ids table.objects-list-table tr.fancytree-active .fancytree-title { color: #ffffff; }";
					customCSS += ".dialog-select-object-ids table.objects-list-table td { border: none !important; }";

					customCSS += ".m .dropdown-content li>span { color: rgba(0, 0, 0, 0.86); }";
					customCSS += ".m .dropdown-content li>a { color: rgba(0, 0, 0, 0.86); }";
					customCSS += ".m [type=checkbox].filled-in:checked+span:not(.lever):after { border: #164477; background-color: #164477; }";
					
					addCustomCSS(customCSS, "reactCSS");
					$('.table-button-add').addClass('grey lighten-2');
					var selectIdImgPath = './fancytree/react/';
					$('#fancytreeCSSLink').attr('href', './fancytree/react/ui.fancytree.min.css');
					var warnIfLE = "5.0.8";
				} else {
					isReact = false;
					var warnIfLE = "5.0.6";
				}
				//Warn if Admin-Version is too low
				if(parseInt((iobrokerObjects && iobrokerObjects["system.adapter.admin"] && iobrokerObjects["system.adapter.admin"].common && iobrokerObjects["system.adapter.admin"].common.version || "0").split('.').join('')) <= warnIfLE.split('.').join('')) alert(_("Some operations are only supported by admin versions > %s. Please update your admin-adapter!", warnIfLE));
			}
			if(iobrokerObjectsReady) {
				toDo();
			} else {
				iobrokerObjectsReadyFunctions.push(toDo);
			}				
		});
	} else {
		alert(_("Error: No web-adapter found!"));
	}
});

[s.bormann]

@kassmann sagte in Test Adapter iQontrol 1.8.x Vis:

@s-bormann
Die Safari Konsole überfordert mich :grimacing:

Ich hoffe, ich habe das Richtige erwischt :grin:

//Get Link of best fitting web-adapter
console.log("getLink of best fitting web-adapter");
getExtendableInstances(async function (result) {
if (result) {
//Detect connection over iobroker.net or iobroker.pro
var isIobrokerPro = false;
if (location.hostname.toLowerCase() == "iobroker.net" || location.hostname.toLowerCase() == "iobroker.pro"){ //Connection over iobroker.net or iobroker.pro
console.log("Connection over iobroker.net or iobroker.pro detected...");
isIobrokerPro = true;
}

  	//Find best fitting web-Adapter
  	var bestInstance = 0;
  	var goalSecure = (location.protocol == 'https:');
  	var goalSecureFound = false;
  	var goalSocketFound = false;
  	var goalForceWebSocketsFound = false;
  	for (i=0; i<result.length; i++){
  		if (result[i].native.secure == goalSecure){
  			if (!goalSecureFound) {
  				goalSecureFound = true;
  				bestInstance = i;
  			}
  			if (result[i].native.socketio == ""){
  				if (!goalSocketFound) {
  					goalSocketFound = true;
  					bestInstance = i;
  				}
  				if (result[i].native.forceWebSockets == false){
  					if(!goalForceWebSocketsFound){
  						goalForceWebSocketsFound = true;
  						bestInstance = i;
  					}
  				}
  			}
  		}
  	}
  	if (!(goalSocketFound && goalForceWebSocketsFound) && !isIobrokerPro){
  		console.log("Could not find any web-adapter with integrated socketIO and disabled Force Web-Sockets");
  		socketConnectionErrorMessages += "\n" + _("You need to activate integrated socket.IO and disable 'Force Web-Sockets' in web-adapter-settings!");
  	}

  	//Create Link from best fitting web-adapter
  	if (isIobrokerPro){ //Connection over iobroker.net or iobroker.pro - connect without ports!
  		link = location.protocol + "//" + location.hostname + "/iqontrol";
  		var connectionLink = location.protocol + "//"  + location.hostname;
  		var forceWebSocket = false;
  	} else { //Direct connection
  		link = (result[bestInstance].native.secure ? "https://" : "http://") + location.hostname + ":" + result[bestInstance].native.port + "/iqontrol";
  		var connectionLink = (result[bestInstance].native.secure ? "https://" : "http://") + location.hostname + ":" + result[bestInstance].native.port;
  		var forceWebSockets = result[bestInstance].native.forceWebSockets;
  	}
  	console.log("Got Link: " + link);
  	$('#mainLink').attr('href', link + "/index.html?namespace=" + adapter + "." + instance);

  	//Add Roles to dialogDeviceEditCommonRole-Selectbox
  	$('#dialogDeviceEditCommonRole').empty().append("<option disabled selected value>" + _("Select Role") + "</option>");
  	for (var element in iQontrolRoles){ $('#dialogDeviceEditCommonRole').append("<option value='" + element + "' data-icon='" + (iQontrolRoles[element].icon ? link + iQontrolRoles[element].icon : "") + "'>" + _(iQontrolRoles[element].name) + "</option>"); }
  	$('#dialogDeviceEditCommonRole').select();

  	//Signal to admin, that no changes yet
  	if(!newConfig) onChange(false);

  	//Create /usericons /usersymbols and /userwidgets
  	var createSpecialDirs = ["/usericons", "/usersymbols", "/userwidgets"];
  	for(i = 0; i < createSpecialDirs.length; i++){
  		var dirname = createSpecialDirs[i];
  		console.log("Check directory " + userfilesImagePath + dirname);
  		var result = await checkDirExistance(userfilesImagePath + dirname);
  		console.log(result);
  		if(!result) {
  			console.log("Creating directory " + userfilesImagePath + dirname);
  			await createDirAsync(userfilesImagePath + dirname);
  		}
  	};

  	//Get images
  	console.log("getImages");
  	getImages(async function(){
  		//Show Settings
  		console.log("All settings loaded. Adapter ready.");
  		$('.hideOnLoad').show();
  		$('.showOnLoad').hide();
  		loading = false;

  		//Reinitialize all the Materialize labels on the page if you are dynamically adding inputs:
  		if (M) M.updateTextFields();

  		//Get iobrokerObjects
  		getIobrokerObjects();
  		
  		//If react, make some css adjustments
  		var toDo = function(){
  			if(iobrokerObjects["system.adapter.admin.0"]?.native?.react){
  				isReact = true;
  				var customCSS = "";
  				customCSS += ".table-values tr:nth-child(2n) { background-color: rgba(0,0,0,0.04) !important; }";
  				customCSS += ".table-values.highlight > tbody > tr:hover { background-color: rgba(0,0,0,0.08) !important; }";
  				customCSS += ".table-values.highlight > tbody > tr:nth-child(2n):hover { background-color: rgba(0,0,0,0.08) !important; }";
  				customCSS += ".table-values th { background-color: rgba(0,0,0,0.1) !important; color: #1d1d1d !important; }";

  				customCSS += ".title { background-color: #164477; }";

  				customCSS += ".m .tabs .tab a { color: rgba(0, 0, 0, 0.5); }";
  				customCSS += ".m .tabs .tab a:hover { color: rgba(0, 0, 0, 0.86); }";
  				customCSS += ".m .tabs .tab a.active { color: #164477; }";
  				customCSS += ".m .tabs .active { border-bottom: 2px solid #164477; }";

  				customCSS += ".m nav { background-color: #3399cc; }";

  				customCSS += ".m .btn { background-color: #e0e0e0; color: #000000; }";
  				customCSS += ".m .btn:hover { background-color: #d5d5d5; }";
  				customCSS += ".m .btn.disabled { background-color: rgba(0, 0, 0, 0.12) !important; color: rgba(0, 0, 0, 0.26) !important; }";

  				customCSS += ".m .btn-floating { background-color: transparent; box-shadow: none; color: #000000; }";
  				customCSS += ".m .btn-floating:hover { background-color: rgba(0,0,0,0.08); }";
  				customCSS += ".m .btn-floating.selectClear { background-color: #ffffff; }";
  				customCSS += ".m .btn-floating.selectClear:hover { background-color: #ebebeb; }";
  				customCSS += ".m .btn-floating i { color: #000000; transition: color 0.3s; }";
  				customCSS += ".m .btn-floating.red  { background-color: transparent !important; }";
  				customCSS += ".m .btn-floating.red:hover { background-color: red !important; }";
  				customCSS += ".m .btn-floating.red:hover i { color: #ffffff; }";
  										
  				customCSS += ".dialog-select-object-ids .material .main-toolbar-table .panel-button { background-color: transparent; }";
  				customCSS += ".dialog-select-object-ids .material .main-toolbar-table .panel-button:hover { background-color: rgba(0,0,0,0.08); }";
  				customCSS += ".dialog-select-object-ids .material .main-toolbar-table .panel-button i { color: #757575; }";
  				customCSS += ".dialog-select-object-ids .objects-list-table { background-color: #ffffff; }";
  				customCSS += ".dialog-select-object-ids .objects-list-table thead { display: none; }";
  				customCSS += ".dialog-select-object-ids table.objects-list-table tr { border: none !important; }";
  				customCSS += ".dialog-select-object-ids table.objects-list-table tr:hover { background-color: #3399cc; outline: none; color: #ffffff; }";
  				customCSS += ".dialog-select-object-ids table.objects-list-table tr:hover .fancytree-title { color: #ffffff; }";
  				customCSS += ".dialog-select-object-ids table.objects-list-table tr.fancytree-active { background-color: #236b8e !important; outline: none !important; color: #ffffff !important; }";
  				customCSS += ".dialog-select-object-ids table.objects-list-table tr.fancytree-active .fancytree-title { color: #ffffff; }";
  				customCSS += ".dialog-select-object-ids table.objects-list-table td { border: none !important; }";

  				customCSS += ".m .dropdown-content li>span { color: rgba(0, 0, 0, 0.86); }";
  				customCSS += ".m .dropdown-content li>a { color: rgba(0, 0, 0, 0.86); }";
  				customCSS += ".m [type=checkbox].filled-in:checked+span:not(.lever):after { border: #164477; background-color: #164477; }";
  				
  				addCustomCSS(customCSS, "reactCSS");
  				$('.table-button-add').addClass('grey lighten-2');
  				var selectIdImgPath = './fancytree/react/';
  				$('#fancytreeCSSLink').attr('href', './fancytree/react/ui.fancytree.min.css');
  				var warnIfLE = "5.0.8";
  			} else {
  				isReact = false;
  				var warnIfLE = "5.0.6";
  			}
  			//Warn if Admin-Version is too low
  			if(parseInt((iobrokerObjects && iobrokerObjects["system.adapter.admin"] && iobrokerObjects["system.adapter.admin"].common && iobrokerObjects["system.adapter.admin"].common.version || "0").split('.').join('')) <= warnIfLE.split('.').join('')) alert(_("Some operations are only supported by admin versions > %s. Please update your admin-adapter!", warnIfLE));
  		}
  		if(iobrokerObjectsReady) {
  			toDo();
  		} else {
  			iobrokerObjectsReadyFunctions.push(toDo);
  		}				
  	});
  } else {
  	alert(_("Error: No web-adapter found!"));
  }

});

Hi, leider nur fast :)
Ich benötige das, was im Fenster "Console" steht. Im "optimalfall" sollte da ein Fehler stehen mit einer Zeilennummer, z.B.
index_m.js:12345 ERROR: irgendwas stimmt nicht
Das bräuchte ich.

[kassmann]

@s-bormann

neuer Versuch :alien:

index_m.js:2128

Jetzt besser?

[Peter213]

Hallo,
ich wollte gerade ein Grafana Dashboard als Link hinterlegen. In der Kachel kommt dann immer "hat eine Verbindung verweigert".
Hat einer eine Idee was ich prüfen kann?
Von allen anderen Geräten ist das Dashboard über den Link erreichbar.

[da_Woody]

@peter213 ich seh in den links was von proxmox. was versuchst du da?
ein grafana link als widget und background URL sieht so aus.
http://192.168.0.252:3000/d-solo/z8EAZn_Gk/heating?orgId=1&refresh=1m&theme=light&panelId=2
z.b. temperatur und luftfeuchte:

[Peter213]

@da_woody mein Dashboard heißt Proxmox ;-)
ich nutze diesen Link
http://192.168.15.24:3000/d/kxQQuHRZk/proxmox?orgId=1&refresh=10s&kiosk=tv

[da_Woody]

@peter213 ah, ok! mehr war ja nicht zu sehn, drum die frage... ;)
du hast als gerät externer link und bei url was eingetragen. background URL ist ja ok. versuchs mal als widget und ohne den URL eintrag.
wenn das nicht geht, stimmt mit den berechtigungen etwas nicht. dazu hat @Dutchman ein gutes video auf YT.

[Peter213]

@da_woody Ich habe es rausgefunden. Es gibt in Grafana einen Config Punkt das Embedding als iframe usw nicht erlaubt ist. Nachdem ich "allow_embedding=true" gesetzt habe gehts es.

[da_Woody]

@peter213 :+1: genau das meinte ich mit berechtigungen. konnt mich aber nicht genau erinnern, was es in der config war.

[Kueppert]

Hallo zusammen, habe seit heute das folgende Problem, wenn ich iQontrol administrieren möchte:

Nen Upload, um das Problem zu beheben, hab ich schon versucht...Instanz neu gestartet auch...nix...

[da_Woody]

@kueppert hast admin höher als 5.0.15 installiert...
https://github.com/sbormann/ioBroker.iqontrol/issues/185
https://github.com/ioBroker/ioBroker.admin/issues/848

[s.bormann]

@kassmann sagte in Test Adapter iQontrol 1.8.x Vis:

@s-bormann

neuer Versuch :alien:

index_m.js:2128

Jetzt besser?

Ging das ganze früher denn mal? Aktuell wird ja viel im Admin geschraubt und verändert, liegt es vielleicht daran?

[s.bormann]

@da_woody sagte in Test Adapter iQontrol 1.8.x Vis:

@kueppert hast admin höher als 5.0.15 installiert...
https://github.com/sbormann/ioBroker.iqontrol/issues/185
https://github.com/ioBroker/ioBroker.admin/issues/848

Laut Bluefox wird es mit der nächsten Admin-Version 5.0.21 wieder gehen.

[funboxbolzer]

Edit:
habe es denke ich geschafft. Habe die Stream URL in Background URL eingefügt. Jetzt die nächste Frage.
Wie bekomme ich das Widget von der Größe angepasst, das meine komplettes Bild angezeigt wird.
Ich habe quasi scroll Balken nach Oben und zur Seite.

Hallo zusammen,
ich würde gerne einen webcam stream von meinem 3D Drucker integrieren.
Läuft über eine Stream URL. Wie kann ich das umsetzten?

Danke schon mal.
Gruß Klaus

[da_Woody]

@funboxbolzer ich habs als background html drinnen.

<html style="height: 100%;"><head><meta name="Ender" content="width=device-width, minimum-scale=0.1"></head><body style="margin: 0px; background: #424242; height: 100%"><img style="-webkit-user-select: none;max-width: 100%;margin: auto;" src="http://192.168.2.59/webcam/?action=stream"></body></html> 

[funboxbolzer]

@da_woody
Besten dank. Dann werde ich das mal so testen.

Hast du repetear oder octoprint?
Ich nutze repetear. Wie verhält sich das mit dem stream, wenn du die visualisierung geschlossen hast? Dann ist der stream aus oder?

[da_Woody]

@funboxbolzer ich tu mit octoprint. der stream läuft im octoprint natürlich weiter. warum sollte der aufhören? solang der raspi strom hat, wird auch gestreamt. steuern tu ich sowieso über octoprint, in iQontrol ist nur für die übersicht.

[kassmann]

@s-bormann
Es ging immer und seit gestern, zumindest ist mir da aufgefallen, geht es auch wieder. :blush:

[funboxbolzer]

@da_woody Danke für die Info.
Bedienen wollte ich auch nicht, ich hatte evtl. Bedenken, dass der Dauerstream den Raspberry mit der Zeit überfordern könnte.

@s-bormann Ist eicht ein Tolles VIS. Danke dafür!!

Gruß Klaus