Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Fehler VIS-2 Widget Inventwo

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    Fehler VIS-2 Widget Inventwo

    This topic has been deleted. Only users with topic management privileges can see it.
    • OliverIO
      OliverIO @skvarel last edited by

      @skvarel sagte in Fehler VIS-2 Widget Inventwo:

      Die Widget Adapter macht komplett mein Sohn.

      ah jetzt, kenne eure rollen und arbeitsteilung nicht.
      Dein Bengel hätte auch die liebevolle Bezeichnung für deinen Adapter sein können 🙂

      skvarel 1 Reply Last reply Reply Quote 1
      • skvarel
        skvarel Developer @OliverIO last edited by

        @oliverio sagte in Fehler VIS-2 Widget Inventwo:

        Dein Bengel hätte auch die liebevolle Bezeichnung für deinen Adapter sein können 🙂

        In dem Fall ist mein Bengel tatsächlich mein Sohn 😉

        Kurz zum Hintergrund: Er ist reiner Programmierer aber kein Nutzer. Er hat mit dem ioBroker sonst nichts zu tun. Deswegen kommen manche Dinge erst im Nachhinein ans Licht. Hauptsächlich wenn ich mit dem ioBroker arbeite.

        Ich habe jetzt meine ganze VIS in VIS2 nachgebaut .... 26 Views mit rund 1.000 Widgets. Da kamen noch zwei/drei Sachen auf, die er beheben muss.

        1 Reply Last reply Reply Quote 0
        • OliverIO
          OliverIO @OliverIO last edited by

          @oliverio sagte in Fehler VIS-2 Widget Inventwo:

          javascript in skripte reiter eintragen

          noch ein gedanke zum code was mir eingefallen ist.
          evtl müsste man die meldungen zunächst auch erst noch in einer variable puffern, da die ausgabe in mylog erst erfolgen kann, wenn das html element existiert. alle meldungen zuvor wären dann ebenfalls verloren.

          hier nochmal ein optimierter code

             (function() {
               const orig = {
                 log:   console.log,
                 warn:  console.warn,
                 error: console.error,
                 debug: console.debug,
               };
               let mylog = []
          
               function appendLog(type, args) {
                 const $log = $('.mylog');
                 // Zeile bauen
                 const msg = Array.from(args).map(a => {
                   // Objekt? Dann JSON serialisieren.
                   if (typeof a === 'object' && a !== null) {
                     try {
                       return JSON.stringify(a);
                     } catch { return '[object]'; }
                   }
                   return String(a);
                 }).join(' ');
                 mylog.push({type,msg})
                 $log.append($('<div>').addClass(type).text(`[${type}] ${msg}`));
                 $log.scrollTop($log[0].scrollHeight);
               }
               function output(){
                 $log.html("");
                 mylog.forEach(line=>{
                   $log.append($('<div>').addClass(line.type).text(`[${line.type}] ${line.msg}`));
                   $log.scrollTop($log[0].scrollHeight);
          
                 })
          
               }
          
               // Funktionen überschreiben
               ['log', 'warn', 'error', 'debug'].forEach(function(type) {
                 console[type] = function(...args) {
                   appendLog(type, args);
                   orig[type].apply(console, args);
                 };
               });
             })();
          
          

          1 Reply Last reply Reply Quote 1
          • Longbow
            Longbow last edited by

            @oliverio Könnte dein Sohn schon mal schauen? Es geht von 20x nur 1x kann es aber auch nicht nachbauen.

            skvarel 1 Reply Last reply Reply Quote 0
            • skvarel
              skvarel Developer @Longbow last edited by

              @longbow sagte in Fehler VIS-2 Widget Inventwo:

              @oliverio Könnte dein Sohn schon mal schauen? Es geht von 20x nur 1x kann es aber auch nicht nachbauen.

              .. ich denke, du meinst meinen Sohn 😉

              @jkvarel ... guckst du bitte hier.

              1 Reply Last reply Reply Quote 0
              • jkvarel
                jkvarel Developer last edited by

                Ich habe den Code eingefügt. @Longbow , bitte Version 0.3.4 installieren und den Schritten 1, 2 und 4 von @OliverIO folgen

                1 Reply Last reply Reply Quote 1
                • jkvarel
                  jkvarel Developer last edited by

                  Bitte Version 0.3.5 nutzen. Beim Testen des Codes hatte ich das Universal Widget auskommentiert und vor dem Hochladen vergessen wieder mit reinzunehmen.

                  Longbow 1 Reply Last reply Reply Quote 1
                  • Longbow
                    Longbow @jkvarel last edited by Longbow

                    @jkvarel die Version installiert, nur leider wenn ich das wie @Oliver-0 beschrieben hat, bleibt die Seite schwarz, es wir gar nichts angezeigt

                    hab gerade im Log geschaut, das steht da

                    Invalid pattern on subscribe: The pattern ""bindings": [], "left": 28, "top": 70, "width": "711px", "height": "331px"" is not a valid ID pattern
                    
                    web.0
                    2025-08-10 16:06:17.317	error	Invalid pattern on subscribe: The pattern ""tpl": "tplHtml", "data": { "bindings": [], "name": null, "comment": null, "class": "mylog", "filterkey": null, "multi-views": null, "locked": null, "g_fixed": true, "html": "<script>\r\n console.log(\"log test\")" is not a valid ID pattern
                    
                    web.0
                    2025-08-10 16:03:35.816	error	Invalid pattern on subscribe: The pattern ""bindings": [], "left": 28, "top": 70, "width": "711px", "height": "331px"" is not a valid ID pattern
                    
                    web.0
                    2025-08-10 16:03:35.815	error	Invalid pattern on subscribe: The pattern ""tpl": "tplHtml", "data": { "bindings": [], "name": null, "comment": null, "class": "mylog", "filterkey": null, "multi-views": null, "locked": null, "g_fixed": true, "html": "<script>\r\n console.log(\"log test\")" is not a valid ID pattern
                    
                    OliverIO 1 Reply Last reply Reply Quote 0
                    • OliverIO
                      OliverIO @Longbow last edited by

                      @longbow

                      ich habe das gerade mal bei mir ausprobiert und es funktioniert.

                      prüfe nochmal:

                      1. den skript reiter wieder leeren. der code ist jetzt im widget code enthalten.
                      2. css mal lassen
                      3. und zum schluss dann das html widget mit dem namen mylog anlegen wie oben beschrieben.

                      der start des logs sieht im editor dann so aus
                      684a6c2b-f2d4-412b-960f-810ad9c5167b-image.png

                      im runtime wird der code leider nicht geladen.

                      Longbow 1 Reply Last reply Reply Quote 0
                      • Longbow
                        Longbow @OliverIO last edited by Longbow

                        @oliverio

                        ich mal das falsch mit dem HTML import wohl..

                        OliverIO 1 Reply Last reply Reply Quote 0
                        • OliverIO
                          OliverIO @Longbow last edited by

                          @longbow

                          was heißt, das steht im html widget?
                          das ist der code um ein widget zu importieren
                          das ist nichts was man in das html feld des html widgets einträgt

                          das sollte so aussehen wenn man das html widget auswählt
                          eb55e7ed-9f90-43ad-874f-1c5424eca0ad-image.png

                          und der inhalt des html feldes

                          a5657fc4-f16a-4c54-9c97-fc940601f6d3-image.png

                          Longbow 1 Reply Last reply Reply Quote 0
                          • Longbow
                            Longbow @OliverIO last edited by Longbow

                            @oliverio Ok das mit dem Import habe ich... aber was ist das HMTL Edit gemeint... das erste bild sieht bei mir auch so aus.

                            Greenshot 2025-08-10 17.12.45.png Greenshot 2025-08-10 17.12.34.png Greenshot 2025-08-10 17.12.23.png Greenshot 2025-08-10 17.11.03.png

                            OliverIO jkvarel 2 Replies Last reply Reply Quote 0
                            • OliverIO
                              OliverIO @Longbow last edited by OliverIO

                              @longbow

                              html edit ist der knopf vom html feld
                              um den inhalt zu editieren/bearbeiten.
                              4434e145-3aff-42a8-bc58-87422252ea24-image.png

                              es sollte im edit modus nach dem neuladen des kompletten bildschirmes funktionieren

                              habe gerade festgestellt, das es im runtime nur funktioniert wenn ein iventwo widget auch angelegt ist, das hatte ich nicht.

                              38c5d437-32e8-4630-9324-60f8d1c2a5f0-image.png

                              und natürlich solltest du prüfen ob du die richtige version geladen hast
                              f2102a00-efdb-4a7d-a592-0010330a738d-image.png

                              0.3.5

                              1 Reply Last reply Reply Quote 0
                              • jkvarel
                                jkvarel Developer @Longbow last edited by

                                @longbow Skripte Tab leer lassen. Der Code wird von Adapter hinzugefügt, damit die Logs schon eher weggeschrieben werden. Das CSS aber übernehmen.

                                Longbow 1 Reply Last reply Reply Quote 0
                                • Longbow
                                  Longbow @jkvarel last edited by Longbow

                                  @jkvarel @OliverIO

                                  also bei sieht es alles so aus.. nur es passiert nichts...

                                  1 Reply Last reply Reply Quote 0
                                  • Longbow
                                    Longbow last edited by Longbow

                                    Guten Morgen,

                                    ich würde es gern hinbekommen, aber leider geht das nicht. in dem HtmL Widget kommt kein Auswertung etc., ich muss wohl was noch falsch machen.

                                    Kann man nicht ein Projekt / Seit expotieren und dann ich die importieren?

                                    1 Reply Last reply Reply Quote 0
                                    • Longbow
                                      Longbow last edited by Longbow

                                      So es hat endlich geklappt.

                                      Hier der Text aus dem html, bin gespannt @jkvarel und @OliverIO ob ihr damit was anfangen könnt

                                      [log] Translate: jqui_widgetTitle
                                      [log] Translate: jqui_Write state
                                      [log] Translate: jqui_Close
                                      [log] Translate: jqui_input
                                      [log] Translate: jqui_off
                                      [log] Translate: jqui_on
                                      [log] Translate: Value
                                      [log] Ignored bars/tplBarFilter because not used in project
                                      [log] Ignored bars/tplBarNavigator because not used in project
                                      [log] Ignored canvas-gauges/tplCGlinearGauge because not used in project
                                      [log] Ignored canvas-gauges/tplCGradialGauge because not used in project
                                      [log] Ignored canvas-gauges/tplCGCompas because not used in project
                                      [log] Ignored canvas-gauges/tplCGflatGauge because not used in project
                                      [log] Ignored colorpicker/tplRGBSpectrum because not used in project
                                      [log] Ignored colorpicker/tplSpectrumHomematic because not used in project
                                      [log] Ignored colorpicker/tplRGBFarbtastic because not used in project
                                      [log] Ignored colorpicker/tplHUEjscolor because not used in project
                                      [log] Ignored colorpicker/tplHUEPickerXY because not used in project
                                      [log] Ignored colorpicker/tplHUEIndicatorXY because not used in project
                                      [log] Ignored colorpicker/tplHUEPickerCT because not used in project
                                      [log] Ignored colorpicker/tplHUEIndicatorCT because not used in project
                                      [log] Ignored colorpicker/tplJscolor because not used in project
                                      [log] Ignored eventlist/tplEventlist because not used in project
                                      [log] Ignored eventlist/tplEventlistButton because not used in project
                                      [log] Ignored history/tplHistoryEventList because not used in project
                                      [log] Ignored history/tplHistorySparkLIne because not used in project
                                      [log] Ignored jqplot/tplJqplotGauge because not used in project
                                      [log] Ignored justgage/tplJustgageJustGage because not used in project
                                      [log] Ignored justgage/tplJustgageValueColored because not used in project
                                      [log] Ignored justgage/tplJustgageIndicatorColored because not used in project
                                      [log] Ignored justgage/tplJustgageValueIndicatorColored because not used in project
                                      [log] Ignored map/tplOsm because not used in project
                                      [log] Ignored map/tplGoogleMap because not used in project
                                      [log] Ignored material/tplMaListDoor because not used in project
                                      [log] Ignored material/tplMaListWindow because not used in project
                                      [log] Ignored material/tplMaListShutter because not used in project
                                      [log] Ignored material/tplMaListTemp because not used in project
                                      [log] Ignored material/tplMaListHumid because not used in project
                                      [log] Ignored material/tplMaListLight because not used in project
                                      [log] Ignored material/tplMaListLightDim because not used in project
                                      [log] Ignored rgraph/tplRGtermometer because not used in project
                                      [log] Ignored rgraph/tplRGgauge because not used in project
                                      [log] Ignored rgraph/tplRLiveChart because not used in project
                                      [log] Ignored rgraph/tplRBarChart because not used in project
                                      [log] Ignored swipe/tplCarousel because not used in project
                                      [log] Ignored trashschedule/tplTrashscheduleHelper because not used in project
                                      [log] Ignored weather/tplWeatherShowInstance because not used in project
                                      [log] log test
                                      [warn] warn test
                                      [error] error test
                                      [debug] debug test
                                      [log] [2025-08-11T14:27:25.073Z] +SUBSCRIBE: 0_userdata.0.Eigene_Datenpunkte.Garage.AutoClose_RemainingSec
                                      [log] [2025-08-11T14:27:25.076Z] +SUBSCRIBE: 0_userdata.0.Eigene_Datenpunkte.Garage.Garage_Status_Tor
                                      
                                      

                                      Das steht jetzt noch dazu

                                      [error] [2025-08-11T14:53:17.758Z] ws connection error: CLOSE_ABNORMAL
                                      [log] [2025-08-11T14:53:17.766Z] Start reconnect 0
                                      [log] [2025-08-11T14:53:17.846Z] Try to connect
                                      [log] [2025-08-11T15:08:40.280Z] Start reconnect 0
                                      [log] [2025-08-11T15:08:40.290Z] Try to connect
                                      [error] [2025-08-11T15:08:40.395Z] ws connection error: CLOSE_ABNORMAL
                                      [log] [2025-08-11T15:08:40.397Z] Start reconnect 1
                                      [log] [2025-08-11T15:08:40.400Z] Reconnect is already running 1
                                      [error] [2025-08-11T15:08:40.400Z] ws connection error: CLOSE_ABNORMAL
                                      [log] [2025-08-11T15:08:40.402Z] Reconnect is already running 1
                                      [log] [2025-08-11T15:08:42.295Z] Try to connect
                                      [log] [2025-08-11T15:40:06.480Z] Start reconnect 0
                                      [error] [2025-08-11T15:40:06.937Z] ws connection error: CLOSE_ABNORMAL
                                      [log] [2025-08-11T15:40:06.938Z] Reconnect is already running 0
                                      [log] [2025-08-11T16:30:25.704Z] Try to connect
                                      
                                      
                                      jkvarel 1 Reply Last reply Reply Quote 0
                                      • jkvarel
                                        jkvarel Developer @Longbow last edited by

                                        @longbow hast du in der gleichen View ein inventwo Widget drin?

                                        Longbow 1 Reply Last reply Reply Quote 0
                                        • Longbow
                                          Longbow @jkvarel last edited by

                                          @jkvarel wie meinst du das ?

                                          hier die Seite exportiert:

                                          {
                                            "name": "test",
                                            "parentId": null,
                                            "settings": {
                                              "style": {},
                                              "class": "mylog"
                                            },
                                            "widgets": {
                                              "w000406": {
                                                "tpl": "tplHtml",
                                                "data": {
                                                  "bindings": [],
                                                  "name": "mylog",
                                                  "comment": null,
                                                  "class": "mylog",
                                                  "filterkey": null,
                                                  "multi-views": null,
                                                  "locked": null,
                                                  "g_fixed": true,
                                                  "html": "<script>\r\n    console.log(\"log test\");\r\n    console.warn(\"warn test\");\r\n    console.error(\"error test\");\r\n    console.debug(\"debug test\");\r\n</script>",
                                                  "refreshInterval": null,
                                                  "g_common": true
                                                },
                                                "style": {
                                                  "bindings": [],
                                                  "left": 48,
                                                  "top": 64,
                                                  "width": "711px",
                                                  "height": "331px"
                                                },
                                                "widgetSet": "basic"
                                              },
                                              "w000407": {
                                                "tpl": "tplInventwoWidgetUniversal",
                                                "data": {
                                                  "bindings": [],
                                                  "type": "switch",
                                                  "g_common": true,
                                                  "mode": "singleButton",
                                                  "direction": "row",
                                                  "oid": "nothing_selected",
                                                  "httpType": "send",
                                                  "buttonSize": 110,
                                                  "btnSpacing": 10,
                                                  "countStates": 1,
                                                  "buttonHoldValue": false,
                                                  "dialogWidth": 500,
                                                  "g_attr_group_type_view_in_dialog": true,
                                                  "dialogHeight": 300,
                                                  "dialogPadding": 10,
                                                  "dialogBackground": "rgb(18, 18, 18)",
                                                  "dialogTitleColor": "rgb(255,255,255)",
                                                  "dialogTitleSize": 20,
                                                  "dialogCloseButtonBackground": "rgba(255,255,255,0)",
                                                  "dialogCloseButtonColor": "rgba(255,255,255,1)",
                                                  "dialogCloseButtonSize": 14,
                                                  "dialogBorderRadiusTopLeft": 12,
                                                  "dialogBorderRadiusTopRight": 0,
                                                  "dialogBorderRadiusBottomRight": 12,
                                                  "dialogBorderRadiusBottomLeft": 0,
                                                  "clickThrough": false,
                                                  "g_attr_group_click_feedback": true,
                                                  "feedbackDuration": 0,
                                                  "backgroundFeedback": "rgba(69, 86, 24, 1)",
                                                  "outerShadowColorFeedback": "rgba(0, 0, 0, 1)",
                                                  "contentBlinkInterval": 0,
                                                  "g_attr_group_state_default": true,
                                                  "outerShadowColor": "rgba(0, 0, 0, 1)",
                                                  "colorPickerColorModel": "hex",
                                                  "g_attr_content_color_picker": true,
                                                  "colorPickerWidth": 200,
                                                  "colorPickerHandleSize": 8,
                                                  "colorPickerHandleMargin": 6,
                                                  "colorPickerComponentsSpace": 12,
                                                  "colorPickerDirection": "vertical",
                                                  "colorPickerBorderWidth": 0,
                                                  "colorPickerShowWheel": true,
                                                  "colorPickerShowSaturation": true,
                                                  "colorPickerShowValue": true,
                                                  "textDecoration": "none",
                                                  "g_attr_group_css_text": true,
                                                  "textMarginTop": 0,
                                                  "textMarginBottom": 0,
                                                  "textMarginLeft": 0,
                                                  "textMarginRight": 0,
                                                  "contentType": "icon",
                                                  "g_attr_group_css_content": true,
                                                  "contentMarginTop": 0,
                                                  "contentMarginBottom": 0,
                                                  "contentMarginLeft": 0,
                                                  "contentMarginRight": 0,
                                                  "contentSize": 40,
                                                  "contentRotation": 0,
                                                  "contentMirror": false,
                                                  "flexDirection": "column",
                                                  "g_attr_group_css_alignment": true,
                                                  "alignItems": "space-between",
                                                  "textAlign": "start",
                                                  "contentAlign": "center",
                                                  "backgroundOpacity": 1,
                                                  "g_attr_group_css_transparency": true,
                                                  "contentOpacity": 1,
                                                  "paddingLeft": 10,
                                                  "g_attr_group_css_spacing": true,
                                                  "paddingRight": 10,
                                                  "paddingTop": 10,
                                                  "paddingBottom": 10,
                                                  "borderRadiusTopLeft": 12,
                                                  "g_attr_group_css_border_radius": true,
                                                  "borderRadiusTopRight": 0,
                                                  "borderRadiusBottomRight": 12,
                                                  "borderRadiusBottomLeft": 0,
                                                  "borderSizeTop": 0,
                                                  "g_attr_group_css_border": true,
                                                  "borderSizeBottom": 0,
                                                  "borderSizeLeft": 0,
                                                  "borderSizeRight": 0,
                                                  "borderStyle": "none",
                                                  "outerShadowX": 2,
                                                  "g_attr_group_css_outer_shadow": true,
                                                  "outerShadowY": 2,
                                                  "outerShadowBlur": 2,
                                                  "outerShadowSize": 1,
                                                  "innerShadowX": 0,
                                                  "g_attr_group_css_inner_shadow": true,
                                                  "innerShadowY": 0,
                                                  "innerShadowBlur": 0,
                                                  "innerShadowSize": 0
                                                },
                                                "style": {
                                                  "bindings": [],
                                                  "left": 45,
                                                  "top": 389,
                                                  "width": "179px",
                                                  "height": "199px",
                                                  "position": "absolute",
                                                  "overflow": "visible"
                                                },
                                                "widgetSet": "vis-2-widgets-inventwo"
                                              },
                                              "w000408": {
                                                "tpl": "tplContainerView",
                                                "data": {
                                                  "bindings": [],
                                                  "contains_view": "Torsteuerung",
                                                  "g_common": true
                                                },
                                                "style": {
                                                  "bindings": [],
                                                  "left": 261,
                                                  "top": 387,
                                                  "width": "312px",
                                                  "height": "270px"
                                                },
                                                "widgetSet": "basic"
                                              }
                                            },
                                            "activeWidgets": []
                                          }
                                          
                                          1 Reply Last reply Reply Quote 0
                                          • Longbow
                                            Longbow last edited by

                                            kann mir jemandes behilflich sein? Bin ich der einzige, der diese Problem hat

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            764
                                            Online

                                            32.0k
                                            Users

                                            80.4k
                                            Topics

                                            1.3m
                                            Posts

                                            7
                                            44
                                            697
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo