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

s.bormann

@dslraser sagte in Test Adapter iQontrol 1.2.x:

@s-bormann
Ich habe bisher eine kleine Kachel als Wert benutzt um mir html Listen anzuzeigen.
Eine aktive Kachel ist hell mit entsprechendem Symbol und eine inaktive mit anderem Symbol.

aktiv

inaktiv

Liste als PopUp

Jetzt möchte ich das Ganze als Widget nutzen, das funktioniert auch soweit, bis auf eine Kleinigkeit. Ich bekomme den Überzug der Kachel nicht weg

links als Wert /rechts als Widget

Das Widget an sich gefällt mir besser, da mehr Bildschirmfläche auf dem Handy benutzt wird

Wie bekomme ich den Überzug bzw. "Schleier" von dem 0,5x0,5 Icon weg ?

Hi,
die neue Github-Version hat das jetzt als Option
VG

s.bormann

@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

@s-bormann
Hi, siehst du irgendeine Möglichkeit die .js und .css Dateien im Ordner /userwidgets direkt über die iQontrol Config Seite bearbeiten zu können?

Dieses ständige hochladen bei Änderungen nervt etwas

Wir denken wohl oft an das Gleiche. Schau mal in der aktuellen github-Version

s.bormann

@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

@dslraser @s-bormann
Hmm stimmt, jetzt lässt sich der virtuelle State einer Widget Kachel nicht mehr schalten, wenn das Icon blank ist.
Kann man die Option pro Kachel steuerbar machen?

Hi,
ist jetzt als Option in der aktuellen Github-Version verfügbar (Mauszeiger-Events für Icon).
VG

s.bormann

@dslraser sagte in Test Adapter iQontrol 1.2.x:

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

Sag mal, kann man mit den neuen ADDITIONAL_CONTROLS nicht so was basteln? Eine value-List, in der man den Sender auswählt, und darunter ein oder mehrere Strings mit den EPG-Infos. Dahinter steckt dann ein Blockly-Script, dass dann die String-Datenpunkte entsprechend der Auswahl der value-List befüllt.

meinst Du so in etwa ?

Ja, das sieht doch ganz gut aus, oder?

EDIT: übrigens sind beim Start trotz anderer Einstellung alle Sektionen geöffnet

Bei mir funktioniert das genau, wie es soll.

Für die REMOTE-Sektionen wurde jetzt eine eigene Option eingebaut (aktuelle Github-Version).
VG!

s.bormann

@muuulle sagte in Test Adapter iQontrol 1.2.x:

@s-bormann
Magst du einmal einen kurzen Ausblick geben, was deine nächsten Schwerpunkte beim Adapter sind?

Ich denke, dass ich nicht der einzige Neugierige bin

Hmm, das ganze geschieht mehr so spontan und ohne so ganz ausgeklügelten Plan

Manchmal fasziniert mich einfach ein Gedanke oder eine Idee (die kommen ja auch oft hier aus dem Forum).

Ein paar andere Dinge stehen zwar noch auf einer ToDo-Liste, allerdings weiß ich noch nicht, ob und wann ich das umsetzen will und kann.

Was ich gerne noch machen würde (aber das geht vermutlich nur, wenn ich Urlaub und mehr zusammenhängende Zeit habe), ist eine Möglichkeit, automatisch Räume und Geräte einfügen zu lassen (entsprechend der Raum-Liste von ioBroker). Aktuell ist mir das aber ein zu großes Projekt.

Zunächst denke ich deshalb eher, dass ich etwas Zeit in die feste Implementation von Widgets stecken werde. Hier sind ja schon einige ziemlich gute Entwürfe entstanden, die ich gerne (natürlich mit Zustimmung der Entwickler) fest in iQontrol integrieren würde. Hier denke ich gerade darüber nach, wie man das dann mit den dazu benötigten Datenpunkten lösen kann.

Ich hoffe, das hilft erst mal

VG!

dslraser

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

Hi,
die neue Github-Version hat das jetzt als Option
VG

Danke Dir, aber welche Option ist das ?

