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

dslraser

@blackeagle998
ich lasse mir schon länger über ein Blockly verschiedene Zustände dynamisch, z.B. ein html von meinen Fenstern in einen Datenpunkt schreiben.
Nun überlege ich auch gerade, ob man das über die ganzen neuen Widget nicht etwas aufhübschen könnte, aber html und css sind bei mir immer nur probieren...
Im Moment sieht es so aus, wenn etwas aktiv ist, dann ist das Icon hell.

Beim Klick drauf sieht es dann so, oder so ähnlich aus.

oder eben so

Vielleicht hast Du ja eine Idee dazu ?
Hier noch so ein html Beispiel dazu

<!DOCTYPE html><html lang="de"><head><title>Fenster</title><meta http-equiv="content-type" content="text/html; charset=utf-8"></head><body><p style="color:#0000FF; font-family:Helvetica; font-weight: bold">Fensterstatus Haus</p> <p style="color:#ff0000; font-family:Helvetica; font-weight: bold">letze Änderung:  21.09.2020 13:25:00 </p> <table border="8" cellspacing="10" cellpadding="20" style="color:black; font-family:Helvetica;background-image: linear-gradient(42deg,transparent,lightblue);"><tr style="color:#0000FF"; font-weight: bold"><td>Fenster Haus&ensp;&ensp;&ensp;</td><td>Status</td></tr><tr><td>Badezimmer rechts<td><span style="color:#FF0000"> geöffnet </span><tr><td>Küche rechts<td><span style="color:#FF0000"> geöffnet </span><tr><td>Keller Heizung<td><span style="color:#0000FF"> gekippt </span><tr><td>Keller Sauna links<td><span style="color:#0000FF"> gekippt </span><tr><td>Keller Sauna rechts<td><span style="color:#0000FF"> gekippt </span><tr><td>Keller W Baum<td><span style="color:#0000FF"> gekippt </span><tr><td>Keller Wohnzimmer links<td><span style="color:#0000FF"> gekippt </span><tr><td>Badezimmer links<td>geschlossen<tr><td>Gästezimmer links<td>geschlossen<tr><td>Gästezimmer rechts<td>geschlossen<tr><td>Keller Vorrat<td>geschlossen<tr><td>Keller Werkstatt<td>geschlossen<tr><td>Keller Wohnzimmer mitte<td>geschlossen<tr><td>Keller Wohnzimmer rechts<td>geschlossen<tr><td>Küche links<td>geschlossen<tr><td>Küche mitte<td>geschlossen<tr><td>Schlafzimmer links<td>geschlossen<tr><td>Schlafzimmer rechts<td>geschlossen<tr><td>Wohnzimmer links<td>geschlossen<tr><td>Wohnzimmer rechts<td>geschlossen</table></body>

Dieses Blockly generiert die Zustände
Klick hier

blackeagle998

@DocGame
Hmm und genau das verstehe ich nicht, dache eigentlich, das würde sich dynamisch anpassen...
Was hast du denn für eine Auflösung am Tablet?

Du kannst in folgenden Abschnitten die vw- bzw. vmax-Werte ändern, bis es für dich passt:

str_HTML_style = str_HTML_style + '.box_uhr {font-size:14vmax;}';
  str_HTML_style = str_HTML_style + '.box_datum {font-size:4vmax;text-align:center;}';
  str_HTML_style = str_HTML_style + '.box_wetter {font-size:4vmax;margin-right:1.5vw;text-align:center;}';
  
  str_HTML_style = str_HTML_style + '.table_Wettervorschau {';
  str_HTML_style = str_HTML_style + 'margin-top:3vw;';
  str_HTML_style = str_HTML_style + 'border-collapse: collapse;';
  str_HTML_style = str_HTML_style + 'font-size:3vmax;';
  str_HTML_style = str_HTML_style + 'color:' + str_color_font + ';';
  str_HTML_style = str_HTML_style + '}';
  str_HTML_style = str_HTML_style + '</style>';

blackeagle998

@dslraser
Die Möglichkeiten jetzt sind vielfältig.
Ich hatte mal angefangen Fenster und Rollladen-Status in einer Ansicht zusammen zu bringen:

Theoretisch könnte man vom Raum ausgehen und dann alles per Icon daneben darstellen, was "an/aktiv/offen" ist, also Fenster, Rollladen, Licht, Steckdosen etc...

Ich bin erst am Anfang, den Staubsauger will ich auch noch vernünftig darstellen, im Prinzip kann man sich seine eigene VIS als HTML mit Icons als Buttons nachbauen.
Wenn ich was habe, werde ich es hier zeigen.

blackeagle998

@s-bormann
Mir schwirren so viele Ideen im Kopf herum.
Wäre es machbar, einer Ansicht ein Background HTML zu verpassen (aus einem Datenpunkt)?
Also eine Seite ohne Kachel, die dann als Webseite konfigurierbar wäre.

sigi234

@blackeagle998

Hallo, kann man die Größe der Wetter Icons auch ändern?

Screenshot (631)_LI.jpg

sigi234

@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

Wenn ihr dann auf das Kachel-Icon klickt, wechselt der Status zwischen aktiv/inaktiv und somit ändert sich auch die Kachelgröße.

Das geht bei mir nicht, wie sind die genauen Einstellungen? Bei mir kommt das:

Screenshot (633).png

blackeagle998

