Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Vorlagen/Ideen MüllPlan VIEW / Widget ?

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.4k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.0k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.5k

Vorlagen/Ideen MüllPlan VIEW / Widget ?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
317 Beiträge 41 Kommentatoren 63.4k Aufrufe 49 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • H Hundefreund

    @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...

    GlasfaserG Online
    GlasfaserG Online
    Glasfaser
    schrieb am zuletzt editiert von Glasfaser
    #118

    @Hundefreund

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

    TrashSchedule

    und Widget von Sigi234

    Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

    H 1 Antwort Letzte Antwort
    0
    • H Hundefreund

      @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...

      liv-in-skyL Offline
      liv-in-skyL Offline
      liv-in-sky
      schrieb am zuletzt editiert von liv-in-sky
      #119

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

      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

      S 1 Antwort Letzte Antwort
      0
      • GlasfaserG Glasfaser

        @Hundefreund

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

        TrashSchedule

        und Widget von Sigi234

        H Offline
        H Offline
        Hundefreund
        schrieb am zuletzt editiert von
        #120

        @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..

        INTEL-Nuc I3 CPU,16GB RAM
        Promox/Iobroker /Zwave Aero-Stick
        PI4 incl. piVCCU3 /Deconz
        Vis im Aufbau...
        Gartenbewässerung im Aufbau mit Sonoff 4CH...

        GlasfaserG liv-in-skyL 2 Antworten Letzte Antwort
        0
        • H Hundefreund

          @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..

          GlasfaserG Online
          GlasfaserG Online
          Glasfaser
          schrieb am zuletzt editiert von
          #121

          @Hundefreund

          Meinst du Das !?

          uml-ani-gif11.gif

          ist von @liv-in-sky

          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

          1 Antwort Letzte Antwort
          0
          • H Hundefreund

            @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..

            liv-in-skyL Offline
            liv-in-skyL Offline
            liv-in-sky
            schrieb am zuletzt editiert von
            #122

            @Hundefreund

            bilder - der rest ist weiter vorne beschrieben


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

            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

            H 1 Antwort Letzte Antwort
            0
            • liv-in-skyL liv-in-sky

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

              S Offline
              S Offline
              salmi
              schrieb am zuletzt editiert von
              #123

              @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

              crunchipC 1 Antwort Letzte Antwort
              0
              • S salmi

                @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

                crunchipC Abwesend
                crunchipC Abwesend
                crunchip
                Forum Testing Most Active
                schrieb am zuletzt editiert von
                #124

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

                umgestiegen von Proxmox auf Unraid

                1 Antwort Letzte Antwort
                0
                • liv-in-skyL liv-in-sky

                  @Hundefreund

                  bilder - der rest ist weiter vorne beschrieben


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

                  H Offline
                  H Offline
                  Hundefreund
                  schrieb am zuletzt editiert von
                  #125

                  @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

                  INTEL-Nuc I3 CPU,16GB RAM
                  Promox/Iobroker /Zwave Aero-Stick
                  PI4 incl. piVCCU3 /Deconz
                  Vis im Aufbau...
                  Gartenbewässerung im Aufbau mit Sonoff 4CH...

                  liv-in-skyL 1 Antwort Letzte Antwort
                  0
                  • H Hundefreund

                    @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-skyL Offline
                    liv-in-skyL Offline
                    liv-in-sky
                    schrieb am zuletzt editiert von
                    #126

                    @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

                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                    H 1 Antwort Letzte Antwort
                    0
                    • liv-in-skyL liv-in-sky

                      @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 Offline
                      H Offline
                      Hundefreund
                      schrieb am zuletzt editiert von
                      #127

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

                      INTEL-Nuc I3 CPU,16GB RAM
                      Promox/Iobroker /Zwave Aero-Stick
                      PI4 incl. piVCCU3 /Deconz
                      Vis im Aufbau...
                      Gartenbewässerung im Aufbau mit Sonoff 4CH...

                      liv-in-skyL 1 Antwort Letzte Antwort
                      0
                      • H Hundefreund

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

                        liv-in-skyL Offline
                        liv-in-skyL Offline
                        liv-in-sky
                        schrieb am zuletzt editiert von
                        #128

                        @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

                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                        H 1 Antwort Letzte Antwort
                        0
                        • liv-in-skyL liv-in-sky

                          @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 Offline
                          H Offline
                          Hundefreund
                          schrieb am zuletzt editiert von
                          #129

                          @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!

                          INTEL-Nuc I3 CPU,16GB RAM
                          Promox/Iobroker /Zwave Aero-Stick
                          PI4 incl. piVCCU3 /Deconz
                          Vis im Aufbau...
                          Gartenbewässerung im Aufbau mit Sonoff 4CH...

                          1 Antwort Letzte Antwort
                          0
                          • S Offline
                            S Offline
                            salmi
                            schrieb am zuletzt editiert von
                            #130

                            @liv-in-sky sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                            boolean

                            Hallo würde da blinken auch gerne bei meiner Abwesenheit Einsätzen
                            würde das so stimmen ?

                            {boolean:radar2.1.Stefan._here;  boolean=true ? "blink-green":  boolean=false ? "blink-red": ""}
                            

                            weil irgendwie funktioniert es nicht hab es schon mit mehreren varianten versucht !
                            DANKE

                            liv-in-skyL 1 Antwort Letzte Antwort
                            0
                            • S salmi

                              @liv-in-sky sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                              boolean

                              Hallo würde da blinken auch gerne bei meiner Abwesenheit Einsätzen
                              würde das so stimmen ?

                              {boolean:radar2.1.Stefan._here;  boolean=true ? "blink-green":  boolean=false ? "blink-red": ""}
                              

                              weil irgendwie funktioniert es nicht hab es schon mit mehreren varianten versucht !
                              DANKE

                              liv-in-skyL Offline
                              liv-in-skyL Offline
                              liv-in-sky
                              schrieb am zuletzt editiert von
                              #131

                              @salmi

                              probier mal das boolean ist ungut für eine bennenung einer variablen

                              {var:radar2.1.Stefan._here;  var=true ? "blink-green" :   "blink-red": ""}
                              

                              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                              S 1 Antwort Letzte Antwort
                              0
                              • liv-in-skyL liv-in-sky

                                @salmi

                                probier mal das boolean ist ungut für eine bennenung einer variablen

                                {var:radar2.1.Stefan._here;  var=true ? "blink-green" :   "blink-red": ""}
                                
                                S Offline
                                S Offline
                                salmi
                                schrieb am zuletzt editiert von
                                #132

                                @liv-in-sky funktioniert auch nicht

                                liv-in-skyL 1 Antwort Letzte Antwort
                                0
                                • S salmi

                                  @liv-in-sky funktioniert auch nicht

                                  liv-in-skyL Offline
                                  liv-in-skyL Offline
                                  liv-in-sky
                                  schrieb am zuletzt editiert von
                                  #133

                                  @salmi

                                  sorry nochmal - bin gerade nicht richtig bei der sache

                                  {var:radar2.1.Stefan._here;  var==true ? "blink-green" :   "blink-red": ""}
                                  

                                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                  S 1 Antwort Letzte Antwort
                                  0
                                  • liv-in-skyL liv-in-sky

                                    @salmi

                                    sorry nochmal - bin gerade nicht richtig bei der sache

                                    {var:radar2.1.Stefan._here;  var==true ? "blink-green" :   "blink-red": ""}
                                    
                                    S Offline
                                    S Offline
                                    salmi
                                    schrieb am zuletzt editiert von
                                    #134

                                    @liv-in-sky sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                    @salmi

                                    sorry nochmal - bin gerade nicht richtig bei der sache

                                    {var:radar2.1.Stefan._here;  var==true ? "blink-green" :   "blink-red": ""}
                                    

                                    Funktioniert auch nicht keine Ahnung warum !

                                    liv-in-skyL 1 Antwort Letzte Antwort
                                    0
                                    • S salmi

                                      @liv-in-sky sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                      @salmi

                                      sorry nochmal - bin gerade nicht richtig bei der sache

                                      {var:radar2.1.Stefan._here;  var==true ? "blink-green" :   "blink-red": ""}
                                      

                                      Funktioniert auch nicht keine Ahnung warum !

                                      liv-in-skyL Offline
                                      liv-in-skyL Offline
                                      liv-in-sky
                                      schrieb am zuletzt editiert von
                                      #135

                                      @salmi

                                      dies ist jetzt getestet - true gehört tatsächlich in anführungzeichen

                                      {val:controll-own.0.Luefter3; val=="true" ? "blink-red":"blink-green"}
                                      

                                      test7.gif

                                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                      S 1 Antwort Letzte Antwort
                                      0
                                      • liv-in-skyL liv-in-sky

                                        @salmi

                                        dies ist jetzt getestet - true gehört tatsächlich in anführungzeichen

                                        {val:controll-own.0.Luefter3; val=="true" ? "blink-red":"blink-green"}
                                        

                                        test7.gif

                                        S Offline
                                        S Offline
                                        salmi
                                        schrieb am zuletzt editiert von
                                        #136

                                        @liv-in-sky DANKE es funktioniert !!

                                        liv-in-skyL 1 Antwort Letzte Antwort
                                        0
                                        • S salmi

                                          @liv-in-sky DANKE es funktioniert !!

                                          liv-in-skyL Offline
                                          liv-in-skyL Offline
                                          liv-in-sky
                                          schrieb am zuletzt editiert von
                                          #137

                                          @salmi schwere geburt :-(

                                          1marvin-the-hitchhiker-s-guide-to-the-galaxy-robby-the-robot-paranoid-android-others-thumb.jpg

                                          sorry - war voll in einer anderen sache und etwas unkonzentriert

                                          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                          1 Antwort Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          659

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe