VIS von Sigi234

Palm_Maniac

Ich hab mal die Debuging Konsole des Browsers gestartet und ein MaterialDesign Widget hinzugefügt. Da werden viele Fehler geloggt:

conn.js:1261 Error: can't render tplVis-materialdesign-Progress-Circular w00241 on "Heizung_OG": 
conn.js:1261 Error: 0 - TypeError: Cannot read properties of undefined (reading 'progress')TypeError: Cannot read properties of undefined (reading 'progress')
conn.js:1261 Error: 1 -     at Object.eval (tplVis-materialdesign-Progress-Circular.js:29:86)
conn.js:1261 Error: 2 -     at Function.<anonymous> (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:64:6166)
conn.js:1261 Error: 3 -     at a.each (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:24:294)
conn.js:1261 Error: 4 -     at http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:64:6147
conn.js:1261 Error: 5 -     at HTMLDivElement.<anonymous> (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:58:1841)
conn.js:1261 Error: 6 -     at a.each (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:24:294)
conn.js:1261 Error: 7 -     at Function.hookup (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:58:1751)
conn.js:1261 Error: 8 -     at Function.frag (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:58:1344)
conn.js:1261 Error: 9 -     at r (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:58:131)
conn.js:1261 Error: 10 -     at Function.renderTo (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:58:2982)
visEdit.js:4409 Cannot find in DOM w00241
visEditInspect.js:719 No function: vis.binds.materialdesign.viseditor.manualLink
visEditInspect.js:719 No function: vis.binds.materialdesign.viseditor.questionsAndAnswers
visEditInspect.js:719 No function: vis.binds.materialdesign.viseditor.bmc
visEditInspect.js:719 No function: vis.binds.materialdesign.viseditor.onlineExample
visEditInspect.js:719 No function: vis.binds.materialdesign.viseditor.useTheme
visEditInspect.js:719 No function: vis.binds.materialdesign.viseditor.generateHtmlControl
translate.js:20 "progressPercent": {"en": "progressPercent", "de": "progressPercent", "ru": "progressPercent"},
translate.js:20 "progressValue": {"en": "progressValue", "de": "progressValue", "ru": "progressValue"},
translate.js:20 "progressCustom": {"en": "progressCustom", "de": "progressCustom", "ru": "progressCustom"},
conn.js:1261 Error: can't render tplVis-materialdesign-Progress-Circular w00241 on "Heizung_OG": 
conn.js:1261 Error: 0 - TypeError: Cannot read properties of undefined (reading 'progress')TypeError: Cannot read properties of undefined (reading 'progress')
conn.js:1261 Error: 1 -     at Object.eval (tplVis-materialdesign-Progress-Circular.js:29:86)
conn.js:1261 Error: 2 -     at Function.<anonymous> (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:64:6166)
conn.js:1261 Error: 3 -     at a.each (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:24:294)
conn.js:1261 Error: 4 -     at http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:64:6147
conn.js:1261 Error: 5 -     at HTMLDivElement.<anonymous> (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:58:1841)
conn.js:1261 Error: 6 -     at a.each (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:24:294)
conn.js:1261 Error: 7 -     at Function.hookup (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:58:1751)
conn.js:1261 Error: 8 -     at Function.frag (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:58:1344)
conn.js:1261 Error: 9 -     at r (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:58:131)
conn.js:1261 Error: 10 -     at Function.renderTo (http://192.168.2.102:8082/vis/lib/js/can.custom.min.js:58:2982)
translate.js:20 "manual": {"en": "manual", "de": "manual", "ru": "manual"},
translate.js:20 "questionsAndAnswers": {"en": "questionsAndAnswers", "de": "questionsAndAnswers", "ru": "questionsAndAnswers"},
translate.js:20 "donate": {"en": "donate", "de": "donate", "ru": "donate"},
translate.js:20 "onlineExampleProject": {"en": "onlineExampleProject", "de": "onlineExampleProject", "ru": "onlineExampleProject"},
translate.js:20 "useTheme": {"en": "useTheme", "de": "useTheme", "ru": "useTheme"},
translate.js:20 "progressIndeterminate": {"en": "progressIndeterminate", "de": "progressIndeterminate", "ru": "progressIndeterminate"},
translate.js:20 "generateHtmlControl": {"en": "generateHtmlControl", "de": "generateHtmlControl", "ru": "generateHtmlControl"},
translate.js:20 "progressCircularSize": {"en": "progressCircularSize", "de": "progressCircularSize", "ru": "progressCircularSize"},
translate.js:20 "progressCircularWidth": {"en": "progressCircularWidth", "de": "progressCircularWidth", "ru": "progressCircularWidth"},
translate.js:20 "progressCircularRotate": {"en": "progressCircularRotate", "de": "progressCircularRotate", "ru": "progressCircularRotate"},
translate.js:20 "colorProgressBackground": {"en": "colorProgressBackground", "de": "colorProgressBackground", "ru": "colorProgressBackground"},
translate.js:20 "colorProgress": {"en": "colorProgress", "de": "colorProgress", "ru": "colorProgress"},
translate.js:20 "innerColor": {"en": "innerColor", "de": "innerColor", "ru": "innerColor"},
translate.js:20 "colorOneCondition": {"en": "colorOneCondition", "de": "colorOneCondition", "ru": "colorOneCondition"},
translate.js:20 "colorOne": {"en": "colorOne", "de": "colorOne", "ru": "colorOne"},
translate.js:20 "colorTwoCondition": {"en": "colorTwoCondition", "de": "colorTwoCondition", "ru": "colorTwoCondition"},
translate.js:20 "colorTwo": {"en": "colorTwo", "de": "colorTwo", "ru": "colorTwo"},
translate.js:20 "showValueLabel": {"en": "showValueLabel", "de": "showValueLabel", "ru": "showValueLabel"},
translate.js:20 "valueLabelStyle": {"en": "valueLabelStyle", "de": "valueLabelStyle", "ru": "valueLabelStyle"},
translate.js:20 "valueLabelUnit": {"en": "valueLabelUnit", "de": "valueLabelUnit", "ru": "valueLabelUnit"},
translate.js:20 "valueMaxDecimals": {"en": "valueMaxDecimals", "de": "valueMaxDecimals", "ru": "valueMaxDecimals"},
translate.js:20 "valueLabelCustom": {"en": "valueLabelCustom", "de": "valueLabelCustom", "ru": "valueLabelCustom"},
translate.js:20 "textFontSize": {"en": "textFontSize", "de": "textFontSize", "ru": "textFontSize"},
translate.js:20 "textFontFamily": {"en": "textFontFamily", "de": "textFontFamily", "ru": "textFontFamily"},

Glasfaser

@palm_maniac sagte in VIS von Sigi234:

Adapter "vis-materialdesign": 0.5.9, installed 0.5.94

0.5.9 ist Beta .. die andere ist vom Entwickler .
installiere die 0.5.5 ,

inkl.

iobroker upload all

dann testen , aber in einem neuen Projekt mit dem View !

Palm_Maniac · 0.5.94

@glasfaser

Vielen Dank für den Tipp, leider hat auch das nicht geholfen.

Parallel zu den Versuchen habe ich dann mal ein neues iobroker in einem neuen Container erstellt, um zu sehen ob es da wieder läuft. Als Grundlage habe ich Ubuntu 22.10 genommen. Installiert hat sich Node 18 und npm 8.19.0. In einem Minimaltest hat das MaterialDesign Widget funktioniert. Also habe ich dann mal meine Konfig per Backitup in die neue Umgebung importiert und was soll ich sagen, auch das hat funktioniert. Da muß über die lange Zeit hinweg doch irgendwo ein Rest von etwas im System gewesen sein, was zu diesen Problemen geführt hat.

Nach den erfolgreichen Tests habe ich das neue Testsystem als Produktiv-System übernommen und nun läuft alles wieder. Ich liebe Proxmox. :)

