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

SiKo

@blackeagle998 sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

Digitaluhr Version 05:
Changelog:

die Darstellung basiert jetzt komplett auf sogenannten Flexboxen, die sich dynamisch anpassen sollen
im Skript wird geprüft, ob der Datenpunkt existiert, falls nicht wird er angelegt (Danke @dslraser)
der Datenpunktname steht jetzt als Konstante im Skript
die erste Befüllung des Datenpunkts nach Skriptstart wird mit einer Sekunde Verzögerung ausgeführt. Somit sollte es zu keinem Fehler mehr kommen.

Hier nun das komplette Skript für die Digitaluhr:

const DP_Uhr_digital = '0_userdata.0.Zeit.HTML_Uhrzeit_und_Datum_V5';

fctInit();

function fctInit(){
   if(!existsState(DP_Uhr_digital)) {
       createState(DP_Uhr_digital,
           {type: 'string', name: 'iQontrol Uhr', role: 'value', read: true , write: true}
       );
   }
   setStateDelayed(DP_Uhr_digital, fctUhrzeitDatum_V5(), 1000);
   schedule("*/10 * * * * *", function () {
       setState(DP_Uhr_digital, fctUhrzeitDatum_V5());
   })
}

function fctUhrzeitDatum_V5() {
   let Uhrzeit                 = String(formatDate(new Date(), "hh:mm"));
   let Datum                   = String(formatDate(new Date(), "DD.MM.YYYY"));
   let Wochentag               = String(formatDate(new Date(), "WW", "de"));
 
   let str_color_body      = '#005c78';
   let str_color_cell      = '#47575c';
   let str_color_font      = 'Silver';
   let str_position_font   = 'center'
   let str_HTML            = '';
   let str_HTML_style      = '';

   str_HTML_style = str_HTML_style + '<style>';
   str_HTML_style = str_HTML_style + 'body {background-color:' + str_color_body + '}';
   
   str_HTML_style = str_HTML_style + '.container {';
   //Höhe des Containers festlegen (Basis = Body Element)
   //str_HTML_style = str_HTML_style + 'height: 90%;';
   str_HTML_style = str_HTML_style + 'display: flex;';
   //Elemente werden untereinander dargestellt
   str_HTML_style = str_HTML_style + 'flex-direction: column;';
   //Elemente werden horizontal zentriert
   str_HTML_style = str_HTML_style + 'justify-content: center;';
   //Elemente werden vertikal zentriert
   str_HTML_style = str_HTML_style + 'align-content: center;';
   str_HTML_style = str_HTML_style + '}';

   str_HTML_style = str_HTML_style + '.element {';
   str_HTML_style = str_HTML_style + 'flex:0 1 auto;';
   //Rahmen: abgerundete Ecken (5px), Strichstärke (0px = aus) und Farbe
   //str_HTML_style = str_HTML_style + 'border-radius:5px;border-collapse:separate;border:0px solid gainsboro;border-color:White;';
   //Elemente werden horizontal zentriert
   str_HTML_style = str_HTML_style + 'justify-content: center;';
   //Elemente werden vertikal zentriert
   str_HTML_style = str_HTML_style + 'align-content: center;';
   //Textausrichtung
   str_HTML_style = str_HTML_style + 'text-align:' + str_position_font + ';';
   //Wer keine Hintergrundfarbe für die Boxen will, kommentiert die nachfolgende Zeile aus oder löscht sie.
   //str_HTML_style = str_HTML_style + 'background-color:' + str_color_cell + ';';
   //Schriftfarbe
   str_HTML_style = str_HTML_style + 'color:' + str_color_font + ';';
   str_HTML_style = str_HTML_style + '}';
  
   //Hier habt ihr die Möglichkeit, CSS Eigenschaften für jede Box einzeln einzutragen.
   //Bspw. könnt ihr hier eine separate Hintergrundfarbe einstellen.
   //Außerdem steuert ihr hier die Schriftgrößen der einzelnen Boxen
   str_HTML_style = str_HTML_style + '.box_uhr {font-size:18vmax;}';
   str_HTML_style = str_HTML_style + '.box_datum {font-size:8vmax;}';
   str_HTML_style = str_HTML_style + '</style>';

   str_HTML = str_HTML + '<html><head>' + str_HTML_style + '</head><body class="container">';
   str_HTML = str_HTML + '<div class="element"><span class="box_uhr"><b>' + Uhrzeit + ' Uhr</b></span></div>';
   str_HTML = str_HTML + '<div class="element"><span class="box_datum"><i>' + Wochentag + ', ' + Datum + '</i></span></div>';
   str_HTML = str_HTML + '</body></html>';

   return str_HTML;
}

