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

[dslraser]

@vepman

das scheint auch mit Styling zu tun zu haben

[s.bormann]

@vepman sagte in Test Adapter iQontrol 1.11.x Vis:

@dslraser

Hier:

Unter Styling: Hide Head of Table

[vepman]

@s-bormann @dslraser
Danke, das war's.

[dslraser]

@s-bormann @da_Woody und auch jeden Anderen den es interessiert...

Hier mal eine/meine Anleitung für die neue Listenfunktion um damit:

• HTML-Überschriften für das Widget

• Alexa Ansagen

• Telegram Versand

• EMAIL-Versand

realisieren zu können.
Dazu habe ich mir mehrere ähnliche Blockly erstellt. Hier am Beispiel von Temperaturen oder auch Steckdosen. (es gehen natürlich viele weitere Geräte) Ich stelle den Blockly Export hier als ZIP zur Verfügung. Diese Datei bitte auf den eigenen Rechner herunterladen und entpacken. Die darin enthaltene Textdatei mit einem Editor öffnen und den gesamten Inhalt in die Zwischenablage kopieren. Anschließend ein neues leeres Blockly erstellen und den Inhalt aus der Zwischenablage importieren und erstmal speichern, noch nicht das Blockly starten. Das Blockly sieht dann wie folgt aus: (siehe Spoiler Blockly Bilder) Alle "zugeklappten" Bereiche im Blockly brauchen nicht verändert werden. Immer nur auf wahr stellen was auch vorhanden ist und genutzt werden soll. (Telegram/EMAIL oder Alexa---Grundeinstellung auf falsch löscht alle erstellten Datenpunkte und macht das Blockly quasi funktionslos) Das Blockly erstellt eigene Datenpunkte unter 0_userdata.0 oder javascript.x (x=Instanznummer) Dafür muss im Javascript Adapter dieser Haken drinn sein.

Blockly Bilder

• Grundeinstellungen
  
• Telegram
  
• EMAIL
  
• Alexa
  
• Smileys
  
• HTML Überschrift Einstellungen
  
  

erstellte Datenpunkte

• erstellte Datenpunkte (Admin alte Ansicht) Beispiel Temperaturen
  
• Temperaturen, wenn im Blockly alles auf wahr gestellt wird
  
• Steckdosen, wenn im Blockly alles auf wahr gestellt wird
  
• in iQontrol erstellte Listen (Beispiele)
  
• Temperaturen
  
• Steckdosen
  
  

Funktion der Datenpunkte

• 01 enthält den Datenpunkt für die HTML Überschrift. Smiley verwenden schaltet die Smiley in der Überschrift und für Telegram/EMAIL aus. State_aktiv verwende ich im Widget um Glow zu nutzen

• 02 Telegram Liste senden---macht genau das bei Klick auf den Button. Telegram_Versand_an_aus schaltet die Versandfunktion ein aus. Das heist, wenn auf true, dann erfolgt bei jeder Änderung ein Versand per Telegram/EMAIL wenn ein Gerät dieser Liste an oder aus geschaltet wird. Bei zum Beispiel Batterien erfolgt dann sozusagen automatisch der Versand, wenn eine Batterie leer ist. Wer eine Anwesenheitsfunktion nutzt, kann diesen Datenpunkt auch automatisch ein/ausschalten lassen. Anwesenheit-aus/Abwesenheit-an. Dann würde bei Abwesenheit jede erfasste Bewegung oder wenn ein Fenster geöffnet wird gemeldet werden.

• 03 gleiche Funktion wie 02

