@sigi234 vielen lieben Dank. Ihr seit super :)

@bananajoe damit ging es dann, die widget id anzuzeigen html widget [{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"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","refreshInterval":"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,"html":"<script>\n\n console.log(`WIDGET NAME--------------- {wid}`);\n \n\n\nvar aa=`{wid}`;\n console.log(\"WIDGET NAME---------------\"+aa);\n \ndocument.getElementById('myvallie').innerHTML=aa\n</script>\n\nWIDGETNAME\n<div id=\"myvallie\"></div>\n"},"style":{"left":"971px","top":"605px","color":"#0befe7"},"widgetSet":"basic"}] <script> var aa=`{wid}`; console.log("WIDGET NAME---------------"+aa); document.getElementById('myvallie').innerHTML=aa </script> WIDGETNAME <div id="myvallie"></div> [image: 1643614560086-image-1.png]

@glasfaser Vielen Dank!

Sorry Jungs werde das Projekt starten wenn ich Hilfe brauche melde ich mich noch mal

@darkblu sagte in HMIP Broll mit AccessPoint, Shutter Level und Vis: HMIP=AccessPoint (zu 90% zirka) Niemals! Wie kommst du an diese Information? Insbesondere User, die wie ich mit HomeMatic begonnen haben und jetzt einzelne Geräte gegen HmIP tauschen, werden/können nicht mit HAP arbeiten. Ich behaupte mal dass > 80% der HmIP Geräte über CCU und Verwandte laufen

Danke ich habe gerade herausgefunden Wenn ich in den Expertenmodus gehe sehe ich auch die DPs welche ich als Binding in dem Blockly eingesetzt habe Damit kann ich sie normal mit dem Block "Wert von DP" in die Tabelle einfügen

@haselchen sagte in Kameras über QNAP PRO auf IO Brocker VIS anzeigen: Ich benutze ne Syno mit 10GB und die stottert schon mit 6 Kameras. genau aus dem grund meine 8 surveillance lizenzen verkauft. am mini-itx unter proxmox eine VM für motioneye erstellt. 2CPUs, 2GB Ram. 8 cams mit 1280x800. [image: 1643527235442-707aae50-b917-45f5-b382-686aa247e92f-grafik.png]

