NEWS
Javascript Datenpunkt per Widget steuern
-
Moin. Ich verändere ja gerade meine View für die Rollladensteuerung. In der View habe ich auch ein paar Schalter, mit denen ich die Automatik ein- und ausschalten kann. Funktioniert auch soweit. So sieht es aktuell aus:

Ich möchte aber aus optischen Gründen andere Schalter verwenden. Und zwar habe ich mir in den Kopf gesetzt, dass das Icon je nach Zustand rot oder grün leuchtet. Wie bei einer Steckdose, die mit dem jqui-mfd-ctrl-socket Widget geschaltet wird. Ich kriege es aber einfach nicht hin. Ich habe mehrere Widgets getestet, bei denen man Icons für AN/AUS verwenden und eine Farbe für die Zustände eingeben kann. Der Effekt ist meist der Gleiche, das Widget schaltet zwar das Script an und aus, aber ich kriege es mit keinem Widget hin, dass sich die Iconfarbe passend zum Schaltzustand ändert. Die Iconfarbe bleibt immer auf grün. So soll es später aussehen:

Kann da jemand weiterhelfen?
LG und einen schönen Donnerstag

-
Moin. Ich verändere ja gerade meine View für die Rollladensteuerung. In der View habe ich auch ein paar Schalter, mit denen ich die Automatik ein- und ausschalten kann. Funktioniert auch soweit. So sieht es aktuell aus:

Ich möchte aber aus optischen Gründen andere Schalter verwenden. Und zwar habe ich mir in den Kopf gesetzt, dass das Icon je nach Zustand rot oder grün leuchtet. Wie bei einer Steckdose, die mit dem jqui-mfd-ctrl-socket Widget geschaltet wird. Ich kriege es aber einfach nicht hin. Ich habe mehrere Widgets getestet, bei denen man Icons für AN/AUS verwenden und eine Farbe für die Zustände eingeben kann. Der Effekt ist meist der Gleiche, das Widget schaltet zwar das Script an und aus, aber ich kriege es mit keinem Widget hin, dass sich die Iconfarbe passend zum Schaltzustand ändert. Die Iconfarbe bleibt immer auf grün. So soll es später aussehen:

Kann da jemand weiterhelfen?
LG und einen schönen Donnerstag

