Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Vorlagen/Ideen MüllPlan VIEW / Widget ?

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Vorlagen/Ideen MüllPlan VIEW / Widget ?

    This topic has been deleted. Only users with topic management privileges can see it.
    • crunchip
      crunchip Forum Testing Most Active @ChrisXY last edited by

      @ChrisXY habs oben geändert

      1 Reply Last reply Reply Quote 0
      • C
        ChrisXY last edited by

        hm in den abfalltermine habe ich wohl ein fehler ... weiss aber nicht was ich falsch gemacht.
        Hab alles in Instanz 0.

        Zeigt nur 1 oder -1 an
        abfall.png

        debug = true;
        
        const PFAD = "ical.0.events.";
        const EINTRAEGE = {                       
            "Restmuelltonne": 'javascript.0.Vis.muell.restmuell',
            "Papiertonne": 'javascript.0.Vis.muell.papiertonne',
            "Biotonne": 'javascript.0.Vis.muell.biotonne',
            "GelberSack": 'javascript.0.Vis.muell.gelbersack'
        };
        
        crunchip 1 Reply Last reply Reply Quote 0
        • crunchip
          crunchip Forum Testing Most Active @ChrisXY last edited by

          @ChrisXY stell in deinem ical die Tagesvorschau auf 90, steht bei dir auf 7

          1 Reply Last reply Reply Quote 0
          • C
            ChrisXY last edited by

            hahaha ja hab es vor 5 minuten auch gemerkt ... Trotzdem Danke

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

              Mal ne ganz blöde Frage.
              Lässt sich das mit der eingangs erwähnten blinkenden Tonne auch umsetzen?
              Ich bin nicht ganz so fit im VIS Editor.

              crunchip liv-in-sky 2 Replies Last reply Reply Quote 0
              • crunchip
                crunchip Forum Testing Most Active @Chaot last edited by

                @Chaot meinst du die Blickende Zahl?

                Chaot 1 Reply Last reply Reply Quote 0
                • Chaot
                  Chaot @crunchip last edited by

                  @crunchip Ja, oder das Symbol blinken lassen.

                  crunchip 1 Reply Last reply Reply Quote 0
                  • crunchip
                    crunchip Forum Testing Most Active @Chaot last edited by

                    @Chaot für die Zahl
                    CSS Klasse {val:javascript.0.Vis.muell.papiertonne; val<=1? "mdui-red-flash": val>=2? "": "yellowgreen"}

                    Chaot liv-in-sky 2 Replies Last reply Reply Quote 0
                    • Chaot
                      Chaot @crunchip last edited by Chaot

                      @crunchip Oooook?
                      Und wo trage ich das ein?
                      Von CSS habe ich schon gar keine Ahnung ☹

                      Edit:
                      Ich habe es gefunden. 👏
                      Das ist ja schon in deiner Vorlage drin!👍

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

                        Hallo,

                        bei mir sieht das so aus:

                        d53fcb10-26da-4a3b-a0b2-0ba9be456bca-image.png

                        Gruß
                        opossum

                        liv-in-sky 1 Reply Last reply Reply Quote 0
                        • liv-in-sky
                          liv-in-sky @Chaot last edited by liv-in-sky

                          @Chaot

                          ich habe das hier unter css (project) -tab kopiert

                          .blink {
                              display:block;
                              -webkit-animation-name: color-pulse;
                              -webkit-animation-duration: 3s;
                              -webkit-animation-iteration-count: infinite;
                              -webkit-animation-timing-function: ease-in-out;
                              -webkit-animation-direction: alternate;
                              animation-name: color-pulse;
                              animation-duration: 3s;
                              animation-iteration-count: infinite;
                              animation-timing-function: ease-in-out;
                              animation-direction: alternate;
                              } 
                          

                          anschliessend habe ich das im widget angegeben

                          Image 1.png

                          dann blinkt das ganze - das alles kann man dann mit der sichbarkeit noch ein wenig konfigurieren - z.b wenn nur noch 1 tag bis zum mülltag ist, wird dieses blinkende widget sichtbar - dauert es über einen tag, ist ein feststehendes anders widget sichtbar - beide widget liegen übereinander und sind je nach wert der tage sichtbar

                          du kannst dass blink für alle anderen widget auch benutzen - du musst nur im widget das blink in der css klasse angeben

                          hoffe das hilft weiter - bei mir sieht es so aus - morgen ist mülltag-bio - die braune tonne ist groß geworden und blinkt
                          uml-ani-gif11.gif

                          1 Reply Last reply Reply Quote 0
                          • liv-in-sky
                            liv-in-sky @opossum last edited by liv-in-sky

                            @opossum

                            würdest du deine bilder vielleicht hochladen -könnte sie in einer anderen view gut gebrauchen - gibt es das auch für grün? oder muss ich wieder mal "gimpen"

                            opossum 1 Reply Last reply Reply Quote 0
                            • C
                              ChrisXY last edited by

                              nice die Symbole gefallen mir auch wo hast du die hier ? Bei uns ist die Tonne aber Blau ..

                              liv-in-sky 1 Reply Last reply Reply Quote 0
                              • liv-in-sky
                                liv-in-sky @ChrisXY last edited by liv-in-sky

                                @ChrisXY das ist blöd - dann musst du wohl umziehen 🙂

                                welche bilder meinst du eigentlich - die von opossum?

                                1 Reply Last reply Reply Quote 0
                                • C
                                  ChrisXY last edited by

                                  diese
                                  alt text
                                  Also das sBlinken habe ich jetzt mal eingefügt Projekt CSS
                                  dann bei css class "blink" reingeschrieben.
                                  Klappt aber nicht. Im css ist was mit "block"
                                  Ich hab folgendes widget : Basic bool html.

                                  liv-in-sky H 3 Replies Last reply Reply Quote 0
                                  • liv-in-sky
                                    liv-in-sky @ChrisXY last edited by

                                    @ChrisXY

                                    muelltonneGruen.png muelltonneGelb.png muelltonneBraun.png muelltonneBlau.png muelltonneSchwarz.png muelltonneRot.png

                                    1 Reply Last reply Reply Quote 1
                                    • C
                                      ChrisXY last edited by ChrisXY

                                      DANKE ! hab auch mal das image Widget genommen aber da binkt auch nichts hmm

                                      liv-in-sky 1 Reply Last reply Reply Quote 0
                                      • liv-in-sky
                                        liv-in-sky @ChrisXY last edited by liv-in-sky

                                        @ChrisXY

                                        kannst du mal ein bild des css-tab machen und posten - das mit dem block versteh ich nicht ?
                                        das alles ist eigentlich widget unabhängig - muss mit jedem widget funktionieren

                                        C 1 Reply Last reply Reply Quote 0
                                        • C
                                          ChrisXY @liv-in-sky last edited by

                                          @liv-in-sky klar. Hab ja auch schon mit css gearbeitet für das "glow" das klappt alles css.png

                                          1 Reply Last reply Reply Quote 0
                                          • liv-in-sky
                                            liv-in-sky @ChrisXY last edited by liv-in-sky

                                            @ChrisXY

                                            ich meinte den css- tab als bild - rechts daneben
                                            habe gerade festgestellt, dass bei mir alles unter global in dem css tab ist und nicht project

                                            Image 3.png

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            861
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            38
                                            311
                                            44452
                                            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