Beim Weiteranpassen mit dem Heizungsscreen habe ich dann noch eine Frage. @sigi234 , für die Graphendarstellung hast du 2 Datenpunkte im Einsatz. javascript.0.Eigene_Datenpunkte.timeinterval und javascript.0.Vis.RefreshPower2.RefreshPower2. Ich nehme mal an, dahinter stehen Skripte? Was machen die? Kannst du mir die zukommen lassen? Ohne die wird kein Graph generiert.

Nochmal vielen Dank für eure Hilfe, @sigi234 und @glasfaser

sigi234

@palm_maniac sagte in VIS von Sigi234:

Beim Weiteranpassen mit dem Heizungsscreen habe ich dann noch eine Frage. @sigi234 , für die Graphendarstellung hast du 2 Datenpunkte im Einsatz. javascript.0.Eigene_Datenpunkte.timeinterval und javascript.0.Vis.RefreshPower2.RefreshPower2. Ich nehme mal an, dahinter stehen Skripte? Was machen die? Kannst du mir die zukommen lassen? Ohne die wird kein Graph generiert.

Das Widget dazu:

[{"tpl":"tplVis-materialdesign-Select","data":{"oid":"javascript.0.Vis.timeinterval","g_fixed":true,"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","inputType":"text","inputLayout":"solo","showInputMessageAlways":false,"showInputCounter":false,"clearIconShow":false,"listDataMethod":"inputPerEditor","countSelectItems":"20","listPosition":"auto","showSelectedIcon":"prepend","showValue":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,"value0":"30 seconds","value1":"1 minute","value2":"2 minutes","value3":"5 minutes","value4":"10 minutes","value5":"30 minutes","value6":"1 hour","value7":"2 hours","value8":"4 hours","value9":"8 hours","value10":"16 hours","value11":"1 day","value12":"2 days","value13":"3 days","value14":"5 days","value15":"1 week","value16":"2 week","value17":"1 month","value18":"3 months","value19":"6 months","value20":"1 year","listPositionOffset":false,"label0":"30 Sekunden","inputTextFontFamily":"RobotoCondensed-Light","inputTextColor":"#ffffff","inputTextFontSize":"12","inputLabelColor":"","inputLayoutBackgroundColor":"transparent","listItemBackgroundColor":"#527898","listItemBackgroundHoverColor":"#f00000","listItemBackgroundSelectedColor":"#00a0e6","listItemFont":"RobotoCondensed-Light","listItemFontColor":"#ffffff","listItemFontSelectedColor":"#ffffff","listItemSubFont":"RobotoCondensed-Light","listItemSubFontColor":"#ffffff","listItemSubFontHoverColor":"#ffffff","listItemSubFontSelectedColor":"#ffffff","listItemFontSize":"12","listItemSubFontSize":"12","inputLayoutBorderColor":"","inputLayoutBorderColorSelected":"","inputLayoutBorderColorHover":"","inputMessage":"","inputLabelText":"","inputLabelColorSelected":"transparent","inputLabelFontFamily":"RobotoCondensed-Light","inputLabelFontSize":"12","inputAppendixColor":"#ffffff","inputMessageColor":"#ffffff","listItemHeight":"12","listItemRippleEffectColor":"#ffffff","listItemValueFontColor":"#ffffff","listItemValueFontHoverColor":"#ffffff","listItemValueFontSelectedColor":"#ffffff","label1":"1 Minute","label2":"2 Minuten","label3":"5 Minuten","label4":"10 Minuten","label5":"30 Minuten","label6":"1 Stunde","label7":"2 Stunden","label8":"4 Stunden","label9":"8 Stunden","label10":"16 Stunden","label11":"1 Tag","label12":"2 Tage","label13":"3 Tage","label14":"5 Tage","label15":"1 Woche","label16":"2 Wochen","label17":"1 Monat","label18":"3 Monate","label19":"6 Monate","label20":"1 Jahr","vibrateOnMobilDevices":"50","inputTranslateY":"-15","inputTranslateX":"0","inputAlignment":"left","inputAppendixFontSize":"{vis-materialdesign.0.fontSizes.input.appendix}","inputAppendixFontFamily":"{vis-materialdesign.0.fonts.input.appendix}","inputMessageFontFamily":"{vis-materialdesign.0.fonts.input.message}","inputMessageFontSize":"{vis-materialdesign.0.fontSizes.input.message}","inputCounterColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.counter;dark:vis-materialdesign.0.colors.dark.input.counter; mode === \"true\" ? dark : light}","inputCounterFontSize":"{vis-materialdesign.0.fontSizes.input.counter}","inputCounterFontFamily":"{vis-materialdesign.0.fonts.input.counter}","collapseIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.icon_collapse;dark:vis-materialdesign.0.colors.dark.input.icon_collapse; mode === \"true\" ? dark : light}","listIconColor":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.input.menu.icon;dark:vis-materialdesign.0.colors.dark.input.menu.icon; mode === \"true\" ? dark : light}","listItemValueFontSize":"{vis-materialdesign.0.fontSizes.input.dropdown.value}","listItemValueFont":"{vis-materialdesign.0.fonts.input.dropdown.value}","clearIconColor":"#mdwTheme:vis-materialdesign.0.colors.input.icon_clear","inputLayoutBackgroundColorHover":"transparent","inputLayoutBackgroundColorSelected":"transparent","autoFocus":true,"openOnClear":false,"listIconHoverColor":"","listItemFontHoverColor":"#ffffff","name":"select","clickSoundVolume":"0.5"},"style":{"left":"1040px","top":"32px","width":"133px","height":"40px","z-index":"5","color":""},"widgetSet":"materialdesign"}]