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

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    Trash HTML Widget VIS2

    This topic has been deleted. Only users with topic management privileges can see it.
    • R
      RikDRS last edited by RikDRS

      Vielen Dank für dieses HTML-Widget!

      ich habe es soweit eingebunden bekommen, das mir die Leerung der Tonnen zumindest in Textform angezeigt werden, allerdings bekomme ich die Symbole nicht angezeigt.
      sowol der "originale Pfad

      /vis-icontwo/Schedule/Trash/trash_blue.png
      

      als auch so

      ../vis-icontwo/Schedule/Trash/trash_blue.png
      

      zeigen keine grafischen Tonnen an.

      Das Widget "image" mit dem Pfad

      ../vis-icontwo/Schedule/Trash/trash_blue.png
      

      hingegen zeigt die blaue Tonne.

      Ich habe im Blockly die Icon auf falsch und dann auf wahr zu setzen, hat aber auch nciht geholfen.

      Mein Datenpunkt sieht inhaltlich wie folgt aus:

      <table cellpadding="5" border="0" width=700px<tr><th><font size="3">Biomüll</font></th><th><font size="3">Restmüll</font></th><th><font size="3">Gelbe Tonne</font></th><th><font size="3">Papiermüll</font></th></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td>Donnerstag 14.08.</td><td>Mittwoch 20.08.</td><td>Donnerstag 28.08.</td><td>Donnerstag 04.09.</td></tr><tr><td><i>In 5 Tagen</i></td><td><i>In 11 Tagen</i></td><td><i>In 19 Tagen</i></td><td><i>In 26 Tagen</i></td></tr></table>
      

      Was übersehe ich?

      Danke im voraus!

      1 Reply Last reply Reply Quote 0
      • R
        RikDRS last edited by

        habs gefunden, Casesensitive war die Lösung 😉

        0dfe8970-0c35-4105-9060-dbd77b16c0b5-image.png

        1cf7e9f6-d2a7-4efc-97d7-1b9848cf9296-image.png

        so klappt es auch mit den Icons

        DANKE!

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

          UPDATE:

          Eine Überarbeitung läuft .....

          Horizontal:
          801a4a21-9038-4e49-91c4-8f1a1b9b17e4-image.png

          712a36a2-1a89-4378-9bb4-0b2c95b68a41-image.png

          Vertikal:
          400cecb4-625f-4685-a78b-433e7829b546-image.png

          84c26884-d7e1-4696-a5c8-2bcd77cb9b60-image.png

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

            UPDATE:

            Ein paar neue/weitere Einstellungen im Script:

            115b23d6-0765-40ec-b7fc-e40400e172ed-image.png

            Der Code ist leider zu lang, um ihn hier zu Posten. Daher hier als txt hochgeladen

            TrashHTML.txt

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

              @skvarel Danke, für das erste echt mega! Werde ich mal testen... werde Dir bescheid geben.

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

                @longbow .. ja, melde dich bitte ob alles klappt 🙂

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

                  @skvarel

                  Guten Morgen, also weit klappt es die Ausrichtungen prima. So können die Leute es sich einstellen, wie sie es haben wollen.

                  Ein Problem ist nur, keine Ahnung warum, aber die Bilder werden nicht angezeigt. Weder die aus dem Pfad, die es ja gibt oder halt die möchte und hinterlegt habe.

                  hier mal der Pfad von dem was ich gern haben würde wollen :
                  /vis-2.0/smarthome/Image/views/muell/muelltonne-mit-armen_grau.png

                  hier die aus dem Adapter:
                  /vis-icontwo/Schedule/Trash/trash_brown.png

                  Das liegt aber echt wohl an Eurem Inventow Design Adapter, denn wenn ich dies Pfad so ein anzeigen lasse, als Bild Image, werden Sie mir angezeigt. An was kann das liegen?

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

                    @longbow .. hast du dich an die genaue Schreibweise gehalten?

                    Die Namen im Script müssen zwingend identisch mit den Namen in der Instanz sein. Die Reihenfolge ist da allerdings egal.

                    10fc3b7c-59d4-4dce-a0c2-968275cd2e1d-image.png

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

                      @skvarel

                      danke, da war der Fehler.... jetzt probiere ich weiter

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

                        @skvarel

                        Also läuft echt super auf dem MacBook, probiere es später auf einem Windows-Rechner noch aus.
                        Aber auf den Mobilen Geräten (iPhone und iPad) sieht es wie mit dem anderen Widget, wo dein Sohn dran ist.

                        Hier mal die Bilder:

                        Auf dem MacBook
                        Greenshot 2025-08-11 18.49.53.png

                        Auf den Mobilen Geräten:

                        Bildschirmfoto 2025-08-11 um 18.49.06.jpg

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

                          @skvarel

                          Also läuft echt super auf dem MacBook, probiere es später auf einem Windows-Rechner noch aus.
                          Aber auf den Mobilen Geräten (iPhone und iPad) sieht es wie mit dem anderen Widget, wo dein Sohn dran ist.

                          Hier mal die Bilder:

                          Auf dem MacBook
                          Greenshot 2025-08-11 18.49.53.png

                          Auf den Mobilen Geräten:

                          Bildschirmfoto 2025-08-11 um 18.49.06.jpg

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

                            @longbow ... du kannst auch ein Basic-HTML-Widget nehmen, anstatt das inventwo Widget. Dann müsste es auch in der mobilen Ansicht klappen.

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

                              @longbow .. Export vom Basic-HTML-Widget

                              [
                                {
                                  "tpl": "tplHtml",
                                  "data": {
                                    "bindings": [
                                      "html"
                                    ],
                                    "html": "{0_userdata.0.Termine.Kalender_Müll.Widget}",
                                    "refreshInterval": null,
                                    "g_common": true,
                                    "g_css_font_text": true
                                  },
                                  "style": {
                                    "bindings": [],
                                    "left": "460px",
                                    "top": "368px",
                                    "width": "688px",
                                    "height": "222px",
                                    "z-index": "50",
                                    "color": null,
                                    "text-align": "center",
                                    "text-shadow": null,
                                    "font-family": null,
                                    "font-style": null,
                                    "font-variant": null,
                                    "font-weight": null,
                                    "font-size": null,
                                    "line-height": null,
                                    "letter-spacing": null,
                                    "word-spacing": null
                                  },
                                  "widgetSet": "basic",
                                  "_id": "i000001"
                                }
                              ]
                              
                              1 Reply Last reply Reply Quote 0
                              • Longbow
                                Longbow last edited by

                                Herzlichen Dank, das war auch mein Gedanke, hatte nur nicht schneller es aus probieren können.
                                Ich finde mega, was du gebastelt hast.

                                Jetzt muss nur noch das andere Thema wieder gehen.

                                Ein großes Dankeschön an Dich.

                                1 Reply Last reply Reply Quote 1
                                • H
                                  hubert9999 last edited by hubert9999

                                  Danke für dein Script.
                                  Klappt nun.

                                  Wo genau kann man den Bilderpfad nachschauen?

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

                                    @hubert9999 .. die Icons liegen im icontwo Adapter

                                    cdbe409d-bf49-4c73-a0fd-da9211c50c3f-image.png

                                    Der Pfad (z.B. für die braune Tonne):

                                    /vis-icontwo/Schedule/Trash/trash_brown.png

                                    Wenn du eigene Icons verwenden möchtest musst natürlich den Pfad zu deinem Icon in dem Script angeben. Den Pfad kannst du dir über den Dateimanager im VIS-Editor holen.

                                    f4652201-a2cd-4191-81a1-5e3f347f1a60-image.png

                                    Z.B., wenn du eigene Icons im VIS-2.0 Verzeichnis geladen hast, dann ist der Pfad:

                                    /vis-2.0/HOTBIN Nederland-safe-reviews-icon.png

                                    Bitte nur hier den Pfad ändern. Sonst nichts an den grünen Blöcken ändern.

                                    47749988-3f58-495d-ba8a-e61dafde923f-image.png

                                    1 Reply Last reply Reply Quote 1
                                    • R
                                      RikDRS last edited by

                                      Guten Morgen zusammen!

                                      noch eine Frage zu dem Widget: heute wird bei uns die Restmüll-Tonne geleert, allerdings wird nicht "HEUTE" angezeigt, sondern der nächste Abholtermin in 14 Tagen. Ich meine gestern auf der Anzeige auch kein "Morgen" gesehen zu haben.

                                      a7d8d1e5-d71e-4f3f-b772-44eaa5b5c98e-image.png

                                      Die Anzahl der verbleibenden Tage funktioniert dagegen ohne Probleme

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

                                        Das liegt dann aber nicht an den Script. Ich hole damit nur die Daten aus dem Adapter-Datenpunkt:

                                        9f9770de-4311-425c-b0f0-f62d24bb46ba-image.png

                                        Wenn es dort schon falsch drinsteht, kann ich das mit dem Script nicht beeinflussen.

                                        Ich werde das aber beobachten. Bei mir ist die nächste Tonne in 2 Tagen dran. Das Widget müsste morgen also 'Morgen' anzeigen.

                                        a7f8eb8a-7d77-4437-9568-1896ad80a164-image.png

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

                                          davon gehe ich eigentlich auch aus. Was mich stutzig macht, ist meine "alte VIS1", die folgendes anzeigt:
                                          fbbd615b-158e-40d3-8ec5-68be881980f3-image.png

                                          zwar kein "heute", aber auch nicht den nächsten Termin in 14 Tagen

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

                                            @rikdrs .. ich kann das in VIS1 leider nicht mehr ausprobieren. Ich habe den Adapter gelöscht. Ich achte morgen mal auf meine VIS und poste dann das Ergebnis.

                                            Bei mir sollte da dann das 'Morgen' auftauchen.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            788
                                            Online

                                            32.0k
                                            Users

                                            80.4k
                                            Topics

                                            1.3m
                                            Posts

                                            4
                                            30
                                            572
                                            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