@sigi234
Ja, wenn du den folgenden "img" Block einfügst und die vw-Werte anpasst (der ".img_wetter" Block existiert bereits):

    //hiermit wird die Größe aller Bilder gesteuert, die im Code per <img src="..."> definiert sind
    str_HTML_style = str_HTML_style + 'img {';
    str_HTML_style = str_HTML_style + 'height:10vw;';
    str_HTML_style = str_HTML_style + 'width:10vw;';
    str_HTML_style = str_HTML_style + '}';

    //hiermit wird die Größe aller Bilder gesteuert, die im Code explizit per <img class="img_wetter" src="..."> definiert sind    
    //die angegebene Klasse "img_wetter" überschreibt die Einstellungen des oben definierten img-Blocks
    str_HTML_style = str_HTML_style + '.img_wetter {';
    str_HTML_style = str_HTML_style + 'height:15vw;';
    str_HTML_style = str_HTML_style + 'width:15vw;';
    str_HTML_style = str_HTML_style + '}';

blackeagle998

@sigi234 sagte in Test Adapter iQontrol 1.2.x:

@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

Wenn ihr dann auf das Kachel-Icon klickt, wechselt der Status zwischen aktiv/inaktiv und somit ändert sich auch die Kachelgröße.

Das geht bei mir nicht, wie sind die genauen Einstellungen? Bei mir kommt das:

Das geht nur, wenn die Widget-Kachel im Feld "state" keinen Datenpunkt angegeben hat, probier das mal:

s.bormann

@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

@s-bormann
Mir schwirren so viele Ideen im Kopf herum.
Wäre es machbar, einer Ansicht ein Background HTML zu verpassen (aus einem Datenpunkt)?
Also eine Seite ohne Kachel, die dann als Webseite konfigurierbar wäre.

Hi, aktuell nicht. Wäre auch ziemlich aufwändig und ich weiß nicht, ob es überhaupt problemlos machbar wäre. Aber: Man könnte eine leere Seite mit nur einer FullScreen-Widget-Kachel erstellen, das ginge doch als Workaround erst mal oder?

blackeagle998

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

@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

@s-bormann
Mir schwirren so viele Ideen im Kopf herum.
Wäre es machbar, einer Ansicht ein Background HTML zu verpassen (aus einem Datenpunkt)?
Also eine Seite ohne Kachel, die dann als Webseite konfigurierbar wäre.

Hi, aktuell nicht. Wäre auch ziemlich aufwändig und ich weiß nicht, ob es überhaupt problemlos machbar wäre. Aber: Man könnte eine leere Seite mit nur einer FullScreen-Widget-Kachel erstellen, das ginge doch als Workaround erst mal oder?

Stimmt, das geht, dann nehme ich das mal als Grundlage für die Staubsauger-Steuerung, mal sehen was draus wird :-)
Danke dir!

dslraser

@sigi234 sagte in Test Adapter iQontrol 1.2.x:

Wenn ihr dann auf das Kachel-Icon klickt, wechselt der Status zwischen aktiv/inaktiv und somit ändert sich auch die Kachelgröße.

"Kachel-Icon" ist in dem Fall bei mir oben links über der Stunden Anzeige (quasi unsichtbar)

sigi234

@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

Das geht nur, wenn die Widget-Kachel im Feld "state" keinen Datenpunkt angegeben hat, probier das mal:

Ist leer bei mir

s.bormann

@sigi234 Als Gerätetyp muss zwingend Widget angegeben werden

sigi234

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

@sigi234 Als Gerätetyp muss zwingend Widget angegeben werden

Screenshot (635).png

blackeagle998

@sigi234
Stell mal bitte in den Widgeteinstellungen die Icons für aktiv/inaktiv ein, sodass du die dann links oben auch siehst (nur zum Testen).

sigi234

@blackeagle998 sagte in Test Adapter iQontrol 1.2.x:

@sigi234
Stell mal bitte in den Widgeteinstellungen die Icons für aktiv/inaktiv ein, sodass du die dann links oben auch siehst (nur zum Testen).

Keine Änderung , es kommt der Schalter Dialog , Icons sind da

blackeagle998

@sigi234
Drei Ideen die eventuell zum Erfolg führen:

Widget Kachel neu anlegen
Cache leeren
Auszug aus der Entwicklerkonsole F12 für @s-bormann

sigi234

@blackeagle998

Gelöst, das war angehakt:

Screenshot (637)_LI.jpg

Hinweis:

Wenn ich auf die Kachel klicke kommt aber noch immer der Schalten Dialog. Mit diesen kann ich aber auch die Kachel erweitern und wieder zuklappen.

Screenshot (639).png

blackeagle998

@sigi234
Das ist bei mir nicht so.
Ich zähle mal nur auf, wo ich Haken/Einstellungen gesetzt habe:

Verhalten der Gerätekachel (allgemein):
Haken bei "Zoom-Effekt... deaktivieren"
Verhalten der Gerätekachel, wenn das Gerät inaktiv ist:
Größe: 3x1
Haken bei "Entferne den Überzug der Kachel..."
Haken bei "Gerätenamen ausblenden..."
Verhalten der Gerätekachel, wenn das Gerät aktiv ist:
Größe: volle Bildschirmgröße
Haken bei "Entferne den Überzug der Kachel..."
Haken bei "Gerätenamen ausblenden..."
Verhalten der Gerätekachel, wenn das Gerät vergrößert ist:
Größe: volle Bildschirmgröße (ist aber egal)
Haken bei "Gerätenamen ausblenden..."

sigi234

@blackeagle998

Ok, Danke werde es Morgen testen......

Community Forum

NEWS

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

Support us

627

32.4k

81.5k

1.3m