s.bormann

@dslraser
Gibts für aktiv/inaktiv/vergrößert

dslraser

@s-bormann
Danke, funktioniert wie gewünscht.

dslraser

@s-bormann
hattest Du das gelesen ? (dazu hast Du Dich bisher noch nicht geäußert)

https://forum.iobroker.net/post/495518

dslraser

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

Für die REMOTE-Sektionen wurde jetzt eine eigene Option eingebaut (aktuelle Github-Version).

Funktioniert auch bei mir, dann werde ich mal alle meine Sender einbauen
Kannst Du bitte die Beschriftung für "Channels:" auch "umbenennbar" machen.

Bildschirmfoto 2020-10-09 um 23.03.35.png

blackeagle998

@s-bormann
Mensch völlig vergessen:
Ich kann leider keine Wiki Seite anlegen, auch nicht wenn ich eingeloggt bin.
Habe mir angeschaut welcher Button da sein sollte, der ist definitiv nicht da.

io_laurent

@s-bormann
Guten Morgen, ich habe hier eine RGB Lampe, bei der ich über iQontrol die Farbe ändern will. Eine Kachel dafür konnte ich anlegen, allerdings wird mir die Möglichkeit, die Farbe zu ändern, nur manchmal angezeigt. Farbtemperatur und dimmen wird immer angezeigt und ich kann die Werte ändern, Farbe aber nur manchmal. Kannst du mir nen Tipp geben, wie ich die Farbe immer einblenden und ändern kann?

Und natürlich vielen Dank für deine Arbeit un die kontinuierliche Weiterentwicklung! Du baust so schnell neue Features ein, daß ich nicht nachkomme, alles auszuprobieren.

Gruß, io_laurent

martinschm

@s-bormann : Mir ist mal aufgefallen, das wenn man den Namen einer Ansicht ändert, danach die Verknüpfungen mit der Ansicht nicht mehr funktioniert und man die neu anlegen oder anpassen muß.

Vermutlich wird der Name als Referenz verwendet. Könnte man das so ändern, das der Name nur noch ein String ist und das Objekt "Ansicht" eine feste unique ID hat?

Dann bricht nichts wenn man mal was umbenennt.

s.bormann

@dslraser sagte in Test Adapter iQontrol 1.3.x:

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

Für die REMOTE-Sektionen wurde jetzt eine eigene Option eingebaut (aktuelle Github-Version).

Funktioniert auch bei mir, dann werde ich mal alle meine Sender einbauen
Kannst Du bitte die Beschriftung für "Channels:" auch "umbenennbar" machen.

Ist es schon. Guck noch mal in den Optionen. LG

s.bormann

@blackeagle998 sagte in Test Adapter iQontrol 1.3.x:

@s-bormann
Mensch völlig vergessen:
Ich kann leider keine Wiki Seite anlegen, auch nicht wenn ich eingeloggt bin.
Habe mir angeschaut welcher Button da sein sollte, der ist definitiv nicht da.

Hmm, komisch, eigentlich sollte es laut Github freigeschaltet sein.

Also Workaround kannst Du vielleicht einfach ein Issue anlegen, dann kopiere ich das von Hand in das Wiki, sobald Du das "Go" gibst.

s.bormann

@martinschm sagte in Test Adapter iQontrol 1.3.x:

@s-bormann : Mir ist mal aufgefallen, das wenn man den Namen einer Ansicht ändert, danach die Verknüpfungen mit der Ansicht nicht mehr funktioniert und man die neu anlegen oder anpassen muß.

Vermutlich wird der Name als Referenz verwendet. Könnte man das so ändern, das der Name nur noch ein String ist und das Objekt "Ansicht" eine feste unique ID hat?

Dann bricht nichts wenn man mal was umbenennt.

Eigentlich sollte er das automatisch anpassen. Habe das auch gerade noch mal getestet, bei mir macht er das auch korrekt. Wenn es bei Dir weiter nicht geht, dann mach doch mal die F12-Konsole auf während des Umbenennens und schau, ob es Fehlermeldungen gibt VG

