Gelöst: Widget als Taster mit gleichzeitiger Statusanzeige

[wendy2702]

Klasse!

Vielen Dank für den Tip.

So wollte ich das haben.

Mirko

[meute]

Hallo,

ich bin ioBroker-Neuling.
Ich will mit zwei Shelly 1 zwei Garagentore steuern.
Die Shellys sind konfiguriert.

Nun hänge ich zum ersten mal an der ioBroker-Visualisierung.

@wendy2702 sagte in Gelöst: Widget als Taster mit gleichzeitiger Statusanzeige:

So wollte ich das haben.

Könntest Du bitte beschreiben, wie Du das gelöst hast.
Danke.

Gruß
meute

[wendy2702]

Hier mal mein Widget oder besser beide wie ich es vor ewiger Zeit umgesetzt habe. Geht bestimmt auch anders aber für uns passt es.

Spoiler

[{"tpl":"tplHtml","data":{"visibility-cond":"==","visibility-val":1,"refreshInterval":"0","html":"Garagentoröffner","visibility-oid":"","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"visibility-groups-action":"hide","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"Beschriftung Garagentoröffner"},"style":{"left":"513px","top":"720px","width":"130px","height":"20px","color":"#fff","border-style":"none","border-color":"#FFFFFF","border-radius":"2px","border-width":"1px","font-size":"small","z-index":"7","text-align":"center","font-weight":"normal"},"widgetSet":"basic"},{"tpl":"tplHqButton","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oid":"hm-rpc.0.NEQ1263062.1.STATE","min":"false","max":"true","iconName":"/icons-mfd-png/fts_garage_door_100.png","btIconWidth":"117","offsetAuto":true,"leftOffset":"0","topOffset":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"pushButton":true,"g_styles":true,"g_leftRight":true,"timeAsInterval":false,"infoLeftFontSize":"0","infoFontRightSize":"0","infoLeftPaddingLeft":"0","infoLeftPaddingRight":"0","infoRightPaddingRight":"0","usejQueryStyle":true,"oid-working":"hm-rpc.0.NEQ1263062.1.WORKING","oid-battery":"hm-rpc.0.NEQ1263062.0.LOWBAT","descriptionLeft":"Garagentor Öffner.STATE","name":"Taster Garage Klein","caption":"","styleNormal":"","styleActive":"","changeEffect":"","testActive":true},"style":{"left":"513px","top":"716px","z-index":"5","opacity":"","width":"130px","height":"122px","border-width":"1px","color":"#ffffff","border-style":"solid","border-color":"#FFFFFF","border-radius":"6px"},"widgetSet":"hqwidgets"}]

Allerdings zeigt das Widget bei mir mittlerweile nicht mehr an ob Tor zu/auf da ich das schneller auf dem Kamerabild sehe.

[meute]

Hallo,

@wendy2702 sagte in Gelöst: Widget als Taster mit gleichzeitiger Statusanzeige:

Hier mal mein Widget oder besser beide wie ich es vor ewiger Zeit umgesetzt habe. Geht bestimmt auch anders aber für uns passt es.

Spoiler

[{"tpl":"tplHtml","data":{"visibility-cond":"==","visibility-val":1,"refreshInterval":"0","html":"Garagentoröffner","visibility-oid":"","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"visibility-groups-action":"hide","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"Beschriftung Garagentoröffner"},"style":{"left":"513px","top":"720px","width":"130px","height":"20px","color":"#fff","border-style":"none","border-color":"#FFFFFF","border-radius":"2px","border-width":"1px","font-size":"small","z-index":"7","text-align":"center","font-weight":"normal"},"widgetSet":"basic"},{"tpl":"tplHqButton","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oid":"hm-rpc.0.NEQ1263062.1.STATE","min":"false","max":"true","iconName":"/icons-mfd-png/fts_garage_door_100.png","btIconWidth":"117","offsetAuto":true,"leftOffset":"0","topOffset":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"pushButton":true,"g_styles":true,"g_leftRight":true,"timeAsInterval":false,"infoLeftFontSize":"0","infoFontRightSize":"0","infoLeftPaddingLeft":"0","infoLeftPaddingRight":"0","infoRightPaddingRight":"0","usejQueryStyle":true,"oid-working":"hm-rpc.0.NEQ1263062.1.WORKING","oid-battery":"hm-rpc.0.NEQ1263062.0.LOWBAT","descriptionLeft":"Garagentor Öffner.STATE","name":"Taster Garage Klein","caption":"","styleNormal":"","styleActive":"","changeEffect":"","testActive":true},"style":{"left":"513px","top":"716px","z-index":"5","opacity":"","width":"130px","height":"122px","border-width":"1px","color":"#ffffff","border-style":"solid","border-color":"#FFFFFF","border-radius":"6px"},"widgetSet":"hqwidgets"}]

Wo muss man das hin kopieren?

Gruß
meute

[wendy2702]

Wird in deinen View importiert.

Gibt dazu im Editor oben einen Button: Widget importieren.

[meute]

Hallo,

