Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

kassmann

@s-bormann
Die Safari Konsole überfordert mich

Ich hoffe, ich habe das Richtige erwischt

//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

Ich hoffe, ich habe das Richtige erwischt

//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

index_m.js:2128

Bildschirmfoto 2021-05-03 um 18.42.08.png

Bildschirmfoto 2021-05-03 um 18.34.32.png

Bildschirmfoto 2021-05-03 um 18.58.17.png

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 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

sjfm-design created this issue in sbormann/ioBroker.iqontrol

closed einstellungen #185

sbormann created this issue in ioBroker/ioBroker.admin

closed Since 5.0.18 the iQontrol-Admin does not open #848

s.bormann

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

@s-bormann

neuer Versuch

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.

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

da_Woody

@funboxbolzer nun ja, der stream kommt ja vom raspi mit octoprint. der wird in der vis ja nur aufgerufen. sollte somit ioBroker nicht überlasten. oder seh ich da was falsch?

NEWS

Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

closed einstellungen #185

closed Since 5.0.18 the iQontrol-Admin does not open #848

Support us

640
Online

31.6k
Users

79.5k
Topics

1.3m
Posts

NEWS

Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

closed einstellungen #185

closed Since 5.0.18 the iQontrol-Admin does not open #848

Support us

640Online

31.6kUsers

79.5kTopics

1.3mPosts

640
Online

31.6k
Users

79.5k
Topics

1.3m
Posts