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 mach ich dann, bin grad nicht am Rechner, gib mir ne halbe std

      1 Reply Last reply Reply Quote 1
      • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            464
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

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