Widget:
[{"tpl":"i-vis-universal","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","iUniversalWidgetType":"Switch","iValueType":"boolean","iStateResponseTime":"0","iNavWait":"100","iButtonCol":"","iButtonActive":"","iOpacityBack":"1","iCornerRadiusUL":"0","iCornerRadiusUR":"0","iCornerRadiusLR":"0","iCornerRadiusLL":"0","iContentFlexDirection":"vertical","iContentVertAlign":"iSpace-between","iContentOrder":"orderTextImg","iOpacityCtn":"1","iTextColor":"#ffffff","iTextSize":"12","iTextAlign":"iCenter","iTextSpaceTop":"0","iTextSpaceBottom":"0","iTextSpaceLeft":"0","iTextSpaceRight":"0","iIconSize":"70","iImgAlign":"iCenter","iImgSpaceTop":"5","iImgSpaceBottom":"0","iImgSpaceLeft":"0","iImgSpaceRight":"0","iImgRotation":"0","iImgBlinkFalse":"0","iImgBlinkTrue":"0","iShadowXOffset":"0","iShadowYOffset":"0","iShadowBlur":"4","iShadowSpread":"5","iShadowColor":"#111111","iShadowColorActive":"#111111","iShadowInnerXOffset":"0","iShadowInnerYOffset":"0","iShadowInnerBlur":"0","iShadowInnerSpread":"0","iShadowInnerColor":"#111111","iShadowInnerColorActive":"#111111","iBorderSize":"1","iBorderStyle":"solid","iBorderColor":"#c70000","iBorderColorActive":"#00cc1a","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,"oid":"hue.0.Philips_hue.Büro.on","iValueFalse":"","iValueTrue":"","iTextFalse":"Büro Off","iTextTrue":"Büro On","iImageFalse":"/vis-icontwo/Lights/light_off.png","iImageTrue":"/vis-icontwo/Lights/light_on.png","iInvertImageCol":true,"iFlipImage":false,"iStateResetValueTime":"0","iImgColorFalse":"#c70000","iImgColorTrue":"#00cc1a","iImgColorFalseFilter":"filter: invert(9%) sepia(86%) saturate(7489%) hue-rotate(11deg) brightness(89%) contrast(115%);","iImgColorTrueFilter":"filter: invert(54%) sepia(36%) saturate(3531%) hue-rotate(89deg) brightness(100%) contrast(108%);","views":null,"name":"Spot Büro","filterkey":"Button","iValueComparison":"equal","iPopUpBackground":"#666666","iPopUpPreventClickOutside":"","iPopUpShowTitle":"true","iPopUpTitle":"","iPopUpTitleColor":"#ffffff","iPopUpCloseBtnColor":"#dc2e2e","iPopUpWidth":"800px","iPopUpHeight":"500px","iPopUpHeightTitle":"50","iPopUpTitleSize":"28","iPopUpPosition":"center","iPopUpPositionX":"0","iPopUpPositionY":"0","iPopUpCloseAfterSeconds":"0","iPopUpCornerRadiusUL":"12","iPopUpCornerRadiusUR":"0","iPopUpCornerRadiusLR":"12","iPopUpCornerRadiusLL":"0","iPopUpShadowXOffset":"2","iPopUpShadowYOffset":"2","iPopUpShadowBlur":"2","iPopUpShadowSpread":"1","iPopUpShadowColor":"#111111","iButtonColHover":"","iContentType":"image","iImgClockFace":"001","iImgClockHands":"001","iImgClockShowBorder":"1","iImgColorClockFace":"#ffffff","iImgColorHands":"#ffffff","iImgColorHandSecond":"#ff0000","iClockShowSeconds":"","iClockTimezone":"Europe/Berlin","iHtmlTextFieldFalse":"","iHtmlTextFieldTrue":"","iShadowColorHover":"","iShadowInnerColorHover":"","iShadowTextXOffset":"0","iShadowTextYOffset":"0","iShadowTextBlur":"0","iShadowTextColor":"#111111","iShadowTextColorActive":"#111111","iBorderColorHover":"","iTextColorActive":"#ffffff","iHttpType":"iSend","iTextDecoration":"none"},"style":{"left":"425px","top":"93px","z-index":"4","width":"110px","height":"110px"},"widgetSet":"vis-inventwo"}]https://github.com/inventwo/ioBroker.vis-inventwo
https://github.com/inventwo/ioBroker.vis-icontwo -
Widget:
[{"tpl":"i-vis-universal","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","iUniversalWidgetType":"Switch","iValueType":"boolean","iStateResponseTime":"0","iNavWait":"100","iButtonCol":"","iButtonActive":"","iOpacityBack":"1","iCornerRadiusUL":"0","iCornerRadiusUR":"0","iCornerRadiusLR":"0","iCornerRadiusLL":"0","iContentFlexDirection":"vertical","iContentVertAlign":"iSpace-between","iContentOrder":"orderTextImg","iOpacityCtn":"1","iTextColor":"#ffffff","iTextSize":"12","iTextAlign":"iCenter","iTextSpaceTop":"0","iTextSpaceBottom":"0","iTextSpaceLeft":"0","iTextSpaceRight":"0","iIconSize":"70","iImgAlign":"iCenter","iImgSpaceTop":"5","iImgSpaceBottom":"0","iImgSpaceLeft":"0","iImgSpaceRight":"0","iImgRotation":"0","iImgBlinkFalse":"0","iImgBlinkTrue":"0","iShadowXOffset":"0","iShadowYOffset":"0","iShadowBlur":"4","iShadowSpread":"5","iShadowColor":"#111111","iShadowColorActive":"#111111","iShadowInnerXOffset":"0","iShadowInnerYOffset":"0","iShadowInnerBlur":"0","iShadowInnerSpread":"0","iShadowInnerColor":"#111111","iShadowInnerColorActive":"#111111","iBorderSize":"1","iBorderStyle":"solid","iBorderColor":"#c70000","iBorderColorActive":"#00cc1a","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,"oid":"hue.0.Philips_hue.Büro.on","iValueFalse":"","iValueTrue":"","iTextFalse":"Büro Off","iTextTrue":"Büro On","iImageFalse":"/vis-icontwo/Lights/light_off.png","iImageTrue":"/vis-icontwo/Lights/light_on.png","iInvertImageCol":true,"iFlipImage":false,"iStateResetValueTime":"0","iImgColorFalse":"#c70000","iImgColorTrue":"#00cc1a","iImgColorFalseFilter":"filter: invert(9%) sepia(86%) saturate(7489%) hue-rotate(11deg) brightness(89%) contrast(115%);","iImgColorTrueFilter":"filter: invert(54%) sepia(36%) saturate(3531%) hue-rotate(89deg) brightness(100%) contrast(108%);","views":null,"name":"Spot Büro","filterkey":"Button","iValueComparison":"equal","iPopUpBackground":"#666666","iPopUpPreventClickOutside":"","iPopUpShowTitle":"true","iPopUpTitle":"","iPopUpTitleColor":"#ffffff","iPopUpCloseBtnColor":"#dc2e2e","iPopUpWidth":"800px","iPopUpHeight":"500px","iPopUpHeightTitle":"50","iPopUpTitleSize":"28","iPopUpPosition":"center","iPopUpPositionX":"0","iPopUpPositionY":"0","iPopUpCloseAfterSeconds":"0","iPopUpCornerRadiusUL":"12","iPopUpCornerRadiusUR":"0","iPopUpCornerRadiusLR":"12","iPopUpCornerRadiusLL":"0","iPopUpShadowXOffset":"2","iPopUpShadowYOffset":"2","iPopUpShadowBlur":"2","iPopUpShadowSpread":"1","iPopUpShadowColor":"#111111","iButtonColHover":"","iContentType":"image","iImgClockFace":"001","iImgClockHands":"001","iImgClockShowBorder":"1","iImgColorClockFace":"#ffffff","iImgColorHands":"#ffffff","iImgColorHandSecond":"#ff0000","iClockShowSeconds":"","iClockTimezone":"Europe/Berlin","iHtmlTextFieldFalse":"","iHtmlTextFieldTrue":"","iShadowColorHover":"","iShadowInnerColorHover":"","iShadowTextXOffset":"0","iShadowTextYOffset":"0","iShadowTextBlur":"0","iShadowTextColor":"#111111","iShadowTextColorActive":"#111111","iBorderColorHover":"","iTextColorActive":"#ffffff","iHttpType":"iSend","iTextDecoration":"none"},"style":{"left":"425px","top":"93px","z-index":"4","width":"110px","height":"110px"},"widgetSet":"vis-inventwo"}]https://github.com/inventwo/ioBroker.vis-inventwo
https://github.com/inventwo/ioBroker.vis-icontwo@sigi234 Danke, aber dieses Widget habe ich auch schon getestet. Ich habe bei Deinem nur den Datenpunkt geändert. Hat zur Folge, dass das Script zwar bei Druck auf den Button ein- und ausgeschaltet wird, aber die Birne bleibt rot. Ich habe dann den Datenpunkt einer Hue-Lampe angegeben, damit funktioniert es ohne Probleme. Liegt es an dem Datenpunkt? Das wäre dieser hier:

Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.
Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.
Mit deinem Input könnte dieser Beitrag noch besser werden 💗
Registrieren Anmelden