s.bormann

@io_laurent sagte in Test Adapter iQontrol 1.3.x:

@s-bormann
Guten Morgen, ich habe hier eine RGB Lampe, bei der ich über iQontrol die Farbe ändern will. Eine Kachel dafür konnte ich anlegen, allerdings wird mir die Möglichkeit, die Farbe zu ändern, nur manchmal angezeigt. Farbtemperatur und dimmen wird immer angezeigt und ich kann die Werte ändern, Farbe aber nur manchmal. Kannst du mir nen Tipp geben, wie ich die Farbe immer einblenden und ändern kann?

Und natürlich vielen Dank für deine Arbeit un die kontinuierliche Weiterentwicklung! Du baust so schnell neue Features ein, daß ich nicht nachkomme, alles auszuprobieren.

Gruß, io_laurent

Hi,
bitte Logs aus der Entwickerkonsole schicken, einmal wenn es geht und einmal wenn es nicht geht, damit man vergleichen kann. Bitte auch einen Screenshot von der Konfiguration und den RAW der verwendeten Datenpunkte.
VG!

s.bormann

Für alle Widget-Entwickler, z.B. @blackeagle998 oder @dslraser und alle Interessierten: Es gibt

Neues zu Widgets:
Die Plattform zur Entwicklung von Widgets wächst so langsam. Was nun mit der aktuellen Github-Version geht, ist folgendes:

Man kann im Unterordner /userwidgets HTML, CSS und JS-Dateien erstellen oder hochladen und (mit Click auf das Datei-Icon) auch direkt bearbeiten
Wenn man im head-Teil der Widget-HTML-Seite einen Meta-Tag mit dem Schema
<meta name="widget-datapoint" content="postMessageTest.MyState" data-type="string" data-role="text" />
einfügt, erstellt iQontrol den Datenpunkt iqontrol.<instanz>.Widgets.postMessageTest.MyState

(der Datenpunkt wird aber nur erstellt, wenn man das Widget auch als URL oder BACKGROUND_URL bei einem seiner Gerätekacheln angegeben hat. Weitere Konfigurationen wie z.B. data-unit stehen in der Readme)
Um das Widget mit diesem Datenpunkt kommunizieren zu lassen, kann man die postMessage-Kommunikation nutzen. Diese wurde um die Befehle setWidgetState, getWidgetState und getWidgetStateSubscribed ergänzt (siehe Readme, hier findet sich auch eine Beispiel-Datei)

Was ist der Plan?
Die Idee dahinter wäre, dass wir hier zusammen neue Widgets erstellen und die schon bestehenden tollen Widgets so umgestalten, dass sie komplett unabhängig von externen Datenpunkten und externen Scripten werden.

Sprich: Alle Logik (javascript etc.) sollte in die Widget-Webseite direkt eingebunden werden, so dass man keine externen Scripte mehr im Javascript-Adapter erstellen muss. Die noch benötigten Datenpunkte kann sich das Widget dann über den oben beschriebenen meta-Tag selbst erstellen.

Ich plane auch noch, ein paar weitere Meta-Tags hinzuzufügen, mit dem sich das Widget seine Gerätekachel selbst konfigurieren kann (z.B. die Größe der Kachel, Icon etc.). Damit könnte dann z.B. auch eine "Widget hier hinzufügen"-Funktion bespielt werden. So könnte auch ein Meta-Tag mit einem Info-Text, der beim Hinzufügen angezeigt wird ganz nützlich sein (z.B. für Hilfestellungen oder Credits / Copyright des Erstellers etc.).

Wenn dann damit gute und autark funktionierende Widgets entstanden sind, können diese fest in iQontrol integriert werden und damit allen auf einfache Weise zugänglich gemacht werden.

Viel Spaß beim Testen und Entwickeln
VG

blackeagle998

@s-bormann
Hallo Sebastian, das hört sich super an und ich bin gespannt darauf, das auszuprobieren.
Mir drängen sich aber zwei Fragen auf, wo mir nicht klar ist, wie das zu realisieren ist:

