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.
  • 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 Offline
      GlasfaserG Offline
      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
                                      • SBorgS Offline
                                        SBorgS Offline
                                        SBorg
                                        Forum Testing Most Active
                                        schrieb am zuletzt editiert von
                                        #138

                                        Ich habe es dann auch endlich mal völlig unspektakulär geschafft es umzusetzen:
                                        Bild 1.png Bild 1.png

                                        Ganz (oder fast) ohne Widget, CSS etc. Ist eine SVG per HTML-Widget die über einen Datenpunkt gesteuert wird.
                                        Je nach Art der Tonne wird die SVG anders eingefärbt, genauso wie die Resttage: 0 rot, 1 orange, 2 gelb, >2 weiß
                                        Da ich nicht unbedingt der "Blinky-blinky" Typ bin, habe ich darauf verzichtet. Würde aber dank SVG auch funktionieren, genauso wie eine Animation der Tonne wenn sie raus muss, drehende Räder bei zB. 0 Tagen...
                                        Die kleinere Tonne wurde einfach per "transform" um 20% verkleinert.
                                        ...und weil es so schön war, geht es jetzt zur Animation der Heizungsübersicht :sunglasses:

                                        LG SBorg ( SBorg auf GitHub)
                                        Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

                                        ChaotC 1 Antwort Letzte Antwort
                                        0
                                        • SBorgS SBorg

                                          Ich habe es dann auch endlich mal völlig unspektakulär geschafft es umzusetzen:
                                          Bild 1.png Bild 1.png

                                          Ganz (oder fast) ohne Widget, CSS etc. Ist eine SVG per HTML-Widget die über einen Datenpunkt gesteuert wird.
                                          Je nach Art der Tonne wird die SVG anders eingefärbt, genauso wie die Resttage: 0 rot, 1 orange, 2 gelb, >2 weiß
                                          Da ich nicht unbedingt der "Blinky-blinky" Typ bin, habe ich darauf verzichtet. Würde aber dank SVG auch funktionieren, genauso wie eine Animation der Tonne wenn sie raus muss, drehende Räder bei zB. 0 Tagen...
                                          Die kleinere Tonne wurde einfach per "transform" um 20% verkleinert.
                                          ...und weil es so schön war, geht es jetzt zur Animation der Heizungsübersicht :sunglasses:

                                          ChaotC Offline
                                          ChaotC Offline
                                          Chaot
                                          schrieb am zuletzt editiert von
                                          #139

                                          @SBorg Schaut interessant aus.
                                          Kannst du davoneinen Export machen?
                                          Ich würde das nur mit 2 Tonnen machen. Lässt sich das einfach ändern?

                                          ioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          318

                                          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