Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Trash HTML Widget VIS2

    NEWS

    • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

    • Monatsrückblick – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    Trash HTML Widget VIS2

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

      @rtwl .. die Icons werden bei meinem Script direkt im Blockly definiert und nicht per Binding in der VIS

      fd0c72ea-e5f9-491c-955b-f29f0c6ca533-image.png

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

        Hab jetzt auch mal versucht das einzubinden. Hab dazu das Script vom 10.08. genutzt.
        Wenn ich das starte kommt

        javascript.0	17:09:02.627	error	
        Error: TypeError: Cannot read properties of null (reading 'shift')
        javascript.0	17:09:02.627	error	
            at getAttr (/opt/iobroker/node_modules/iobroker.javascript/src/lib/sandbox.ts:5133:39)
        javascript.0	17:09:02.627	error	
            at Tabelle_erstellen (script.js.common.Berechnung_Trashschedul:36:35)
        javascript.0	17:09:02.627	error	
            at processTicksAndRejections (node:internal/process/task_queues:105:5)
        javascript.0	17:09:02.627	error	
            at script.js.common.Berechnung_Trashschedul:92:1
        

        Den Datenpunkt hab ich exakt so angelegt, wie bei dir @skvarel
        Trashschedule ist Instanz 0

        Muss ich sonst noch was machen für nen ersten Test?

        Das Trashschedule JSON sieht so aus:

        [
          {
            "name": "Wertstoffe",
            "daysLeft": 6,
            "nextDate": 1762297200000,
            "_completed": false,
            "_color": "#ffff00"
          },
          {
            "name": "Biotonne",
            "daysLeft": 13,
            "nextDate": 1762902000000,
            "_completed": false,
            "_color": "#3bb80b"
          }
        ]
        

        Ich hab nur 2 Einträge, da in einer Woche Biomüll, in der anderen Rest-/Papier-/wertstoffmüll geholt wird. Da brauch ich keine 4 Icons

        UPDATE: Hab den Block "Iconmapping" mal um die letzten 2 Einträge erleichtert, jetzt kommt kein Fehler mehr. "Wertstoffe" und "Biotonne" kommt als Text. Nur die Icons fehlen. Ich such mal weiter....

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

          @syber .. zeige mir mal bitte den Ausschnitt im Script, mit deinen Icons.

          Tritt das Problem auch bei meinen Icons auf?

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

            Ok... Das mit den Icons klappt irgendwie nicht.
            Hab die 2 Icons in den Ordner "Icons" der VIS2 kopiert.
            Wenn ich die als Bild einbinde ist der Pfad
            _PRJ_NAME/Icons/trash_brown.png

            Was muss ich im Script als Pfad eintragen?
            Der Projektname ist "Voelker".
            Hab jetzt X Varianten getestet, aber das Icon wird nicht angezeigt.....
            Auch wenn ich in eurem Widget Inhaltstyp Bild auswähle und dann zum Icon navigiere wird das nicht angezeigt,

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

              @merlin123 .. Hast du das Widget von Github exportiert? Der Inhalt-Typ (ob Bild oder Symbol) ist hier egal, weil das Icon aus dem Script kommt.

              48786741-166a-4c77-8d61-791edab0f233-image.png

              Diesen Datenpunkt als Binding nutzen ... da werden dann auch die Icons mit übergeben, wenn die Pfade passen.

              ce7fa254-5c63-44b6-8a22-2a2172427ea1-image.png

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

                @skvarel Ich hab das Widget oben aus dem Post kopiert.
                Ich denke, das ist irgendwas mit den Pfaden.
                Wenn ich in einem Image-Widget das Bild auswähle sieht das so aus:
                Screenshot 2025-10-31 112813.png
                Das bild wird dann angezeigt.

                Wenn ich euer Widget nehme (also neu in die View ziehe), dann Inhaltstyp Bild auswähle, dann über die Auswahl das Icon auswähle sieht es so aus:
                Screenshot 2025-10-31 113011.png
                Das wird also da auch nicht dargestellt.
                Vermutlich aus dem gleichen Grund klappt es mit dem Script auch nicht.

                skvarel 2 Replies Last reply Reply Quote 0
                • skvarel
                  skvarel Developer @Merlin123 last edited by skvarel

                  @merlin123 .. ich weiß ehrlich gesagt nicht, was du da machst bzw. vorhast.

                  Das Script stellt den kompletten Inhalt bereit. Es dürfen KEINE weiteren Bilder in dem Widget eingefügt werden.

                  Die Bilder/Icons müssen im Script und nicht im Widget definiert werden.

                  EDIT: Wenn du meine Icons verwenden willst, musst du am Script gar nichts ändern. Da ist der richtige Pfad zum Icon-Adapter bereits drin.

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

                    @merlin123 ... wichtig ist, dass die Namen exakt mit deinen Daten aus dem Trash-Adapter übereinstimmen! Wenn die abweichen, dann bitte im Script anpassen.

                    18325aac-f420-4723-b9df-70d08ebfc522-image.png

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

                      Langsam glaub ich, eure Widgets haben was gegen mich....
                      Am Anfang hatte ich genau den Pfad drin gelassen, der da stand. Dann kam aber kein Bild, sondern dieser "Platzhalter", wenn er das Bild nicht findet.
                      Dann hab ich die beiden Icons einfach in die Medien hochgeladen und versucht, den Pfad im Script anzupassen. Hat aber auch nicht geklappt.
                      Jetzt hab ich nochmal Deinen Pfad reinkopiert und auf einmal zeigt er die beiden Tonnen an.

                      Das mit dem Bild im Widget war ein neues (leeres) Widget zum testen.
                      Da schaffe ich es immer noch nicht ein Bild anzuzeigen (siehe Screenshot oben). In den Einstellungen sieht man das Bild, im Widget nicht. Grad nochmal probiert...

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

                        @merlin123 .. ich schau es mir morgen mal genauer an.

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

                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        442
                        Online

                        32.3k
                        Users

                        81.1k
                        Topics

                        1.3m
                        Posts

                        how-to own project vis
                        7
                        47
                        2149
                        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