• 04 Alexa Routinebutton. Dieser Button wird in der Alexa Routine benutzt um das Blockly auszulösen. Wenn man diesen Button in den Objekten drückt, dann kommt entweder gar keine Ansage, oder am zuletzt angesprochenen ECHO (wenn man mehrere ECHO hat). Das Blockly versucht den angesprochenen ECHO für die Ansage zu ermitteln und gibt die Ansage dann dort aus. Das ganze funktioniert nicht übers Handys (Mobilgeräte allgemein) oder auch nicht im Auto, da diese Art Ansagen dort nicht vom Alexa2 Adapter wiedergegeben werden können. Der Versand der Listen per Sprachbefehl funktioniert hingegen immer.
  Wenn es mehrere ECHOS in Hörweite gibt, dann kann es sein, das sich ein anderer ECHO angesprochen fühlt und die Ansage dann dort wiedergegeben wird. Wenn mich nur ein ECHO hört, dann funktioniert es recht zuverlässig. Wenn die Ansage hartnäckig am falschen ECHO kommt, dann hilft manchmal das angesprochene Gerät nach der Uhrzeit oder irgendwas zu fragen und die eigentliche Frage für die Routine hinter zu fragen....

• Beispiel für meine Temperaturansage
  Temperaturenansage.m4a
  

Alexa Routine erstellen

• Einstellung Alexa2 Adapter
  
