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.
    • T
      tempestas @moppel2810 last edited by

      @moppel2810

      Welches Tablet hast du?
      Wenn es sehr alt ist, kann es sein, dass das Klassen nicht funktionieren. ZB auf meinem alten Fire HD Tablet ist das so

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

        @moppel2810

        leuchte dauernd:

        .leuchte   {
         animation: mdui-leuchte-ani 10s linear infinite;
           
        }
        @keyframes mdui-leuchte-ani {
         0%, 100% {filter: drop-shadow(0px 0px 4px #DF013A) drop-shadow(0px 0px 4px #DF013A) drop-shadow(0px 0px 4px #DF013A); }
        
        }
        
        

        wie @tempestas schon erwähnte - ich ahbe auch ein sehr altes samsung tablet - da geht es auch nicht

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

          @liv-in-sky

          hab ein galaxy tablet a dachte eigentlich das es noch ok ist😞

          T 1 Reply Last reply Reply Quote 0
          • T
            tempestas @moppel2810 last edited by tempestas

            @moppel2810

            Das habe ich auch. Diese konkrete CSS Klasse habe ich nicht un Benutzung, aber andere mit blinken und co schon, geht ohne Probleme

            Wenn du nur einen rot leuchtenden Rahmen willst, versuch mal diese css Klasse

            .redGlow {filter: drop-shadow(0px 0px 3px #F44336)  ; }
            

            im Reiter CSS im Projekt so eintragen, dann beim Widet unter CSS

            redGlow

            eintragen

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

              @tempestas sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

              .redGlow {filter: drop-shadow(0px 0px 3px #F44336) ; }

              das wollte ich auch benutzen, aber bei dunklen hintergrund ist der schatten kaum erkennbar - oder kennst du noch einen trick, wie der schatten etwas "satter" wird?

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

                Liegt an der iobroker app. Ich benutze jetzt den Fully Browser und mit dem läuft es super er zeigt alles an und hat sogar bewegungserkennung zum aktivieren des Bildschirmes.

                1 Reply Last reply Reply Quote 0
                • H
                  Hundefreund @ChrisXY last edited by

                  @ChrisXY
                  ich bin neu in der Materie hier ...
                  Kannst du mir deine Müllplan View /widget /scripte /Bilder, wie auf dem oberen Bild (gefällt mir sehr gut !!) ,die man für die VIS baucht noch mal linken ??

                  Vielen Dank

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

                    @liv-in-sky
                    Hallo ich bin hier neu in der ganzen
                    Materie...
                    Ich habe mir mal die 3 Scripte runtergeladen und in Vis eingebunden.
                    Wo werden denn die Mülltonnen-Bilder
                    eingebunden und wo sind die verschiedenen
                    CSS scripte ?
                    Danke schon mal...

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

                      @Hundefreund

                      Ich möchte jetzt keine Werbung machen ….. aber es gibt einen fertigen Adapter dafür .

                      TrashSchedule

                      und Widget von Sigi234

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

                        @Hundefreund ja - kann ich nur empfehlen - vereinfacht das ganze (trashschedule)

                        S 1 Reply Last reply Reply Quote 0
                        • H
                          Hundefreund @Glasfaser last edited by

                          @Glasfaser
                          hallo erst mal danke für die Infos,
                          ich suche jedoch das Widget mit den 4 "echten Mülltonnen" die bei Tag 0 graphisch angehoben werden und rot
                          eingerahmt blinken..

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

                            @Hundefreund

                            Meinst du Das !?

                            uml-ani-gif11.gif

                            ist von @liv-in-sky

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

                              @Hundefreund

                              bilder - der rest ist weiter vorne beschrieben


                              muelltonneGruen (1).png muelltonneGelb.png muelltonneBraun.png muelltonneBlau.png muelltonneSchwarz.png muelltonneRot (1).png

                              H 1 Reply Last reply Reply Quote 0
                              • S
                                salmi @liv-in-sky last edited by

                                @liv-in-sky Hallo, ich wurde dieses auch gerne Verwenden ich nutze den Trash

                                ich hatte die css-classe angepasst aber es funktioniert nicht so wie ich es will

                                {val:trashschedule.0.type.Altpapier.daysleft;val=="true"? "blink-red": "blink-red"} 
                                
                                

                                Ich würde gerne wenn der Wert trashschedule.0.next.daysleft <=1 ist das der Rote Rahmen angezeigt wird.

                                Kann mir da wer Helfen ?
                                Danke

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

                                  @salmi siehe weiter oben...nur deinen Datenpunkt anpassen
                                  https://forum.iobroker.net/post/268118

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

                                    @liv-in-sky
                                    erst mal Danke..
                                    Ich benutze gerade noch die beiden alten Müllscripte und das dazugehörige Widget.
                                    Dort ist aber alles anders eingestellt und ich finde nicht die Stelle,wo man
                                    deine Mülltonnen einverlinkt..
                                    Einfacher wäre es für mich ,wenn du
                                    mir einen Widget Export von deiner Müll-Vis zur Verfügung stellen würdest!
                                    VIELEN Dank

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

                                      @Hundefreund in sachen vis bin ich kein wirklicher profi, was design und ideen angeht - da gibt es echte experten - wie z.b @sigi234 dafür

                                      bei meiner vis gibt es oben einen bereich, der auf jeder view angezeigt wird und darin sind z.b. auch die tonnen mit drin

                                      Image 2.png

                                      in Klasse steht:

                                      {val:trashschedule.0.type.BIOMÜLL.daysleft; val<=1 ? "anime": val>= 2 ? "": ""}
                                      

                                      anime dreht das widget

                                      damit blinkt es rot

                                      {val:trashschedule.0.type.BIOMÜLL.daysleft; val<=1 ? "blink-red": val>= 2 ? "": ""}
                                      

                                      css:

                                      .blink-red   {
                                        animation: mdui-red-blink-ani 3s linear infinite;
                                      }
                                      @keyframes mdui-red-blink-ani  {
                                        0%,50% {filter: drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336); }
                                        51% {filter: none;}
                                       
                                      }
                                      

                                      bei deinem beispiel - siind einige fehler drin - zum einem ist val eine zahl - also must du eine zahl im vergleich haben. wäre es eine boolean(true,false) dürfte du true nicht in anführungsstrichen setzen, da dies mit einem string vergleicht

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

                                        @liv-in-sky
                                        das muss ich erst alles entsprechend
                                        ändern und an welcher Stelle werden denn die Mülltonnen (*.png ) verlinkt ???

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

                                          @Hundefreund

                                          meinst du das:

                                          Image 7.png

                                          in der vis ist das ein image-widget - rechts steht die Klasse unter quelle steht das bild selbst

                                          der css eintrag ghört in den "blauen" pfeil

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

                                            @liv-in-sky
                                            danke ,genau das meinte ich !
                                            Vielen Dank noch mal für deine Mühe.
                                            Jetzt blick ich da schon besser durch...
                                            Muss dann jetzt noch alles entsprechend ändern und auch noch den trash-schedule Adapter installieren!

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            732
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

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