Hi @blackeagle998 ,
wie oder wo kann ich das Script importieren? Über Javascript, oder irgendwo in iQontrol?

Gruß

elektrickser.de

@s-bormann Das ist mal wieder ne Super Ergänzung. Wenn es jetzt noch ne Option geben würde um die Level-
Regler zu deaktivieren.

da_Woody

@s-bormann mann, voll überlesen!:D
hab mich schon gewundert woher das kommt. erst durch das posting von @elektrickser-de draufgekommen.
die voreinstellung ist etwas "dubios"... keine 18?

s.bormann

@beowolf sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

Ich muß noch mal eine Frage stelle.

Ich habe hier ein Wasservetil für mein Gartenwasser. Das Ding hat per internen Kontakt eine Rückmeldung wann es geschlossen bzw. geöffnet ist. Diese Kontakte sind auch schon unter ioBroker verfügbar. Wie bekomme ich es hin, das wenn der "geöffnet" Kontakt schließt die Kachelfarbe der entsprechenden Kachel z.B. grün wird? Bei geöffnet entsprechend rot wird?

Hallo,
sorry für die späte Antwort - hatte etwas viel um die Ohren.
Bei OVERLAY_ACTIVE und _INACTIVE-COLOR stellst Du als Konstante die gewünschten Farben ein.

ACTIVE und INACTIVE bezieht sich darauf, ob die Kachel als aktiv oder als inaktiv dargestellt wird.

Standardmäßig wird dafür der Datenpunkt unter STATE verwendet - Du möchtest jetzt hier aber einen Datenpunkt für die Rückmeldung eintragen, richtig? Und wenn ich es richtig verstanden habe, sind die beiden Ventil-Datenpunkte redundant, aber genau invers zueinander (wenn das eine true ist, ist das andere falsch und umgekehrt, oder?)?

Dann hast Du zwei Möglichkeiten:

Trage bei STATE einen der Ventil-(Rückmelde-)Datenpunkte ein. Dann gehst Du auf den Schraubenschlüssel und trägst hier den Steuer-Datenpunkt ein:

oder

Trage bei STATE den Steuer-Datenpunkt ein. Dann weiter unten bei den Optionen trägst Du hier einen der Ventil-Rückmelde-Datenpunkte ein:

Viel Erfolg!

s.bormann

@da_woody sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

