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 goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    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 @liv-in-sky last edited by

      @liv-in-sky stimmt, da war doch was😀

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

        @crunchip hm Danke aber schon das view lässt sich nicht Importieren. Lannst es vll über https://pastebin.com/ oder als Code ? versuchen. 3. Spoiler rgeht auch nicht auf 😉
        Danke

        crunchip 2 Replies Last reply Reply Quote 0
        • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            568
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

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