• Wenn das Blockly gestartet wurde und Alexa verwendet werden soll, dann findet man bei meiner Blockly Einstellung folgende Datenpunkte im iot Adapter (Bitte unbedingt iot einmal öffen und nachsehen ob die SmartGeräte da sind. Dieser Schritt (iot öffnen und wieder schließen) ist notwendig, da sonst keine Geräte in der noch zu erledigenden Alexa Gerätesuche gefunden werden.
  
• nun eine neue Gerätesuche in der Alexa App starten, oder den Sprachbefehl: Alexa, suche neue Geräte verwenden. Die neuen Geräte sollten gefunden werden und stehen nun zur Verfügung.
• neue Routine in der App anlegen (+ drücken)
  
• nächster Schritt Routinennamen vergeben
  
• Beispiel Routinenname
  
• nächster Schritt
  
• nächster Schritt
  
• nächster Schritt
  
• nächster Schritt
  
• nächster Schritt
  
• nächster Schritt (alle Geräte auswählen)
  
• nächster Schritt (suchen und auswählen)
  
• nächster Schritt
  
• nächster Schritt
  
• nächster Schritt (speichern)
  
• es sollte eine neue Routine da sein
  
• Für die Ansage der Listen über Alexa Sprachbefehl Alexa, wie sind die Temperaturen , dann sollten die Temperaturen angesagt werden.
• Für den Versand der Listen per Telegram oder EMAIL über Alexa Sprachbefehl auch jeweils so eine Routine anlegen: z.B. Alexa, schicke mir die Temperaturen mit Telegram
  

HTML Überschrift in der Kachel

• Handy Ansicht - Kachel in 3 x 0,5 auf vergrößert voller Bildschirm
  
• Hochformat
  
• Querformat
  
• Eine Seite in iQontrol bei mir (noch nicht alles fertig)
  
  

iQontrol Einstellungen

• Im Widget für die HTML Überschhrift
  
  <br><center>Steckdosen</center><br><br>| {0_userdata.0.iQontrol.Listen.Steckdosen.01_HTML_Ueberschrift_Smiley_State.HTML_Ueberschrift_Steckdosen}

• GLOW
  

• aktive Kachel für GLOW
  
  

iQontrol Bilder

• meine Hauptansicht. Die Zahlen für die aktiven Geräte (Badge) stammen ebenfalls zum größten Teil aus den Listen. z.B. bei der Lampe
  

• Hiermit versende ich auch aus iQontrol Telegram oder EMAIL Listen (dauer VPN Verbindung über Wireguard, verlinkt sind die Datenpunkte (die Button) aus dem Blockly
  

• mit Klick auf das entsprechende Symbol öffnet sich das hier (noch nicht alle fertig)
  

• oder eben das hier
  

• damit kann ich die automatische Versandfunktion auch an oder aus schalten
  

• also damit
  

• Handyansichten

• mit GLOW und BADGE
  

iQontrol Geräte und Listen Export

• Beispiele zum importieren

iqontrol_0_lists.json.zip

iqontrol_0_devices_temperaturen.json.zip

iqontrol_0_devices_steckdosen.json.zip

Telegram Bilder und Funktionen

• eigene Schlagworte wie im Blockly angegeben fordern ein Telegram an

• 

• 

• 

• 

• 

• 

Blockly Exporte

Blockly Update am 31.01.2022 17:05 Uhr

iQontrol_Listen_Ueberschrift_Telegram_EMAIL_ALEXA_Batterien_LOWBAT.zip

iQontrol_Listen_Ueberschrift_Telegram_EMAIL_ALEXA_Lichter.zip

iQontrol_Listen_Ueberschrift_Telegram_EMAIL_ALEXA_Steckdosen.zip

iQontrol_Listen_Ueberschrift_Telegram_EMAIL_ALEXA_Temperaturen.zip

iQontrol_Listen_Ueberschrift_Telegram_EMAIL_ALEXA_Luftfeuchtigkeit.zip

iQontrol_Listen_Ueberschrift_Telegram_EMAIL_ALEXA_Bewegungsmelder.zip

Weitere Blockly folgen, wenn ich fertig damit bin. Fehler kann ich nicht ausschließen und bitte ich auch hier mit Bezug auf diesen Beitrag zu melden.

Neue Version (0.2) zum testen hier
https://forum.iobroker.net/post/755066

[J.M]

@dslraser Ich sag schon mal vielen Dank für diese Arbeit. Bin ja schon etwas länger dabei, dabei nie wirklich besser "eigenständiger" geworden. Aber mit deinen Anleitungen ist mir bisher alles gelungen. Da ich iqontrol eine Zeitlang nicht genutzt habe, hast du mir den Wiedereinstieg doch "relativ" leicht gemacht. Was ich aber gerne noch hätte von dir, weiter oben gesehen. Die Liste mit der Akkuanzeige und wie ich die Buttons einfüge um die verschiedenen Benachrichtigen zu aktivieren.

[da_Woody]

@dslraser super!
ich versteh aber immer noch nicht, warum ohne deine blocklys im heading alles funktioniert, wenn man aber einen font size angibt, das fontsize+x, nicht mehr. nichtmal, wenn ich dort eine fixe fontsize angebe.

[dslraser]

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

@dslraser super!
ich versteh aber immer noch nicht, warum ohne deine blocklys im heading alles funktioniert, wenn man aber einen font size angibt, das fontsize+x, nicht mehr. nichtmal, wenn ich dort eine fixe fontsize angebe.

Ich vermute, weil Du die HTML Eingabe nicht „richtig“ hast. Ich kopiere Dir nachher mal eine Zeile, die kannst Du dann mal einfügen und dann mal mit den Größen spielen.
Oder Du nimmst mal das Format was @s-bormann weiter oben gepostet hat. So habe ich meins jetzt auch umgebaut.

[da_Woody]

@dslraser was soll an dem html code falsch sein?
<br><center><font size=+1>L i c h t _ e i n</font></center><br>
sobald ich unter styling eine fontsize eingebe, funzt <font size=+1> nicht mehr!
ich kann im heading <b>, und alles mögliche angeben, jeder font befehl wird ignoriert.
ohne fontsize im styling <br><center><font size=+3>L i c h t _ e i n</font></center><br>

fontsize im styling 16, selbes heading

[dslraser]

@da_woody

das hier meine ich Link

<span style='font-size: 7px !important;'>Hier steht Deine Überschrift</span>

Ich verwende nicht px sonder vw (px ist fest, vw vergrößert/verkleinert sich mit)

z.B. Beispiel bei mir

<br><center><img src="http://192.168.1.230:8082/iqontrol/images/icons/temperature.png"style="height: 6vw;width : 6vw; float:left""><span style='font-size: 4.5vw !important; font-weight: bold !important; font-style: italic !important; font-family: Arial !important; color : #FFFFFF !important;'>Temperaturen</span><img src="http://192.168.1.230:8082/iqontrol/images/icons/temperature.png"style="height: 6vw;width : 6vw; float:right""></center><br><br>

PS: dabei habe ich gerade noch einen Fehler bei mir entdeckt

[da_Woody]

@dslraser alles gut und schön. aber warum funzen alle html tags, außer der fontsize im header?
IMHO ist der header in einer tabelle abgetrennt von TR und TD. warum soll ich mich da mit CSS rumärgern?
da kann ich gleich mit vis rumfummeln. ist für mich in iQontrol nicht einzusehn...
warum wird iQontrol verwendet? weils einfacher sein soll. oder?
wenn ich JS, blockly, CSS und co könnte, bräuchte ich keine anderen visus...
sorry, aber so denk ich halt mal...

[dslraser]

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

@dslraser alles gut und schön. aber warum funzen alle html tags, außer der fontsize im header?
IMHO ist der header in einer tabelle abgetrennt von TR und TD. warum soll ich mich da mit CSS rumärgern?
da kann ich gleich mit vis rumfummeln. ist für mich in iQontrol nicht einzusehn...
warum wird iQontrol verwendet? weils einfacher sein soll. oder?
wenn ich JS, blockly, CSS und co könnte, bräuchte ich keine anderen visus...
sorry, aber so denk ich halt mal...

@s-bormann
ich habe das eben mal nachgestellt...Eigentlich ist da irgendwas komisch...?
Ich habe nur mal die Überschrift so gesetzt

<span style='font-size: 7px !important;'>Hier steht Deine Überschrift</span>

und die Schriftgröße habe ich mal auf 26 im Styling gesetzt .

Irgendwas geht dann "kaputt" nach dem speichern und wieder öffnen sieht es dann so aus

Die Überschrift wurde mir dann übrigens nur ganz klein angezeigt, weil wahrscheinlich kaputt ?

wenn ich das eintrage wird die Überschrift richtig angezeigt, aber wenn ich nach dem speichern da wieder reingehe, dann sieht das auch kaputte aus.

<br><center><span style='font-size: 4.5vw !important; font-weight: bold !important; font-style: italic !important; font-family: Arial !important; color : #FFFFFF !important;'>Temperaturen</span></center><br><br>

Das hier ist hingegen nach dem speichern und wieder öffnen immer heil

[dslraser]

@j-m sagte in Test Adapter iQontrol 1.11.x Vis:

Was ich aber gerne noch hätte von dir, weiter oben gesehen. Die Liste mit der Akkuanzeige und wie ich die Buttons einfüge um die verschiedenen Benachrichtigen zu aktivieren.

Was meinst Du genau ? Ich kann Dir irgendwie nicht folgen

[J.M]

@dslraser
Die 2 Sachen meinte ich.

[dirk1962]

Hallo @dslraser,

kannst Du bitte noch erklären, wie Du die beiden Listen "TOTAL_LIST_WITH_VALUES" und "TOTAL_NAMES_LIST_WITH_VALUES" erzeugt hast.
Danke.

[dslraser]

@j-m sagte in Test Adapter iQontrol 1.11.x Vis:

@dslraser
Die 2 Sachen meinte ich.

Das rechts sin nur ADDITIONAL CONTROL, da kannst Du als Gerät fast nehmen was Du willst. Verlinkt sind die Schalter (switch) von den Datenpunkten die das Blockly erstellt hat.

Hier mal ein Export davon
2022-01-31_iqontrol_0_devices.json.zip

probiere mal damit

[dslraser]

@dirk1962 sagte in Test Adapter iQontrol 1.11.x Vis:

Hallo @dslraser,

kannst Du bitte noch erklären, wie Du die beiden Listen "TOTAL_LIST_WITH_VALUES" und "TOTAL_NAMES_LIST_WITH_VALUES" erzeugt hast.
Danke.

mit dem Haken ganz rechts unten (aktuelle Github Version)

EDIT:
und wenn es viele Geräte sind, und Ihr vielleicht Alexa zur Ansage benutzen wollt, dann als Tennzeichen in den Einstellungen ein Semikolon nehmen und kein Komma...

[dslraser]

@j-m sagte in Test Adapter iQontrol 1.11.x Vis:

@dslraser
Die 2 Sachen meinte ich.

Das mit den Batterien ist etwas aufwendiger (die Erklärung meine ich)
Da habe ich eine Liste mit allen 1.5 Volt Batterien. Zusätzlich wird 1.2 Volt aus dieser Liste erstellt und zusätzlich 1.1 Volt sowie kleiner als 1.1 Volt. Ich stelle gleich noch ein Bild davon hier rein. Damit kann/könnte man fast leere sowie leere Batterien in der HTML Überschrift darstellen und auch bei Bedarf eine Liste per Telegram/EMAIL versenden lassen.

Bilder

• Überschrift habe ich noch nicht fertig
  

• im Widget unter:
  

• ^1\.[5-6]&
  

• ^1\.4&
  

• ^1\.3&
  

• ^1\.[1-2]&
  

• ^[0-1]&|^0\.[1-9]&
  
  

[s.bormann]

Achtung:

Wer in den letzten Tagen den Web-Adapter oder den Socket.io-Adapter aktualisiert hat, sollte diese bitte wieder downgraden. Es gab wohl viele Fehler, deshalb wurden diese Updates wieder zurückgenommen. iQontrol lief damit wohl auch nicht mehr.

https://forum.iobroker.net/topic/32404/zeigt-her-eure-iqontrol-visualisierung/167

https://forum.iobroker.net/topic/51956/neue-web-4-0-und-socketio-4-0-beta-latest-zurückgezogen?_=1643664558949

[s.bormann]

@dslraser sagte in Test Adapter iQontrol 1.11.x Vis:

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

@dslraser alles gut und schön. aber warum funzen alle html tags, außer der fontsize im header?
IMHO ist der header in einer tabelle abgetrennt von TR und TD. warum soll ich mich da mit CSS rumärgern?
da kann ich gleich mit vis rumfummeln. ist für mich in iQontrol nicht einzusehn...
warum wird iQontrol verwendet? weils einfacher sein soll. oder?
wenn ich JS, blockly, CSS und co könnte, bräuchte ich keine anderen visus...
sorry, aber so denk ich halt mal...

@s-bormann
ich habe das eben mal nachgestellt...Eigentlich ist da irgendwas komisch...?
Ich habe nur mal die Überschrift so gesetzt

<span style='font-size: 7px !important;'>Hier steht Deine Überschrift</span>

und die Schriftgröße habe ich mal auf 26 im Styling gesetzt .

Irgendwas geht dann "kaputt" nach dem speichern und wieder öffnen sieht es dann so aus

Die Überschrift wurde mir dann übrigens nur ganz klein angezeigt, weil wahrscheinlich kaputt ?

wenn ich das eintrage wird die Überschrift richtig angezeigt, aber wenn ich nach dem speichern da wieder reingehe, dann sieht das auch kaputte aus.

<br><center><span style='font-size: 4.5vw !important; font-weight: bold !important; font-style: italic !important; font-family: Arial !important; color : #FFFFFF !important;'>Temperaturen</span></center><br><br>

Das hier ist hingegen nach dem speichern und wieder öffnen immer heil

Stimmt, konnte ich nachstellen. Das '-Zeichen musste noch encoded werden. Habe eben einen Fix hochgeladen, damit lief es bei mir jetzt. Hoffe, das macht jetzt nicht an anderer Stelle wieder Ärger... Danke fürs gute Recherchieren!

[s.bormann]

Jetzt auf Github: Einige Verbesserungen an den Listen, insbesondere bei den Kombinationen und Kalkulationen von Listen wurde noch etwas verbessert. Auch die Namen von den Listen wurden überarbeitet ( @dslraser ). Zudem habe ich als Default-Listen-Vorlage einen Adapter-Monitor eingebaut. Beim Anlegen von Default-Listen wird jetzt außerdem auch ein passendes Widget gleich mit erstellt (die View, auf der es gespeichert wird, kann man auswählen).

So langsam aber sicher leert sich meine ToDo-Liste. Hoffe, die neuen Funktionen machen keine neuen Fehler. Danke an alle fleißigen Alpha-Tester hier! Ich denke, bald kann ich eine beta-Version draus machen!

LG!