@hinsen2k Freut mich, dass Dir mein Vis gefällt. Ich habe allerdings das meiste in Photoshop gemacht, deshalb weiß ich nicht, wie weit Dir mein View weiterhilft, aber ich poste ihn gerne hier. Spoiler { "settings": { "style": { "background-image": "url(/vis.0/DNKR_2022/hintergrund_braun_verlauf_01.png)", "background_class": "", "background-repeat": "no-repeat", "background-origin": "", "background-position": "" }, "theme": "cupertino", "sizex": "1280", "sizey": "800", "gridSize": "", "useBackground": false, "snapType": null, "useAsDefault": true }, "widgets": { "e00001": { "tpl": "tplTwSimpleDate", "data": { "g_fixed": false, "g_visibility": false, "g_css_font_text": true, "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", "prependZero": false, "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, "shortWeekDay": false, "monthWord": true, "shortMonth": true, "showWeekDay": true, "noClass": true, "shortYear": false, "americanOrder": false }, "style": { "left": "913px", "top": "608px", "width": "313px", "height": "43px", "font-family": "Product Sans", "color": "#000000", "font-size": "200%", "text-align": "right", "position": "", "display": "inline-block", "z-index": "15", "opacity": "100" }, "widgetSet": "timeandweather" }, "e00002": { "tpl": "tplTwSimpleClock", "data": { "g_fixed": false, "g_visibility": true, "g_css_font_text": true, "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", "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, "hideSeconds": true, "noClass": true }, "style": { "left": "955px", "top": "631px", "color": "#c83439", "font-size": "600%", "font-family": "Product Sans", "text-align": "right", "z-index": "15", "width": "280px", "height": "110px", "text-shadow": "0px 0px 3px black" }, "widgetSet": "timeandweather" }, "e00003": { "tpl": "tplValueString", "data": { "oid": "daswetter.0.NextHours.Location_1.Day_1.current.temp_value", "g_fixed": false, "g_visibility": false, "g_css_font_text": true, "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", "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, "html_append": "°" }, "style": { "left": "993px", "top": "81px", "color": "#685f55", "width": "186px", "height": "129px", "font-family": "Product Sans", "font-size": "700%", "text-align": "right", "z-index": "15" }, "widgetSet": "basic" }, "e00004": { "tpl": "tplValueStringImg", "data": { "oid": "daswetter.0.NextHours.Location_1.Day_1.iconURL", "g_fixed": true, "g_visibility": true, "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", "refreshInterval": "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 }, "style": { "left": "921px", "top": "211px", "width": "199px", "height": "163px", "z-index": "15" }, "widgetSet": "basic" }, "e00005": { "tpl": "tplBulbOnOffCtrl", "data": { "oid": "javascript.0.Unifi.Anwesenheit.UAP.Barbara", "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", "icon_off": "/vis.0/main/img/barbara_rund_grey.png", "icon_on": "/vis.0/main/img/barbara_rund.png", "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, "views": [ "beschattung_li", "heizung_li", "licht_li", "sauger_li", "setup_li" ] }, "style": { "left": "47px", "top": "598px", "width": "66px", "height": "66px" }, "widgetSet": "basic" }, "e00006": { "tpl": "tplBulbOnOffCtrl", "data": { "oid": "javascript.0.Unifi.Anwesenheit.UAP.Vasco", "g_fixed": true, "g_visibility": false, "g_css_font_text": false, "g_css_background": false, "g_css_shadow_padding": true, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "icon_off": "/vis.0/main/img/vasco_rund_grey.png", "icon_on": "/vis.0/main/img/vasco_rund.png", "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, "views": [ "beschattung_li", "heizung_li", "licht_li", "sauger_li", "setup_li" ], "min": "", "max": "" }, "style": { "left": "47px", "top": "679px", "width": "66px", "height": "66px" }, "widgetSet": "basic" }, "e00007": { "tpl": "tplValueString", "data": { "oid": "daswetter.0.NextHours.Location_1.Day_1.tempmax_value", "g_fixed": false, "g_visibility": false, "g_css_font_text": true, "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", "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, "html_append": "°" }, "style": { "left": "1111px", "top": "189px", "color": "#685f55", "width": "72px", "height": "45px", "font-family": "Product Sans", "font-size": "250%", "text-align": "right", "z-index": "15" }, "widgetSet": "basic" }, "e00008": { "tpl": "tplValueString", "data": { "oid": "daswetter.0.NextHours.Location_1.Day_1.tempmin_value", "g_fixed": false, "g_visibility": false, "g_css_font_text": true, "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", "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, "html_append": "°" }, "style": { "left": "1111px", "top": "229px", "color": "#685f55", "width": "72px", "height": "45px", "font-family": "Product Sans", "font-size": "250%", "text-align": "right", "z-index": "15" }, "widgetSet": "basic" }, "e00009": { "tpl": "tplVis-materialdesign-Alerts", "data": { "oid": "0_userdata.0.alertMessages2", "g_fixed": false, "g_visibility": false, "g_css_font_text": true, "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", "showMaxAlerts": "8", "alertLayouts": "normal", "alertDense": false, "alertElevation": "1", "alertMarginBottom": "2", "alertBorderLayout": "left", "alertFontSize": "19", "alertFontFamily": "Product Sans", "closeIcon": "close-circle", "closeIconColor": "#685f55", "closeIconPressColor": "#685f55", "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, "alertIconSize": "30", "minScreenResolution": "0" }, "style": { "left": "318px", "top": "151px", "width": "508px", "color": "#000000", "z-index": 19 }, "widgetSet": "materialdesign" }, "e00010": { "tpl": "tplImage", "data": { "g_fixed": false, "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", "refreshInterval": "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, "src": "/vis.0/DNKR_2022/balken_02.png" }, "style": { "left": "322px", "top": "47px", "width": "508px", "height": "120px", "z-index": 9 }, "widgetSet": "basic" }, "e00011": { "tpl": "tplImage", "data": { "g_fixed": false, "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", "refreshInterval": "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, "src": "/vis.0/DNKR_2022/elipse_01.png" }, "style": { "left": "876px", "top": "50px", "width": "381px", "height": "400px", "z-index": "5" }, "widgetSet": "basic" }, "e00012": { "tpl": "tplImage", "data": { "g_fixed": false, "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", "refreshInterval": "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, "src": "/vis.0/DNKR_2022/pflanzen_02.png" }, "style": { "left": "107px", "top": "-210px", "width": "519px", "height": "1075px", "z-index": 0 }, "widgetSet": "basic" }, "e00013": { "tpl": "tplVis-materialdesign-Icon-Button-Navigation", "data": { "g_fixed": false, "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", "vibrateOnMobilDevices": "50", "image": "lightbulb-group", "imageColor": "#000000", "colorBgFalse": "#mdwTheme:vis-materialdesign.0.colors.button.icon.background_off", "colorPress": "#mdwTheme:vis-materialdesign.0.colors.button.icon.pressed", "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, "iconHeight": "35", "nav_view": "licht_li" }, "style": { "left": "350px", "top": "84px", "z-index": 19, "width": "60px", "height": "60px" }, "widgetSet": "materialdesign" }, "e00014": { "tpl": "tplVis-materialdesign-Icon-Button-Navigation", "data": { "g_fixed": false, "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", "vibrateOnMobilDevices": "50", "image": "store", "imageColor": "#000000", "colorBgFalse": "#mdwTheme:vis-materialdesign.0.colors.button.icon.background_off", "colorPress": "#mdwTheme:vis-materialdesign.0.colors.button.icon.pressed", "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, "iconHeight": "35", "nav_view": "beschattung_li" }, "style": { "left": "448px", "top": "83px", "z-index": 19, "width": "60px", "height": "60px" }, "widgetSet": "materialdesign" }, "e00015": { "tpl": "tplVis-materialdesign-Icon-Button-Navigation", "data": { "g_fixed": false, "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", "vibrateOnMobilDevices": "50", "image": "robot-vacuum", "imageColor": "#000000", "colorBgFalse": "#mdwTheme:vis-materialdesign.0.colors.button.icon.background_off", "colorPress": "#mdwTheme:vis-materialdesign.0.colors.button.icon.pressed", "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, "iconHeight": "35", "nav_view": "sauger_li" }, "style": { "left": "545px", "top": "83px", "z-index": 19, "width": "60px", "height": "60px" }, "widgetSet": "materialdesign" }, "e00016": { "tpl": "tplVis-materialdesign-Icon-Button-Navigation", "data": { "g_fixed": false, "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", "vibrateOnMobilDevices": "50", "image": "radiator", "imageColor": "#000000", "colorBgFalse": "#mdwTheme:vis-materialdesign.0.colors.button.icon.background_off", "colorPress": "#mdwTheme:vis-materialdesign.0.colors.button.icon.pressed", "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, "iconHeight": "35", "nav_view": "heizung_li" }, "style": { "left": "643px", "top": "83px", "z-index": "15", "width": "60px", "height": "60px" }, "widgetSet": "materialdesign" }, "e00017": { "tpl": "tplVis-materialdesign-Icon-Button-Navigation", "data": { "g_fixed": false, "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", "vibrateOnMobilDevices": "50", "image": "cog", "imageColor": "#000000", "colorBgFalse": "#mdwTheme:vis-materialdesign.0.colors.button.icon.background_off", "colorPress": "#mdwTheme:vis-materialdesign.0.colors.button.icon.pressed", "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, "iconHeight": "35", "nav_view": "setup_li" }, "style": { "left": "740px", "top": "83px", "z-index": "15", "width": "60px", "height": "60px" }, "widgetSet": "materialdesign" }, "e00018": { "tpl": "tplStatefulContainerView8", "data": { "oid": "0_userdata.0.button_sleep", "g_fixed": false, "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", "count": "1", "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, "contains_view_0": "clear", "contains_view_1": "sleep" }, "style": { "left": "26px", "top": "390px", "width": "248px", "height": "106px" }, "widgetSet": "basic" }, "e00019": { "tpl": "tplVis-materialdesign-Icon-Button-Toggle", "data": { "oid": "heatingcontrol.0.GuestsPresent", "g_fixed": false, "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", "toggleType": "boolean", "stateIfNotTrueValue": "on", "vibrateOnMobilDevices": "50", "image": "bag-suitcase", "imageColor": "#685f55", "imageTrueColor": "#mdwTheme:vis-materialdesign.0.colors.button.icon.icon_on", "colorBgFalse": "#c7bcb1", "colorBgTrue": "#c83439", "colorPress": "#c83439", "autoLockAfter": "10", "lockIconTop": "39", "lockIconLeft": "55", "lockIconSize": "20", "lockIconColor": "#mdwTheme:vis-materialdesign.0.colors.button.icon.lock_icon", "lockIconBackground": "#mdwTheme:vis-materialdesign.0.colors.button.icon.lock_icon_background", "lockBackgroundSizeFactor": "1", "lockFilterGrayscale": "30", "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, "valueOff": "false", "valueOn": "true", "iconHeight": "40" }, "style": { "left": "47px", "top": "513px", "width": "66px", "height": "66px" }, "widgetSet": "materialdesign" }, "e00020": { "tpl": "tplVis-materialdesign-Icon-Button-Toggle", "data": { "oid": "scene.0.abendliches_Licht", "g_fixed": false, "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", "toggleType": "boolean", "stateIfNotTrueValue": "on", "vibrateOnMobilDevices": "50", "image": "lamps", "imageColor": "#685f55", "imageTrueColor": "#958b81", "colorBgFalse": "#mdwTheme:vis-materialdesign.0.colors.button.icon.background_off", "colorBgTrue": "#mdwTheme:vis-materialdesign.0.colors.button.icon.background_on", "colorPress": "#mdwTheme:vis-materialdesign.0.colors.button.icon.pressed", "autoLockAfter": "10", "lockIconTop": "45", "lockIconLeft": "55", "lockIconSize": "20", "lockIconColor": "#mdwTheme:vis-materialdesign.0.colors.button.icon.lock_icon", "lockIconBackground": "#mdwTheme:vis-materialdesign.0.colors.button.icon.lock_icon_background", "lockBackgroundSizeFactor": "1", "lockFilterGrayscale": "30", "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, "iconHeight": "43", "imageTrue": "lamps" }, "style": { "left": "85px", "top": "50px", "width": "63px", "height": "66px", "z-index": "15" }, "widgetSet": "materialdesign" }, "e00021": { "tpl": "tplImage", "data": { "g_fixed": false, "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", "refreshInterval": "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, "src": "/vis.0/DNKR_2022/alarm_field_01.png" }, "style": { "left": "36px", "top": "40px", "width": "152px", "height": "142px", "z-index": "0" }, "widgetSet": "basic" }, "e00022": { "tpl": "tplHtml", "data": { "g_fixed": false, "g_visibility": false, "g_css_font_text": true, "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", "refreshInterval": "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, "html": "Licht: Hygge " }, "style": { "left": "43px", "top": "111px", "color": "#685f55", "text-align": "center", "width": "137px", "height": "24px", "z-index": 19, "font-family": "Product Sans", "font-weight": "normal", "font-size": "120%" }, "widgetSet": "basic" } }, "name": "main_li", "filterList": [] }

@dominik-braun82 Hab´s eben gefunden. War alles korrekt, musste nur den Steuerwert auf 1 setzen :-)

@oliverio sagte in Squeezerpc und Vis-Anzeigen: @andreas-5 ok, dann bitte die Browserkonsole öffenen (bei den meisten browsern mit f12) und im Reiter Konsole/Console/oder ähnlich nach Fehler schauen. Zur Sicherheit die komplette Seite nochmal neu laden, das auch die Anfangsfehler mit angezeigt werden. Welchen Browser/App nutzt du? [1643408448018] Request 5 states. vis.js:2879:21 Ein iframe, der sowohl "allow-scripts" als auch "allow-same-origin" für sein "sandbox"-Attribut gesetzt hat, kann seine Sandbox entfernen. index.html Uncaught TypeError: format is undefined format http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/date.format.js:90 setState http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1653 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1636 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1614 setTimeout handler*createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1613 fn tplSqueezeboxrpcDateTime.js:24 render http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:76 n http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:76 r http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 renderTo http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 renderAs http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 template http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 renderWidget http://192.168.177.43:8082/vis/js/vis.js:1664 renderView http://192.168.177.43:8082/vis/js/vis.js:936 subscribeStates http://192.168.177.43:8082/vis/js/vis.js:2885 getStates http://192.168.177.43:8082/vis/js/conn.js:801 onack http://192.168.177.43:8082/lib/js/socket.io.js:8 onpacket http://192.168.177.43:8082/lib/js/socket.io.js:8 exports http://192.168.177.43:8082/lib/js/socket.io.js:8 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 ondecoded http://192.168.177.43:8082/lib/js/socket.io.js:6 exports http://192.168.177.43:8082/lib/js/socket.io.js:8 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 add http://192.168.177.43:8082/lib/js/socket.io.js:6 ondata http://192.168.177.43:8082/lib/js/socket.io.js:6 exports http://192.168.177.43:8082/lib/js/socket.io.js:8 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:6 setTransport http://192.168.177.43:8082/lib/js/socket.io.js:6 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:7 onData http://192.168.177.43:8082/lib/js/socket.io.js:7 onmessage http://192.168.177.43:8082/lib/js/socket.io.js:8 addEventListeners http://192.168.177.43:8082/lib/js/socket.io.js:8 doOpen http://192.168.177.43:8082/lib/js/socket.io.js:8 open http://192.168.177.43:8082/lib/js/socket.io.js:7 probe http://192.168.177.43:8082/lib/js/socket.io.js:6 onOpen http://192.168.177.43:8082/lib/js/socket.io.js:6 onHandshake http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:6 setTransport http://192.168.177.43:8082/lib/js/socket.io.js:6 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:7 n http://192.168.177.43:8082/lib/js/socket.io.js:7 decodePayload http://192.168.177.43:8082/lib/js/socket.io.js:7 onData http://192.168.177.43:8082/lib/js/socket.io.js:7 doPoll http://192.168.177.43:8082/lib/js/socket.io.js:7 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onData http://192.168.177.43:8082/lib/js/socket.io.js:7 onLoad http://192.168.177.43:8082/lib/js/socket.io.js:7 onreadystatechange http://192.168.177.43:8082/lib/js/socket.io.js:7 create http://192.168.177.43:8082/lib/js/socket.io.js:7 i http://192.168.177.43:8082/lib/js/socket.io.js:7 request http://192.168.177.43:8082/lib/js/socket.io.js:7 doPoll http://192.168.177.43:8082/lib/js/socket.io.js:7 poll http://192.168.177.43:8082/lib/js/socket.io.js:7 doOpen http://192.168.177.43:8082/lib/js/socket.io.js:7 open http://192.168.177.43:8082/lib/js/socket.io.js:7 open http://192.168.177.43:8082/lib/js/socket.io.js:6 r http://192.168.177.43:8082/lib/js/socket.io.js:6 r http://192.168.177.43:8082/lib/js/socket.io.js:6 connect http://192.168.177.43:8082/lib/js/socket.io.js:6 r http://192.168.177.43:8082/lib/js/socket.io.js:6 r http://192.168.177.43:8082/lib/js/socket.io.js:6 r http://192.168.177.43:8082/lib/js/socket.io.js:6 init http://192.168.177.43:8082/vis/js/conn.js:266 main http://192.168.177.43:8082/vis/js/vis.js:3539 <anonymous> http://192.168.177.43:8082/vis/js/vis.js:3817 jQuery 11 date.format.js:90:5 Uncaught TypeError: format is undefined format http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/date.format.js:90 setState http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1653 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1636 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1614 setTimeout handler*createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1613 fn tplSqueezeboxrpcDateTime.js:24 render http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:76 n http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:76 r http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 renderTo http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 renderAs http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 template http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 renderWidget http://192.168.177.43:8082/vis/js/vis.js:1664 renderView http://192.168.177.43:8082/vis/js/vis.js:936 subscribeStates http://192.168.177.43:8082/vis/js/vis.js:2885 getStates http://192.168.177.43:8082/vis/js/conn.js:801 onack http://192.168.177.43:8082/lib/js/socket.io.js:8 onpacket http://192.168.177.43:8082/lib/js/socket.io.js:8 exports http://192.168.177.43:8082/lib/js/socket.io.js:8 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 ondecoded http://192.168.177.43:8082/lib/js/socket.io.js:6 exports http://192.168.177.43:8082/lib/js/socket.io.js:8 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 add http://192.168.177.43:8082/lib/js/socket.io.js:6 ondata http://192.168.177.43:8082/lib/js/socket.io.js:6 exports http://192.168.177.43:8082/lib/js/socket.io.js:8 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:6 setTransport http://192.168.177.43:8082/lib/js/socket.io.js:6 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:7 onData http://192.168.177.43:8082/lib/js/socket.io.js:7 onmessage http://192.168.177.43:8082/lib/js/socket.io.js:8 addEventListeners http://192.168.177.43:8082/lib/js/socket.io.js:8 doOpen http://192.168.177.43:8082/lib/js/socket.io.js:8 open http://192.168.177.43:8082/lib/js/socket.io.js:7 probe http://192.168.177.43:8082/lib/js/socket.io.js:6 onOpen http://192.168.177.43:8082/lib/js/socket.io.js:6 onHandshake http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:6 setTransport http://192.168.177.43:8082/lib/js/socket.io.js:6 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:7 n http://192.168.177.43:8082/lib/js/socket.io.js:7 decodePayload http://192.168.177.43:8082/lib/js/socket.io.js:7 onData http://192.168.177.43:8082/lib/js/socket.io.js:7 doPoll http://192.168.177.43:8082/lib/js/socket.io.js:7 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onData http://192.168.177.43:8082/lib/js/socket.io.js:7 onLoad http://192.168.177.43:8082/lib/js/socket.io.js:7 onreadystatechange http://192.168.177.43:8082/lib/js/socket.io.js:7 create http://192.168.177.43:8082/lib/js/socket.io.js:7 i http://192.168.177.43:8082/lib/js/socket.io.js:7 request http://192.168.177.43:8082/lib/js/socket.io.js:7 doPoll http://192.168.177.43:8082/lib/js/socket.io.js:7 poll http://192.168.177.43:8082/lib/js/socket.io.js:7 doOpen http://192.168.177.43:8082/lib/js/socket.io.js:7 open http://192.168.177.43:8082/lib/js/socket.io.js:7 open http://192.168.177.43:8082/lib/js/socket.io.js:6 r http://192.168.177.43:8082/lib/js/socket.io.js:6 r http://192.168.177.43:8082/lib/js/socket.io.js:6 connect http://192.168.177.43:8082/lib/js/socket.io.js:6 r http://192.168.177.43:8082/lib/js/socket.io.js:6 r http://192.168.177.43:8082/lib/js/socket.io.js:6 r http://192.168.177.43:8082/lib/js/socket.io.js:6 init http://192.168.177.43:8082/vis/js/conn.js:266 main http://192.168.177.43:8082/vis/js/vis.js:3539 <anonymous> http://192.168.177.43:8082/vis/js/vis.js:3817 jQuery 11 date.format.js:90:5 Uncaught TypeError: format is undefined format http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/date.format.js:90 setState http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1653 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1636 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1614 setTimeout handler*createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1613 fn tplSqueezeboxrpcDateTime.js:24 render http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:76 n http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:76 r http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 renderTo http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 renderAs http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 template http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 renderWidget http://192.168.177.43:8082/vis/js/vis.js:1664 renderView http://192.168.177.43:8082/vis/js/vis.js:936 subscribeStates http://192.168.177.43:8082/vis/js/vis.js:2885 getStates http://192.168.177.43:8082/vis/js/conn.js:801 onack http://192.168.177.43:8082/lib/js/socket.io.js:8 onpacket http://192.168.177.43:8082/lib/js/socket.io.js:8 exports http://192.168.177.43:8082/lib/js/socket.io.js:8 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 ondecoded http://192.168.177.43:8082/lib/js/socket.io.js:6 exports http://192.168.177.43:8082/lib/js/socket.io.js:8 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 add http://192.168.177.43:8082/lib/js/socket.io.js:6 ondata http://192.168.177.43:8082/lib/js/socket.io.js:6 exports http://192.168.177.43:8082/lib/js/socket.io.js:8 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:6 setTransport http://192.168.177.43:8082/lib/js/socket.io.js:6 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:7 onData http://192.168.177.43:8082/lib/js/socket.io.js:7 onmessage http://192.168.177.43:8082/lib/js/socket.io.js:8 addEventListeners http://192.168.177.43:8082/lib/js/socket.io.js:8 doOpen http://192.168.177.43:8082/lib/js/socket.io.js:8 open http://192.168.177.43:8082/lib/js/socket.io.js:7 probe http://192.168.177.43:8082/lib/js/socket.io.js:6 onOpen http://192.168.177.43:8082/lib/js/socket.io.js:6 onHandshake http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:6 setTransport http://192.168.177.43:8082/lib/js/socket.io.js:6 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:7 n http://192.168.177.43:8082/lib/js/socket.io.js:7 decodePayload http://192.168.177.43:8082/lib/js/socket.io.js:7 onData http://192.168.177.43:8082/lib/js/socket.io.js:7 doPoll http://192.168.177.43:8082/lib/js/socket.io.js:7 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onData http://192.168.177.43:8082/lib/js/socket.io.js:7 onLoad http://192.168.177.43:8082/lib/js/socket.io.js:7 onreadystatechange http://192.168.177.43:8082/lib/js/socket.io.js:7 create http://192.168.177.43:8082/lib/js/socket.io.js:7 i http://192.168.177.43:8082/lib/js/socket.io.js:7 request http://192.168.177.43:8082/lib/js/socket.io.js:7 doPoll http://192.168.177.43:8082/lib/js/socket.io.js:7 poll http://192.168.177.43:8082/lib/js/socket.io.js:7 doOpen http://192.168.177.43:8082/lib/js/socket.io.js:7 open http://192.168.177.43:8082/lib/js/socket.io.js:7 open http://192.168.177.43:8082/lib/js/socket.io.js:6 r http://192.168.177.43:8082/lib/js/socket.io.js:6 r http://192.168.177.43:8082/lib/js/socket.io.js:6 connect http://192.168.177.43:8082/lib/js/socket.io.js:6 r http://192.168.177.43:8082/lib/js/socket.io.js:6 r http://192.168.177.43:8082/lib/js/socket.io.js:6 r http://192.168.177.43:8082/lib/js/socket.io.js:6 init http://192.168.177.43:8082/vis/js/conn.js:266 main http://192.168.177.43:8082/vis/js/vis.js:3539 <anonymous> http://192.168.177.43:8082/vis/js/vis.js:3817 jQuery 11 date.format.js:90:5 Ein iframe, der sowohl "allow-scripts" als auch "allow-same-origin" für sein "sandbox"-Attribut gesetzt hat, kann seine Sandbox entfernen. index.html Source-Map-Fehler: Error: request failed with status 404 Ressourcen-Adresse: http://192.168.177.43:8082/lib/js/socket.io.js Source-Map-Adresse: socket.io.js.map Uncaught TypeError: elems[0] is undefined createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1306 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1298 setTimeout handler*createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1297 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1209 setTimeout handler*createWidget/< http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1208 setPlayersChanged http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1794 jQuery 7 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:455 onack http://192.168.177.43:8082/lib/js/socket.io.js:8 onpacket http://192.168.177.43:8082/lib/js/socket.io.js:8 exports http://192.168.177.43:8082/lib/js/socket.io.js:8 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 ondecoded http://192.168.177.43:8082/lib/js/socket.io.js:6 exports http://192.168.177.43:8082/lib/js/socket.io.js:8 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 add http://192.168.177.43:8082/lib/js/socket.io.js:6 ondata http://192.168.177.43:8082/lib/js/socket.io.js:6 exports http://192.168.177.43:8082/lib/js/socket.io.js:8 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:6 setTransport http://192.168.177.43:8082/lib/js/socket.io.js:6 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:7 onData http://192.168.177.43:8082/lib/js/socket.io.js:7 onmessage http://192.168.177.43:8082/lib/js/socket.io.js:8 addEventListeners http://192.168.177.43:8082/lib/js/socket.io.js:8 squeezeboxrpc.js:1306:39 Uncaught TypeError: elems[0] is undefined createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1306 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1298 setTimeout handler*createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1297 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1298 setTimeout handler*createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1297 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1298 setTimeout handler*createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1297 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1298 setTimeout handler*createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1297 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1298 setTimeout handler*createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1297 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1298 setTimeout handler*createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1297 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1298 setTimeout handler*createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1297 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1298 setTimeout handler*createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1297 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1298 setTimeout handler*createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1297 createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1184 setTimeout handler*createWidget http://192.168.177.43:8082/vis/widgets/squeezeboxrpc/js/squeezeboxrpc.js:1183 fn tplSqueezeboxrpcSyncgroup.js:24 render http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:76 n http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:76 r http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 renderTo http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 renderAs http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 template http://192.168.177.43:8082/vis/lib/js/can.custom.min.js:58 renderWidget http://192.168.177.43:8082/vis/js/vis.js:1664 renderView http://192.168.177.43:8082/vis/js/vis.js:936 subscribeStates http://192.168.177.43:8082/vis/js/vis.js:2885 getStates http://192.168.177.43:8082/vis/js/conn.js:801 onack http://192.168.177.43:8082/lib/js/socket.io.js:8 onpacket http://192.168.177.43:8082/lib/js/socket.io.js:8 exports http://192.168.177.43:8082/lib/js/socket.io.js:8 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 ondecoded http://192.168.177.43:8082/lib/js/socket.io.js:6 exports http://192.168.177.43:8082/lib/js/socket.io.js:8 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 add http://192.168.177.43:8082/lib/js/socket.io.js:6 ondata http://192.168.177.43:8082/lib/js/socket.io.js:6 exports http://192.168.177.43:8082/lib/js/socket.io.js:8 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:6 setTransport http://192.168.177.43:8082/lib/js/socket.io.js:6 emit http://192.168.177.43:8082/lib/js/socket.io.js:6 onPacket http://192.168.177.43:8082/lib/js/socket.io.js:7 onData http://192.168.177.43:8082/lib/js/socket.io.js:7 onmessage http://192.168.177.43:8082/lib/js/socket.io.js:8 addEventListeners http://192.168.177.43:8082/lib/js/socket.io.js:8 squeezeboxrpc.js:1306:39

@glasfaser Perfekt, genau das hab ich gesucht. Vielen Dank!

@thebam Im Grunde ja, ist aber auch von der View bzw. dem Aufbau der VIS abhängig. Wenn es auf der Startseite angezeigt werden soll und diese immer sichtbar ist, würden die 86.4 Mio genügen. Ist es auf einer Unterseite, kann man den Refresh auch mit "0" disablen, da der iFrame sowieso mit jedem (neu-)laden der View aktuell gehalten wird.

@homoran Gelöst habe ich das durch das Erstellen eines Widgets (Template) und der Anlage/Vergabe von IDs für alle gewünschten Items in dessen Konfiguration (Settings). Beim Einfügen des Widgets kann man dann die Datenpunkte selbst den IDs zuordnen und auf diese mittels AngularJS schreibend/lesend zugreifen. Template: [image: 1643363724404-6ae1d07c-87dd-4716-9ba9-36e8942fbd08-image.png] [image: 1643364019646-9e476301-9591-4c60-89b4-65138a278fb1-image.png] [image: 1643364045141-3ace5068-8c89-45cf-aafe-56c32ac75825-image.png] Namen für das Widget vergeben: [image: 1643364107037-3bc11b3b-4aad-4057-9a72-5985080b1a96-image.png] Anklicken: [image: 1643364285490-b5282e9f-56d5-43f9-9ba0-97fa975b41b7-image.png] Und die Items anlegen: [image: 1643364253777-8a5d1bb0-f2ff-4a47-975f-fc06c6f05e2c-image.png] Dann das neue Widget/Template auf einem Dashboard einfügen: [image: 1643365931685-dd6465f6-d8f1-4052-86f3-a10ff0a16a69-image.png] Und die Einstellungen des Widgets anpassen (Zuordnen der Datenpunkte zu den IDs): [image: 1643366019610-fc94e661-5ae8-4898-833e-4522f55674fd-image.png] [image: 1643366038884-c0d16bbd-ef16-4a1b-bba6-bc47a9ebedf3-image.png] [image: 1643363872548-dd7e7fc8-7fb0-42ea-94d0-4820faf06380-image.png] AngularJS OHService.sendCmd($scope.config.an_mf, data); //schreibe Daten in den Datenpunkt var item = OHService.getItem($scope.config.an_mf); //lese Daten aus Datenpunkt Hoffe, das hilft als Einstieg.

Ich habe das Problem in Material UI, dass ich kein Echart mit einer ID versehen kann. In dem Auswahlmenü wird mir keine ID Auswahl, sondern nur "none" angeboten. Ich habe den Echart Adapter installiert. [image: 1643295654323-echart.png] Ich erhalte im Log auch eine Warnung: web.0 2022-01-27 16:35:45.348 warn State "material.0.control.page" has no existing object, this might lead to an error in future versions Ich bin nicht sicher, ob es hierfür nicht besser einen eigenen Topic geben sollte. Kann man das hier verschieben?

dies ist ein eigenes script - für jedes widget, braucht man ein eigenes script - damit kann man andere datenpunkte schalten (bidirektional) und anzeigen lassen. es können dp vom typ number - ganzzahlig - sein z. b uhrzeit minuten themostate-soll werte thermometer - gerundete gradzahlen) usw ... einstellungen vor script start: rot: kannst du so belassen - wenn du ein zweites script davon installierst, muss hier wieder etwas einzigartiges stehen grün: anfang der zahlen schwarz: die id eines datenpunktes deiner wahl - typ number, ganze zahlen, keine komma-zahlen blau: farbe der zahlen [image: 1643227686762-image-4.png] einstellungen nach script start: rot: anzahl der zu zeigenden "bubbles" blau: hintergrund nicht selktierter "bubbles" schwarz: ist für das widget - binding zu diesem dp gelb: bei 1 im kreis - bei 2 im block (werden angezeigt in abhängigkeit von widget größe) grün: rundung der bubbles - 50 ist rund, 0 ist eckig lila: hintergrund selktierter "bubble" grau: größe der "bubbles" orange: interne größe des widgets - muss abgeglichen sein mit der größe des widgets [image: 1643273218391-image-3.png] script import: Spoiler //@liv-in-sky 27.01.2022-16:19 let dpVISnew="LED1RingNumbers1"; // Datenpunkte unter javascript.x.Tabellen@Liv.LED1RingVIS let ansichtFormat=2; //Datenpunkt einstellung hat höhere priorität - bitte dort bestimmen und script neustarten //- 1 ist rund, 2 ist quer, 3 ist hoch form let styleLEDsVER; let styleLEDsnew; let scriptLEDnew; let scriptLEDnew2; let styleLEDSpan; let namerStart=6; //start der zählung let colorSchrift="white" // schriftfarbe let colorSchriftSelected="white" let dpToConnect="javascript." + instance + ".Tabellen@Liv."+dpVISnew+".ValueSelected"; let DatapointArr=["javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeFormat","javascript." + instance + ".Tabellen@Liv."+dpVISnew+".StandardLedFarbeAus", "javascript." + instance + ".Tabellen@Liv."+dpVISnew+".DurchmesserGesamt","javascript." + instance + ".Tabellen@Liv."+dpVISnew+".DurchmesserPunkte", "javascript." + instance + ".Tabellen@Liv."+dpVISnew+".Anzahl","javascript." + instance + ".Tabellen@Liv."+dpVISnew+".EckenRundung"]; let namer=namerStart; async function mainLED(){ await needDP().then( function () { //ALLE EINSTELLUNGEN IN DEN DATENPUNKTEN let grundfarbe="transparent"; //Datenpunkt einstellung hat höhere priorität - bitte dort bestimmen let groessePunkteHoehe=15; //Datenpunkt einstellung hat höhere priorität - bitte dort bestimmen und script neustarten let groessePunkteWeite=15; //Datenpunkt einstellung hat höhere priorität - bitte dort bestimmen und script neustarten let groesseGesamtHoehe=170; //Datenpunkt einstellung hat höhere priorität - bitte dort bestimmen und script neustarten let groesseGesamtWeite=170; //Datenpunkt einstellung hat höhere priorität - bitte dort bestimmen und script neustarten let borderRadius=25 if (existsState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".DurchmesserPunkte")) { let PunkteArr=getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".DurchmesserPunkte").val.split(',') groessePunkteHoehe=Number(PunkteArr[0]) groessePunkteWeite=Number(PunkteArr[1]) } if (existsState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".DurchmesserGesamt")) { let GeamtArr=getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".DurchmesserGesamt").val.split(',') groesseGesamtHoehe=Number(GeamtArr[0]) groesseGesamtWeite=Number(GeamtArr[1]) } if (existsState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".StandardLedFarbeAus")) { let ledAusFarbe=getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".StandardLedFarbeAus").val; grundfarbe=ledAusFarbe; } if (existsState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeFormat")) { let ledAusFarbe=getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeFormat").val; ansichtFormat=ledAusFarbe; } if (existsState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".EckenRundung")) { borderRadius=getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".EckenRundung").val; } let ansichtFormatVERHOR="inline-block"; let rotation=""; // log(ansichtFormat) //ansichtFormat==2 ? ansichtFormatVERHOR="flex" : ansichtFormatVERHOR="inline-block" //inline-block //ansichtFormat==2 ? rotation="" : rotation=`transform: rotate(180deg); ` // ansichtFormat==3 ? rotation="" : rotation=`transform: rotate(180deg); ` //log(rotation) styleLEDsVER=`#outer${dpVISnew}{ display: ${ansichtFormatVERHOR} ; ${rotation} } .inner${dpVISnew}{ height: ${groessePunkteHoehe}px; width: ${groessePunkteWeite}px; background: ${grundfarbe}; border-radius: ${borderRadius}%; align-items: center; margin-right: 5px; margin-top: 4px; margin-bottom: 4px; margin-left: 5px; color: ${colorSchrift}; display: inline-block; top: 50%; vertical-align: middle; text-align: center; }` //justify-content: center; // vertical-align: middle; styleLEDSpan=`.span${dpVISnew} { height: ${groessePunkteHoehe}px; width: ${groessePunkteWeite}px; display: block; text-align:center; margin-top: ${Math.round(groessePunkteHoehe)/5}px; }`; /* display: inline-block; vertical-align: middle; line-height: normal; text-align: center; justify-content: center;*/ styleLEDsnew=`#outer${dpVISnew} { position: absolute; height: ${groesseGesamtHoehe}px; width: ${groesseGesamtWeite}px; transform: rotate(-90deg); } .inner${dpVISnew}{ z-index:4; position: absolute; height: ${groessePunkteHoehe}px; width: ${groessePunkteWeite}px; background: ${grundfarbe}; color: ${colorSchrift}; border-radius: ${borderRadius}%; display: flex; align-items: center; justify-content: center; transform: rotate(90deg) }` // in outer: transform: rotate(-90deg); scriptLEDnew=`function myKreis${dpVISnew}() {var outer = document.getElementById('outer${dpVISnew}'); var outerWidth = document.getElementById('outer${dpVISnew}').offsetWidth; var outerHeight = document.getElementById('outer${dpVISnew}').offsetHeight; for(var i = 0; i < outer.children.length; i++){ var r = outerWidth / 2 - outer${dpVISnew}.children[i].offsetWidth / 2; var phi = i / outer${dpVISnew}.children.length; var x = r * Math.cos(phi * 2 * Math.PI) + r; var y = r * Math.sin(phi * 2 * Math.PI) + r; outer${dpVISnew}.children[i].style.left = x+'px'; outer${dpVISnew}.children[i].style.top = y+'px'; /*console.log(outer${dpVISnew}.children[i].style.left);*/ } } myKreis${dpVISnew}(); $(".inner${dpVISnew}").click(function() { var matches2 = $(this).text(); console.log(matches2); matches2=matches2-${namer}; vis.setValue('${dpToConnect}',matches2+${namer}); vis.setValue('javascript.${instance}.Tabellen@Liv.${dpVISnew}.Refresh',true); }); console.log("refresh ${dpVISnew}"); $( document ).ready(function() { console.log( "dokument ready! von: ${dpVISnew}" );setTimeout( () => { myKreis${dpVISnew}(); }, 2000); }); ` scriptLEDnew2=` $(".inner${dpVISnew}").click(function() { var matches2 = $(this).text(); console.log(matches2-20); matches2=matches2-${namer}; vis.setValue('${dpToConnect}',matches2+${namer}); vis.setValue('javascript.${instance}.Tabellen@Liv.${dpVISnew}.Refresh',true); }); console.log("refresh ${dpVISnew}"); ` // alleLedsAus(ansichtFormat); einzelneLedsSteuern(ansichtFormat); }) } async function needDP(){ if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".Anzahl"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".Anzahl", 15,{type: "number", name: "Anzahl LEDs", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".DurchmesserPunkte"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".DurchmesserPunkte", "35,35",{type: "string", name: "Durchmesser Punkte", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".DurchmesserGesamt"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".DurchmesserGesamt", "200,200",{type: "string", name: "Durchmesser Gesamt", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AlleLEDs"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".AlleLEDs", "#14f54b",{type: "string", name: "Alle LEDs", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".StandardLedFarbeAus"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".StandardLedFarbeAus", "linear-gradient(90deg, rgba(127,210,79,1) 0%, rgba(119,237,42,1) 35%, rgba(99,177,63,1) 100%)",{type: "string", name: "Standard Led Farbe Aus", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".alleLEDsAUS"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".alleLEDsAUS", false,{type: "boolean", name: "Alle LEDs AUS", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzahlLEDsEIN"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".AnzahlLEDsEIN", "4,red",{type: "string", name: "Anzahl LEDs EIN", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".EinzelneLEDsSteuern"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".EinzelneLEDsSteuern", '[{"number":3,"color":"red"}]',{type: "string", name: "Einzelne LEDs Steuern", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AlleLEDsBunt"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".AlleLEDsBunt", "bunt",{type: "string", name: "Alle LEDs Bunt", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AlleLEDsRegenbogen"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".AlleLEDsRegenbogen", "regenbogen",{type: "string", name: "Alle LEDs Regenbogen", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".WidgetAusgabe"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".WidgetAusgabe", "",{type: "string", name: "Widget VIS Datenpunkt", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeFormat"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".AnzeigeFormat", 2,{type: "number", name: "Anzeige Format - rund-quer-hoch", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.Regler"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".AnzeigeRegler.Regler", 3,{type: "number", name: "Anzeige Regler", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.WidgetReglerAusgabe"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".AnzeigeRegler.WidgetReglerAusgabe", "",{type: "string", name: "Widget VIS Datenpunkt Regler", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.ReglerPunkteFormat"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".AnzeigeRegler.ReglerPunkteFormat", "rund",{type: "string", name: "Regler Punkte Format -rund -eckig", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.PunkteGroesse"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".AnzeigeRegler.PunkteGroesse", "19,6",{type: "string", name: "AnzeigeRegler Punkte Groesse", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.UsageFormat"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".AnzeigeRegler.UsageFormat", "zweispaltig",{type: "string", name: "AnzeigeRegler Usage Format ", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.PunkteAbstand"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".AnzeigeRegler.PunkteAbstand", "15,15",{type: "string", name: "AnzeigeRegler Punkte Abstand", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".ValueSelected"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".ValueSelected", 0,{type: "number", name: "ValueSelected", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".Refresh"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".Refresh", false,{type: "boolean", name: "Refresh", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".ValueSelectedColor"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".ValueSelectedColor", "linear-gradient(90deg, rgba(96,86,227,1) 0%, rgba(47,128,212,1) 35%, rgba(0,212,255,1) 100%)",{type: "string", name: "ValueSelectedColor", role: "value", read: true, write: true, } ); } if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".EckenRundung"))) { await createStateAsync("Tabellen@Liv."+dpVISnew+".EckenRundung", 40,{type: "number", name: "EckenRundung (%)", role: "value", read: true, write: true, } ); allSubs() } else {allSubs()} } function alleLedsAus(ansichtFormat) { let menge= getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".Anzahl").val; let augabeHilfe=`<div id="outer${dpVISnew}">`; for (let i=0;i<menge;i++){ augabeHilfe=augabeHilfe+`<div class="inner${dpVISnew}"></div>` } augabeHilfe=augabeHilfe+`</div>`; let ausgabe; switch (ansichtFormat) { case 1: ausgabe="<style>"+styleLEDsnew+styleLEDSpan+`</style>`+augabeHilfe+"<script>"+scriptLEDnew+`</script>`; break; case 2: ausgabe="<style>"+styleLEDsVER+styleLEDSpan+`</style>`+augabeHilfe; break; case 3: ausgabe="<style>"+styleLEDsVER+styleLEDSpan+`</style>`+augabeHilfe; break; } setState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".WidgetAusgabe",ausgabe); } function alleLedsEIN(ansichtFormat) { let menge= getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".Anzahl").val; let colorAll= getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AlleLEDs").val; let newColorStyle=`.inner1${dpVISnew}{ background: ${colorAll};}`; let augabeHilfe=`<div id="outer${dpVISnew}">`; for (let i=0;i<menge;i++){ augabeHilfe=augabeHilfe+`<div class="inner${dpVISnew} inner1${dpVISnew} "></div>` } augabeHilfe=augabeHilfe+`</div>`; let ausgabe; switch (ansichtFormat) { case 1: ausgabe="<style>"+styleLEDsnew+newColorStyle+`</style>`+augabeHilfe+"<script>"+scriptLEDnew+`</script>`; break; case 2: ausgabe="<style>"+styleLEDsVER+newColorStyle+`</style>`+augabeHilfe; break; case 3: ausgabe="<style>"+styleLEDsVER+newColorStyle+`</style>`+augabeHilfe; break; } setState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".WidgetAusgabe",ausgabe); } function anzahlLEDsEIN(ansichtFormat) { let menge= getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".Anzahl").val; let mengeArr= getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzahlLEDsEIN").val.split(','); let newColorStyle=`.inner1${dpVISnew}{ background: ${mengeArr[1]};}`; let augabeHilfe=`<div id="outer${dpVISnew}">`; for (let i=0;i<menge;i++){ if(i<Number(mengeArr[0])) {augabeHilfe=augabeHilfe+`<div class="inner${dpVISnew} inner1${dpVISnew} "></div>`} else { augabeHilfe=augabeHilfe+`<div class="inner${dpVISnew}"></div>`} } augabeHilfe=augabeHilfe+`</div>`; let ausgabe; switch (ansichtFormat) { case 1: ausgabe="<style>"+styleLEDsnew+newColorStyle+`</style>`+augabeHilfe+"<script>"+scriptLEDnew+`</script>`; break; case 2: ausgabe="<style>"+styleLEDsVER+newColorStyle+`</style>`+augabeHilfe; break; case 3: ausgabe="<style>"+styleLEDsVER+newColorStyle+`</style>`+augabeHilfe; break; } setState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".WidgetAusgabe",ausgabe); } function alleLedsRegenbogen(ansichtFormat) { let menge= getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".Anzahl").val; let colorAll= `linear-gradient(red 20%, yellow 40%, orange 60%, cyan 80%)`; let newColorStyle=`.inner1${dpVISnew}{ background-image: ${colorAll};}`; let augabeHilfe=`<div id="outer${dpVISnew}">`; for (let i=0;i<menge;i++){ augabeHilfe=augabeHilfe+`<div class="inner${dpVISnew} inner1${dpVISnew} "></div>`; } augabeHilfe=augabeHilfe+`</div>`; let ausgabe; switch (ansichtFormat) { case 1: ausgabe="<style>"+styleLEDsnew+newColorStyle+`</style>`+augabeHilfe+"<script>"+scriptLEDnew+`</script>`; break; case 2: ausgabe="<style>"+styleLEDsVER+newColorStyle+`</style>`+augabeHilfe; break; case 3: ausgabe="<style>"+styleLEDsVER+newColorStyle+`</style>`+augabeHilfe; break; } setState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".WidgetAusgabe",ausgabe); } function alleLedsBunt(ansichtFormat) { let menge= getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".Anzahl").val; let newColorStyle=`.inner1${dpVISnew}{ background: #0AD0E6;} .inner2${dpVISnew}{ background: #F2DD23;} .inner3${dpVISnew}{ background: #63F285;} .inner4${dpVISnew}{ background: #E60A62;}`; let augabeHilfe=`<div id="outer${dpVISnew}">`; for (let i=0;i<menge;i++){ if(i%4==0) { augabeHilfe=augabeHilfe+`<div class="inner${dpVISnew} inner4${dpVISnew} "></div>`} else if (i%3==0) { augabeHilfe=augabeHilfe+`<div class="inner${dpVISnew} inner3${dpVISnew} "></div>` } else if (i%2==0) { augabeHilfe=augabeHilfe+`<div class="inner${dpVISnew} inner2${dpVISnew} "></div>` } else if (i%1==0) { augabeHilfe=augabeHilfe+`<div class="inner${dpVISnew} inner1${dpVISnew} "></div>` } } augabeHilfe=augabeHilfe+`</div>`; let ausgabe; switch (ansichtFormat) { case 1: ausgabe="<style>"+styleLEDsnew+newColorStyle+`</style>`+augabeHilfe+"<script>"+scriptLEDnew+`</script>`; break; case 2: ausgabe="<style>"+styleLEDsVER+newColorStyle+`</style>`+augabeHilfe; break; case 3: ausgabe="<style>"+styleLEDsVER+newColorStyle+`</style>`+augabeHilfe; break; } setState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".WidgetAusgabe",ausgabe); } function einzelneLedsSteuern(ansichtFormat) { let menge; if (existsState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".Anzahl")) { menge=getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".Anzahl").val} else {menge=5} // let mengeArr= JSON.parse(getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".EinzelneLEDsSteuern").val); let theNumberSelected=8; if (existsState(dpToConnect)) { theNumberSelected=getState(dpToConnect).val} let newColorStyle=""; let newSelected=Number(theNumberSelected)-Number(namer)+1; //log(theNumberSelected+' '+namer+' ' + newSelected) namer=namerStart; namer--; // if(theNumberSelected> && theNumberSelected< ) {} /* for (let i=0;i<mengeArr.length;i++){ newColorStyle=newColorStyle+`.inner${(i+1)}${dpVISnew}{ background: ${mengeArr[i].color};}` }*/ let backigroundi; if (existsState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".ValueSelectedColor")) { backigroundi=getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".ValueSelectedColor").val;} else {backigroundi="red"} newColorStyle=newColorStyle+`.inner${(newSelected)}${dpVISnew}{ color:${colorSchriftSelected}; background: ${backigroundi}}` let augabeHilfe=`<div id="outer${dpVISnew}">`; let arrHelper=[]; // namer=20; let namer2=namer; for (let i=0;i<menge;i++){ namer++ arrHelper.push(`<div class="helpingClass${dpVISnew}${namer} inner${dpVISnew}"><span class="span${dpVISnew}">${namer}</span></div>`)} //for (let i=0;i<mengeArr.length;i++){ // namer++ // arrHelper[(mengeArr[i].number)-1]= `<div class="helpingClass${dpVISnew}${namer} inner${dpVISnew} inner${i+1}${dpVISnew}">${namer2+(mengeArr[i].number)}</div>`} // arrHelper[(theNumberSelected)-namer2-1]= `<div class="helpingClass${dpVISnew}${namer} inner${dpVISnew} inner${i+1}${dpVISnew}">${theNumberSelected}</div>` } arrHelper[(theNumberSelected)-namer2-1]= `<div class="helpingClass${dpVISnew}${namer} inner${dpVISnew} inner${newSelected}${dpVISnew}"><span class="span${dpVISnew}">${theNumberSelected}</span></div>` for (let i=0;i<menge;i++){ augabeHilfe=augabeHilfe+arrHelper[i] } // log(styleLEDSpan) augabeHilfe=augabeHilfe+`</div>`; let ausgabe; switch (ansichtFormat) { case 1: ausgabe="<style>"+styleLEDsnew+newColorStyle+`</style>`+augabeHilfe+"<script>"+scriptLEDnew+`</script>`; break; case 2: ausgabe="<style>"+styleLEDsVER+newColorStyle+styleLEDSpan+`</style>`+augabeHilfe+"<script>"+scriptLEDnew2+`</script>`; break; case 3: ausgabe="<style>"+styleLEDsVER+newColorStyle+styleLEDSpan+`</style>`+augabeHilfe+"<script>"+scriptLEDnew2+`</script>`; break; } setState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".WidgetAusgabe",ausgabe); } mainLED(); //regler(12) //einzelneLedsSteuern(ansichtFormat); function allSubs() { /* on({id: "javascript." + instance + ".Tabellen@Liv."+dpVISnew+".alleLEDsAUS", val: true}, function (obj) { alleLedsAus(ansichtFormat); setState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".alleLEDsAUS",false) }); on({id: "javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzahlLEDsEIN", change: "any"}, function (obj) { anzahlLEDsEIN(ansichtFormat); }); on({id: "javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AlleLEDs", change: "any"}, function (obj) { alleLedsEIN(ansichtFormat); }); on({id: "javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AlleLEDsBunt", change: "any"}, function (obj) { alleLedsBunt(ansichtFormat); }); on({id: "javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AlleLEDsRegenbogen", change: "any"}, function (obj) { alleLedsRegenbogen(ansichtFormat); });*/ on({id: "javascript." + instance + ".Tabellen@Liv."+dpVISnew+".EinzelneLEDsSteuern", change: "any"}, function (obj) { einzelneLedsSteuern(ansichtFormat); }); on({id: DatapointArr, change: "any"}, function (obj) { mainLED(); }); /* on({id: "javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.Regler", change: "any"}, function (obj) { var value = obj.state.val; regler(value); }); */ on({id: "javascript." + instance + ".Tabellen@Liv."+dpVISnew+".Refresh", val: true}, function (obj) { var value = obj.state.val; einzelneLedsSteuern(ansichtFormat); }); on({id: "javascript." + instance + ".Tabellen@Liv."+dpVISnew+".EckenRundung", change:"ne"}, function (obj) { var value = obj.state.val; einzelneLedsSteuern(ansichtFormat); }); on({id: dpToConnect, change:"ne"}, function (obj) { var value = obj.state.val; einzelneLedsSteuern(ansichtFormat); }); /* on({id: "javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.ReglerPunkteFormat", change: "any"}, function (obj) { var value = obj.state.val; // if(value=="rund" || value=="eckig") { regler(getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.Regler").val); }); on({id: "javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.PunkteGroesse", change: "any"}, function (obj) { var value = obj.state.val; // if(value=="rund" || value=="eckig") { regler(getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.Regler").val); }); on({id: "javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.PunkteAbstand", change: "any"}, function (obj) { var value = obj.state.val; // if(value=="rund" || value=="eckig") { regler(getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.Regler").val); }); on({id: "javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.UsageFormat", change: "any"}, function (obj) { var value = obj.state.val; // if(value=="rund" || value=="eckig") { regler(getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.Regler").val); }); */ } function regler(myStufe){ let punkteGroesseBreite=(getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.PunkteGroesse").val.split(','))[0]; let punkteGroesseHoehe=(getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.PunkteGroesse").val.split(','))[1]; let punkteAbstandHorizontal=(getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.PunkteAbstand").val.split(','))[0]; let punkteAbstandVertikal=(getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.PunkteAbstand").val.split(','))[1]; let reglerPunkteFormat=getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.ReglerPunkteFormat").val; let borderRadiosPunkte ; if (reglerPunkteFormat=="eckig") {borderRadiosPunkte = ""} else {borderRadiosPunkte = `border-radius: 50%; `;} if (reglerPunkteFormat=="rund") borderRadiosPunkte = `border-radius: 50%; `; let usage=getState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.UsageFormat").val; let arrMitColor=[ `<li class="flex-item${dpVISnew} more-color-red${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-red${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-red${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-red${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-yellow${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-yellow${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-yellow${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-yellow${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-yellow${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-yellow${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-green${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-green${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-green${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-green${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-green${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-green${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-green${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-green${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-green${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew} more-color-green${dpVISnew}"></li>`] let arrOhneColor=[`<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`, `<li class="flex-item${dpVISnew}"></li>`] let styleRegler=`<style> .flex-container${dpVISnew} { display: flex; flex-flow: row wrap; justify-content: space-around; padding: 2px; margin: 2px; list-style: none; } .flex-item${dpVISnew} { ${borderRadiosPunkte} background: #9B9794; /* padding: 15px; */ width: ${punkteGroesseBreite}px; height: ${punkteGroesseHoehe}px; margin-top: ${punkteAbstandVertikal}px; /*5*/ margin-left: ${punkteAbstandHorizontal}px; /*15*/ margin-right: ${punkteAbstandHorizontal}px; /*15*/ margin-bottom: ${punkteAbstandVertikal}px; /*8*/ line-height: 15px; color: white; font-weight: bold; font-size: 3em; text-align: center; } .more-color-red${dpVISnew}{ background: linear-gradient(11deg, rgba(179,75,62,1) 0%, rgba(157,66,50,1) 26%, rgba(239,215,218,1) 75%, rgba(228,21,89,1) 100%); ${borderRadiosPunkte} box-shadow: 1px 1px 2px 2px red; } .more-color-yellow${dpVISnew}{ background: linear-gradient(11deg, rgba(249,249,152,0.947835799358806) 0%, rgba(249,243,84,1) 26%, rgba(238,239,215,1) 75%, rgba(238,242,53,1) 100%); ${borderRadiosPunkte} box-shadow: 1px 1px 2px 2px #b8ba48; } .more-color-green${dpVISnew}{ background: linear-gradient(11deg, rgba(117,190,147,1) 0%, rgba(108,198,121,1) 26%, rgba(215,239,215,1) 75%, rgba(59,183,44,1) 100%); ${borderRadiosPunkte} box-shadow: 1px 1px 3px 3px green; } </style><ul class="flex-container${dpVISnew}">`; //myStufe=myStufe/2; let myHTMLText=""; if(usage=="zweispaltig") { let arrMitColorReverse=arrMitColor.reverse(); for(let i=arrOhneColor.length-1;i>=0;i-=2){ // log(i.toString()) if(i-(myStufe*2) >= 0 ) { myHTMLText=myHTMLText+arrOhneColor[i]+arrOhneColor[i-1];} else { myHTMLText=myHTMLText+arrMitColorReverse[i]+arrMitColorReverse[i-1];} } } else if(usage=="einspaltig"){ let arrMitColorReverse=arrMitColor.reverse(); myHTMLText=""; for(let i=arrOhneColor.length-1;i>=0;i-=2){ //log(i.toString() + " "+ arrMitColorReverse[i]) if(i-(myStufe*2) >= 0 ) { myHTMLText=myHTMLText+arrOhneColor[i];} else { myHTMLText=myHTMLText+arrMitColorReverse[i];} } } else if (usage=="akku"){ myHTMLText=""; //log("akku") for(let i=arrOhneColor.length-1;i>=0;i-=2){ // log(i.toString() + " "+ arrMitColor[i] ) if(i-(myStufe*2) >= 0 ) { myHTMLText=myHTMLText+arrOhneColor[i];} else { myHTMLText=myHTMLText+arrMitColor[i];} } } let ausgabe=styleRegler+myHTMLText+`</ul>`; // log(ausgabe) setState("javascript." + instance + ".Tabellen@Liv."+dpVISnew+".AnzeigeRegler.WidgetReglerAusgabe",ausgabe); } widget import: Spoiler [{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"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","refreshInterval":"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,"html":"{javascript.0.Tabellen@Liv.LED1RingNumbers1.WidgetAusgabe}"},"style":{"left":"358px","top":"276px","width":"288px","height":"419px","font-size":"16px"},"widgetSet":"basic"}] [image: 1643272254317-aapossis-180.gif]

@sigi234 weiß ich aber kann Sie nicht einfügen oder per Fernzugriff?

@frosch-23 mit dem Multi-Widget können unabhängig vom Datenpunkt zum Schalten noch Zustände definiert werden

@wszene schau mal hier : https://www.youtube.com/watch?v=SJ3-2LamXkM&t=42s hab da vor ein paar Jahren auch mal ein video zu gemacht