@wendy2702 sagte in Gelöst: Widget als Taster mit gleichzeitiger Statusanzeige:

Wird in deinen View importiert.

Gibt dazu im Editor oben einen Button: Widget importieren.

Import hat geklappt.
Verstehe nur noch nicht, wie ich damit meinen Shelly zum schalten bringe.

Gruß
meute

[wendy2702]

Ich kenne die Shellys und deren Datenpunkte leider nicht.

Wenn du einen Screenshot einstellen kannst kann ich mal schauen.

[meute]

Hallo,

@wendy2702 sagte in Gelöst: Widget als Taster mit gleichzeitiger Statusanzeige:

Ich kenne die Shellys und deren Datenpunkte leider nicht.

Wenn du einen Screenshot einstellen kannst kann ich mal schauen.

Danke für das Angebot.
Anbei 2 Screenshots.

Gruß
meute

[harrym]

@meute und was macht da dann etwas mit hm-rpc ?????

[meute]

Hallo,

@harrym sagte in Gelöst: Widget als Taster mit gleichzeitiger Statusanzeige:

@meute und was macht da dann etwas mit hm-rpc ?????

Ich weiß halt nicht, was überall rein muss.
Das sind meine ersten Gehversuche mit ioBroker.

Gruß
meute

[mickym]

@meute beim Shelly 1 unter relay/0/command kannst als wert toggle nutzen

[meute]

@mickym sagte in Gelöst: Widget als Taster mit gleichzeitiger Statusanzeige:

@meute beim Shelly 1 unter relay/0/command kannst als wert toggle nutzen

Sorry, aber ich kann Dir nicht folgen...

[mickym]

Hast Du denn die Shellies schon mal im iobroker selbst geschaltet. Mach doch mal ein Screenshot wo die Datenpunkte (also unter Objekte) Deines Shellies sind. Nutzt Du MQTT oder den Shelly Adapter?

Sollte so ähnlich aussehen - zumindest wenn Du MQTT nutzt

[meute]

@mickym sagte in Gelöst: Widget als Taster mit gleichzeitiger Statusanzeige:

Hast Du denn die Shellies schon mal im iobroker selbst geschaltet.

Ja, habe ich.
Und auch mit meinem Radiobutton in der Visualisierung.
Ich nutze den Shelly Adapter.

So sieht es bei mir aus:

[mickym]

@meute So ich bin zwar nicht ganz sicher, wo dann Dein Problem ist. Wenn es um die Tasterfunktion geht, hast Du schon mal versucht - statt dem Wert 1 - den Wert "toggle" zu nutzen. Ansonsten kannst den Wert lassen und den Shelly als Edge-Switch konfigurieren - dann schaltet er immer egal welchen Zustand Du ihm schickst oder den er gerade hat.

[meute]

@mickym sagte in Gelöst: Widget als Taster mit gleichzeitiger Statusanzeige:

@meute So ich bin zwar nicht ganz sicher, wo dann Dein Problem ist.

Mein Problem:
Im importierten Widget von wendy2702 schaltet der Shelly 1 nicht.
Ich weiß halt nicht, was man dort eintragen muss.

@mickym sagte in Gelöst: Widget als Taster mit gleichzeitiger Statusanzeige:

@meute Wenn es um die Tasterfunktion geht, hast Du schon mal versucht - statt dem Wert 1 - den Wert "toggle" zu nutzen.

Ich schalte den Shelly immer nur ein.
Der Shelly schaltet nach 2 Sek. von selbst wieder aus.
Einschalten mit 1 funktioniert im Radiobutton.

[mickym]

@meute Ok - dann verstehe ich jetzt auch Deine Screenshots, kann aber auch nicht weiterhelfen

[wendy2702]

Trage mal hier

Den Datenpunkt des Shelly ein den du im anderen Widget benutzt und lösche den bei „in Arbeit Zustand“ aus dem Widget.

[meute]

Hallo,

@wendy2702 sagte in Gelöst: Widget als Taster mit gleichzeitiger Statusanzeige:

Trage mal hier
...
Den Datenpunkt des Shelly ein den du im anderen Widget benutzt und lösche den bei „in Arbeit Zustand“ aus dem Widget.

Hat geklappt.
Der Shelly schaltet jetzt ein.

Dein Widget sind zwei links/rechts verschobene Quadrate.
Kann man die Quadrate übereinander schieben oder was hat das zu bedeuten?
Kann man auch ein Bild vom Garagentor hinterlegen?

Gruß
meute

[wendy2702]

Verschobene Quadrate? Zeig mal ein Screenshot wie es aussieht.

Ja, du kannst Bilder deiner Garage da rein machen.

Bild erstellen und im Editor mit dem Datei Manager in "VIS" laden.

Dann hier:

Dein Bild auswählen.

Du kannst denn entweder zwei Widgets übereinander legen und je nach Stellung eines mit Tor zu oder Tor auf anzeigen lassen.

Oder du spielst mal hiermit rum im Widget:

und hinterlegst hier deine Bilder.

Dann solltest du das Bild oben aber löschen.