@s-bormann
im zuge diverser anderer themen (z.b.: http://arduino.joergeli.de/mini-muelltonne/mini-muelltonne.php ) und auch meinen ideas:
siehst du eine möglichkeit das badge bei einer gewissen zahl anders zu färben, oder auch blinken zu lassen?
wäre für mich passend, z.b. in verbindung trashschedule und birthday.

bei tag 1 andere farbe, am tag 0 blinkend.
ist mir schon bei meiner heizungsumstellung eingefallen. ok, wenn nicht geheizt wird, kein badge, bei heizung aktiv, werden halt die W angezeigt. aber auch da könnte man bei 0 eine andere farbe anzeigen, bei aktiv die farbe ändern. glow funktioniert bei thermostat ja nicht.
ist wiedermal der allgemeine wunsch eines einzelnen, aber vllt kommt man da noch auf andere möglichkeiten.

Hi Woody,

blinken geht leider aktuell nicht - aber die Farbe könnest Du über ein Blockly beeinflussen.
Mach ein Blockly, dass die gewünschte Farbe, abhängig vom Wert, in einen Datenpunkt schreibt.
Den trägst Du dann bei BADGE_COLOR (als Datenpunkt, nicht als Konstante) ein.

LG

s.bormann

@elektrickser-de sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

@s-bormann Das ist mal wieder ne Super Ergänzung. Wenn es jetzt noch ne Option geben würde um die Level-
Regler zu deaktivieren.

Hab das gerade eingebaut und auf Github geladen. Da es schon spät ist, habe ich es nicht getestet - kannst Du mal bitte checken, ob es klappt?

VG!

s.bormann

@da_woody sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

@s-bormann mann, voll überlesen!:D
hab mich schon gewundert woher das kommt. erst durch das posting von @elektrickser-de draufgekommen.
die voreinstellung ist etwas "dubios"... keine 18?

Naja, sind halt meine persönlichen Wunschtemperaturen, 18° habe ich nirgends - kann ja jeder so anpassen, wie er will.

s.bormann

@zahnheinrich sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

Keine additional Controls möglich bei schreibgeschützem Wert?

@s-bormann
Ich lasse mir in einer Kachel einen bool-Wert anzeigen, der schreibgeschützt ist, möchte diesen Wert jedoch durch andere Datenpunkte beeinflussen. Dazu habe ich additional Controls definiert.
Im Dialogfenster dwer Kachel sehe ich den augenblicklichen bool-Wert ohne Dropdown wie gewünscht. Darunter werden die additional Controls angezeigt, sind jedoch ebenfalls schreibgeschützt, was wenig Sinn macht. Wie bekomme ich die aktiv benutzbar?

Wo hast Du denn das Schreibgeschützt gesetzt? In den Geräteoptionen? Bin mir nicht sicher, ob das klappt, aber versuch das mal über den Schraubenschlüssel direkt beim STATE-Datenpunkt zu machen, ich glaube, diese Einstellung habe ich in den ADD-Conrols ignoriert...

da_Woody

@s-bormann sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

aber die Farbe könnest Du über ein Blockly beeinflussen.

könnte ich, wenn ich für blockly nicht zu dämlich wäre...
allerdings besteht da noch ein anderes problem. zufälliger weise, ist heute altpapier.

wenn daysLeft 0 ist, wird badge gar nicht angezeigt.

bei Thermostat ist mir das ja angenehm, bei Wert halt nicht. wenn nicht geheizt, kein badge, wenn geheizt badge.

gestern erst alle 10 heizkreise umgebaut.
ist halt wiedermal der allgemeine wunsch eines einzelnen...
irgendwas wird mir schon einfallen.

Naja, sind halt meine persönlichen Wunschtemperaturen, 18° habe ich nirgends

is ne erklärung. dachte schon, du willst zeigen, daß man auch zahlen auslassen kann...

Beowolf

@s-bormann sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

@beowolf sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

Ich muß noch mal eine Frage stelle.

Ich habe hier ein Wasservetil für mein Gartenwasser. Das Ding hat per internen Kontakt eine Rückmeldung wann es geschlossen bzw. geöffnet ist. Diese Kontakte sind auch schon unter ioBroker verfügbar. Wie bekomme ich es hin, das wenn der "geöffnet" Kontakt schließt die Kachelfarbe der entsprechenden Kachel z.B. grün wird? Bei geöffnet entsprechend rot wird?

Hallo,
sorry für die späte Antwort - hatte etwas viel um die Ohren.
......

Alles gut, danke für die Rückmeldung. Ich habe es jetzt mit einem kleinen Blockly-Skript gelöst. Ich habe das was Du geschrieben hast mal probiert. Ist nicht genau so wie ich das haben wollte.
Trotzdem Danke.

s.bormann

@da_woody sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

@s-bormann sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

aber die Farbe könnest Du über ein Blockly beeinflussen.

könnte ich, wenn ich für blockly nicht zu dämlich wäre...
allerdings besteht da noch ein anderes problem. zufälliger weise, ist heute altpapier.

wenn daysLeft 0 ist, wird badge gar nicht angezeigt.

bei Thermostat ist mir das ja angenehm, bei Wert halt nicht. wenn nicht geheizt, kein badge, wenn geheizt badge.

gestern erst alle 10 heizkreise umgebaut.
ist halt wiedermal der allgemeine wunsch eines einzelnen...
irgendwas wird mir schon einfallen.

Naja, sind halt meine persönlichen Wunschtemperaturen, 18° habe ich nirgends

is ne erklärung. dachte schon, du willst zeigen, daß man auch zahlen auslassen kann...

Hi,
für die BADGE habe ich gerade eine Option hinzugefügt, dass sie auch bei "0" angezeigt werden kann. Hoffe, das hilft Dir schon mal.

LG

da_Woody

@s-bormann klappt nüscht...

ok1

gelöst - bitte löschen

da_Woody

@s-bormann sorry junge. entweder hab ich zu früh update gemacht, oder die kiste brauchte wieder mal nen reboot.
hatte die option anfangs nur im thermostat drinnen, nicht funktioniert. jetzt klappert das dort und auch im wert hab ich das gefunden...

auf der testpage tuts zumindest bei der heizung.
mea culpa!
klappt nun auch beim müll...

Wal

@s-bormann ,
im Moment redesign ich den wioBrowser für eine bessere Bedienung und mehr Funktionen.
Da das ein Fullscreenbrowser ist, wollte ich die Einstellungen und Funktionen in einem Contextmenu abrufbar machen.
Das funktioniert auch schon ganz gut bis auf die iQontrol Seiten.
Fängst du den rechten Mausclick in iQontrol ab da ich das Menu nicht aufrufen kann und wenn ja könnte man das einstellbar machen ?

s.bormann

@wal sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

@s-bormann ,
im Moment redesign ich den wioBrowser für eine bessere Bedienung und mehr Funktionen.
Da das ein Fullscreenbrowser ist, wollte ich die Einstellungen und Funktionen in einem Contextmenu abrufbar machen.
Das funktioniert auch schon ganz gut bis auf die iQontrol Seiten.
Fängst du den rechten Mausclick in iQontrol ab da ich das Menu nicht aufrufen kann und wenn ja könnte man das einstellbar machen ?

Hi,
ja stimmt, der wird abgefangen. Ziemlich am Ende, Zeile 14.000 oder so:

	//Disable context-Menu
	window.oncontextmenu = function(event) {
		console.log("oncontextmenu - preventDefault and stopPropagation");
		event.preventDefault();
		event.stopPropagation();
		return false;
	};

Man könnte hier vielleicht eine Abfrage rein machen, welcher Browser verwendet wird und dann beim wioBrowser das ganze nicht unterbinden. Kennst Du Dich damit aus, wie ich herausfinden kann, ob iQontrol in Deinem Browser geöffnet wird? Am einfachsten ginge es vielleicht über den user_agent (noch nie verwendet, habe ich nur auf die Schnelle gegoogelt: https://stackoverflow.com/questions/2400935/browser-detection-in-javascript ). Geht das bei Deinem Browser?

Wal

@s-bormann ,
danke für die Meldung, muß ich mir mal .

s.bormann

@wal Wenn Du herausgefunden hast, wie ich die Nutzung von wio erkennen kann, bauch ich die Abfrage entsprechend in iQontrol ein. LG

Wal

@s-bormann ,
als schnelle Lösung habe ich den Javaskriptteil gelöscht, das funktioniert.

Wal

@s-bormann ,
so deine Lösung werde ich nicht nutzen können.
Der Browser wird als appCodeName:Mozilla und appName:Netscape erkannt.

NEWS

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

Support us

1.6k
Online

30.6k
Users

77.2k
Topics

1.2m
Posts

NEWS

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

Support us

1.6kOnline

30.6kUsers

77.2kTopics

1.2mPosts

1.6k
Online

30.6k
Users

77.2k
Topics

1.2m
Posts