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

donate donate
  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.5k

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

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

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.
  • C ChrisXY

    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.

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

    @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

    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
    • liv-in-skyL liv-in-sky

      @crunchip danke - kann ich gut gebrauchen

      uml-ani-gif11.gif

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

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

      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

        @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 Offline
        GlasfaserG Offline
        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 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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          597

                                          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