Ich baue die HTML Inhalte in Abhängigkeit verschiedener Datenpunkte zusammen. Beispielsweise wird eine Staubsauger Fehlermeldung nur angezeigt, wenn der entsprechende Datenpunkt auch auf Fehler steht.
Ich kann doch keine HTML Datei mit if/then/else erstellen oder?
Ich aktualisiere die HTML Erstellung in Abhängigkeit verschiedener Datenpunkte. Ändert sich irgendein Datenpunkt, der für das HTML relevant ist, wird der gesamte HTML Inhalt neu geschrieben.
Wie stelle ich zukünftig diese Subscription her, wenn ich kein externes Skript nutzen soll?

s.bormann

@blackeagle998 sagte in Test Adapter iQontrol 1.3.x:

@s-bormann
Hallo Sebastian, das hört sich super an und ich bin gespannt darauf, das auszuprobieren.
Mir drängen sich aber zwei Fragen auf, wo mir nicht klar ist, wie das zu realisieren ist:

Ich baue die HTML Inhalte in Abhängigkeit verschiedener Datenpunkte zusammen. Beispielsweise wird eine Staubsauger Fehlermeldung nur angezeigt, wenn der entsprechende Datenpunkt auch auf Fehler steht.
Ich kann doch keine HTML Datei mit if/then/else erstellen oder?

Ich aktualisiere die HTML Erstellung in Abhängigkeit verschiedener Datenpunkte. Ändert sich irgendein Datenpunkt, der für das HTML relevant ist, wird der gesamte HTML Inhalt neu geschrieben.
Wie stelle ich zukünftig diese Subscription her, wenn ich kein externes Skript nutzen soll?

Man nutzt dynamische Bereiche auf der Seite. Z.b. mit <div id="Nachricht"></div> und/oder analog mit <span id="mySpan"></span>-Tags.

Im javascript-Teil bespielt man die dann mit Inhalten, z.B. mit document.getElementById('Nachricht').innerHTML = "<h1>Irgendwas</h1><br>Text"

Abhängig von den Widget-Datenpunkten geht das dann mit der postMessage-Kommunikation z.B. so:

<script type="text/javascript">    
	//send postMessages
	function sendPostMessage(command, stateId, value){
		message = { command: command, stateId: stateId, value: value };
		window.parent.postMessage(message, "*");
	}

	//receive postMessages
	window.addEventListener("message", receivePostMessage, false);
	function receivePostMessage(event) { //event = {data: message data, origin: url of origin, source: id of sending element}
		if(event.data && event.data.command) switch(event.data.command){
			case "getState":
				if(event.data.stateId && event.data.value) switch(event.data.stateId){
					case "Testwidget.MESSAGE":
						document.getElementById('Nachricht').innerHTML = "<b>Nachricht erhalten:</b> " + JSON.stringify(event.data.value);
					break;
					
					case "Testwidget.ANOTHER_DATAPONT":
						if(event.data.value == "Hallo")
							document.getElementById('mySpan').innerHTML = "Es wurde Hallo gesagt <img src='smiley.png'>";
						} else {
							document.getElementById('mySpan').innerHTML = "Keiner grüßt mehr ordentlich <img src='sad.png'>";
						}
					break;
				}
			break;
		}
	}
	
	//Subscribe to WidgetDatapoints now
	sendPostMessage("getWidgetStateSubscribed", "Testwidget.MESSAGE");
	sendPostMessage("getWidgetStateSubscribed", "Testwidget.ANOTHER_DATAPONT");
</script>

Auf Grund der Uhrzeit habe ich es nicht mehr testen können, aber zumindest so in der Art muss es gehen.
LG

NEWS

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

Support us

1.4k
Online

30.4k
Users

76.6k
Topics

1.2m
Posts

NEWS

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

Support us

1.4kOnline

30.4kUsers

76.6kTopics

1.2mPosts

1.4k
Online

30.4k
Users

76.6k
Topics

1.2m
Posts