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. Trashschedule Visualisierung anpassen

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    1.5k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    845

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.1k

Trashschedule Visualisierung anpassen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
18 Beiträge 5 Kommentatoren 1.5k Aufrufe 6 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.
  • CodierknechtC Codierknecht

    @schmitti
    Damit blinkt das komplette Widget:

    .trashschedule-widget {
        animation-name: animation_blink;
        animation-timing-function: ease-in;
        animation-duration: 2s; 
        animation-iteration-count: infinite;
    }
    @keyframes animation_blink {
        0% { opacity: 1; }
        50% { opacity: 0.1; }
        100% { opacity: 1; }    
    }
    

    Wenn da ein Rahmen drumrum ist und der blinken soll, müsste man statt .trashschedule-widget den Namen der Klasse dieses Rahmens angeben.

    S Offline
    S Offline
    Schmitti
    schrieb am zuletzt editiert von
    #6

    @codierknecht Vielen Dank!

    Ja, um die Tagesanzeige ist ein Rahmen drumrum welchen man bei Bedarf blinken lassen kann.
    trash.png
    Wo finde ich die Klasse, bzw. wie komme ich zu diesen Zeilen damit ich mal nachschuen könnte ob der Rahmen zu finden ist?

    R CodierknechtC 2 Antworten Letzte Antwort
    0
    • S Schmitti

      @codierknecht Vielen Dank!

      Ja, um die Tagesanzeige ist ein Rahmen drumrum welchen man bei Bedarf blinken lassen kann.
      trash.png
      Wo finde ich die Klasse, bzw. wie komme ich zu diesen Zeilen damit ich mal nachschuen könnte ob der Rahmen zu finden ist?

      R Offline
      R Offline
      Rennuy
      schrieb am zuletzt editiert von
      #7

      @schmitti bei mir blinkt der Rahmen rot, sobald es nur noch ein Tag ist. Bin mir sicher, dass ich nichts zusätzlich eingestellt habe.
      47482ccd-7398-49bb-acb8-8204c9bd957b-image.png

      1 Antwort Letzte Antwort
      0
      • S Schmitti

        @codierknecht Vielen Dank!

        Ja, um die Tagesanzeige ist ein Rahmen drumrum welchen man bei Bedarf blinken lassen kann.
        trash.png
        Wo finde ich die Klasse, bzw. wie komme ich zu diesen Zeilen damit ich mal nachschuen könnte ob der Rahmen zu finden ist?

        CodierknechtC Offline
        CodierknechtC Offline
        Codierknecht
        Developer Most Active
        schrieb am zuletzt editiert von
        #8

        @schmitti sagte in Trashschedule Visualisierung anpassen:

        Wo finde ich die Klasse, bzw. wie komme ich zu diesen Zeilen damit ich mal nachschuen könnte ob der Rahmen zu finden ist?

        Rechtklick im Browser und "Untersuchen" (bzw. F12)
        94d100a2-002f-4c6f-8d05-14bee2d403e2-grafik.png
        Also sollte das so aussehen:

        .dumpster .daysleft {
            animation-name: animation_blink;
            animation-timing-function: ease-in;
            animation-duration: 2s; 
            animation-iteration-count: infinite;
        }
        @keyframes animation_blink {
            0% { opacity: 1; }
            50% { opacity: 0.1; }
            100% { opacity: 1; }    
        }
        

        "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

        Proxmox 9.1.1 LXC|8 GB|Core i7-6700
        HmIP|ZigBee|Tasmota|Unifi
        Zabbix Certified Specialist
        Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

        CodierknechtC 1 Antwort Letzte Antwort
        0
        • CodierknechtC Codierknecht

          @schmitti sagte in Trashschedule Visualisierung anpassen:

          Wo finde ich die Klasse, bzw. wie komme ich zu diesen Zeilen damit ich mal nachschuen könnte ob der Rahmen zu finden ist?

          Rechtklick im Browser und "Untersuchen" (bzw. F12)
          94d100a2-002f-4c6f-8d05-14bee2d403e2-grafik.png
          Also sollte das so aussehen:

          .dumpster .daysleft {
              animation-name: animation_blink;
              animation-timing-function: ease-in;
              animation-duration: 2s; 
              animation-iteration-count: infinite;
          }
          @keyframes animation_blink {
              0% { opacity: 1; }
              50% { opacity: 0.1; }
              100% { opacity: 1; }    
          }
          
          CodierknechtC Offline
          CodierknechtC Offline
          Codierknecht
          Developer Most Active
          schrieb am zuletzt editiert von
          #9

          Damit blinkt die Zahl aber immer.

          Bei mir funktioniert das mit der folgenden Einstellung völlig ohne CSS:
          bb44d2f4-a6f0-40a8-8f7d-0a9d31ea16ff-grafik.png

          "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

          Proxmox 9.1.1 LXC|8 GB|Core i7-6700
          HmIP|ZigBee|Tasmota|Unifi
          Zabbix Certified Specialist
          Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

          H 1 Antwort Letzte Antwort
          0
          • CodierknechtC Codierknecht

            Damit blinkt die Zahl aber immer.

            Bei mir funktioniert das mit der folgenden Einstellung völlig ohne CSS:
            bb44d2f4-a6f0-40a8-8f7d-0a9d31ea16ff-grafik.png

            H Offline
            H Offline
            hb84
            schrieb am zuletzt editiert von
            #10

            Hallo,

            auch erst einmal vielen Dank an @haus-automatisierung für das Widget!
            Noch eine Frage zum Thema blinken: Gibt es ein einfach Möglichkeit, dass nur am Abholtag selber signalisiert wird, also verbleibenden Tage < 1 ?

            haus-automatisierungH 1 Antwort Letzte Antwort
            0
            • H hb84

              Hallo,

              auch erst einmal vielen Dank an @haus-automatisierung für das Widget!
              Noch eine Frage zum Thema blinken: Gibt es ein einfach Möglichkeit, dass nur am Abholtag selber signalisiert wird, also verbleibenden Tage < 1 ?

              haus-automatisierungH Offline
              haus-automatisierungH Offline
              haus-automatisierung
              Developer Most Active
              schrieb am zuletzt editiert von
              #11

              @hb84 sagte in Trashschedule Visualisierung anpassen:

              dass nur am Abholtag selber signalisiert wird, also verbleibenden Tage < 1 ?

              Genau das passiert doch gerade, oder nicht? Müsste jetzt selbst in den Code schauen...

              🧑‍🎓 Autor des beliebten ioBroker-Master-Kurses
              🎥 Tutorials rund um das Thema DIY-Smart-Home: https://haus-automatisierung.com/
              📚 Meine inoffizielle ioBroker Dokumentation

              H 1 Antwort Letzte Antwort
              0
              • haus-automatisierungH haus-automatisierung

                @hb84 sagte in Trashschedule Visualisierung anpassen:

                dass nur am Abholtag selber signalisiert wird, also verbleibenden Tage < 1 ?

                Genau das passiert doch gerade, oder nicht? Müsste jetzt selbst in den Code schauen...

                H Offline
                H Offline
                hb84
                schrieb am zuletzt editiert von
                #12

                @haus-automatisierung

                Nein, aktuell wird bereits am Vortag signalisiert, also verbleibende Tage <= 1

                haus-automatisierungH 1 Antwort Letzte Antwort
                0
                • H hb84

                  @haus-automatisierung

                  Nein, aktuell wird bereits am Vortag signalisiert, also verbleibende Tage <= 1

                  haus-automatisierungH Offline
                  haus-automatisierungH Offline
                  haus-automatisierung
                  Developer Most Active
                  schrieb am zuletzt editiert von
                  #13

                  @hb84 Okay, aber ich würde ungern noch mehr Optionen in das Widget packen. Zumal eh irgendwann die Bereitstellung für ein VIS 2.0 Widget ansteht und dann entwickle ich das von Grund auf neu.

                  🧑‍🎓 Autor des beliebten ioBroker-Master-Kurses
                  🎥 Tutorials rund um das Thema DIY-Smart-Home: https://haus-automatisierung.com/
                  📚 Meine inoffizielle ioBroker Dokumentation

                  CodierknechtC 1 Antwort Letzte Antwort
                  0
                  • haus-automatisierungH haus-automatisierung

                    @hb84 Okay, aber ich würde ungern noch mehr Optionen in das Widget packen. Zumal eh irgendwann die Bereitstellung für ein VIS 2.0 Widget ansteht und dann entwickle ich das von Grund auf neu.

                    CodierknechtC Offline
                    CodierknechtC Offline
                    Codierknecht
                    Developer Most Active
                    schrieb am zuletzt editiert von
                    #14

                    @haus-automatisierung
                    Dann macht's ja wenig Sinn, dafür noch ein Issue aufzumachen ;-)

                    if (glow && trashType.daysLeft <= 1) {
                        newItem.addClass('trash-glow');
                    }
                    

                    "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

                    Proxmox 9.1.1 LXC|8 GB|Core i7-6700
                    HmIP|ZigBee|Tasmota|Unifi
                    Zabbix Certified Specialist
                    Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

                    haus-automatisierungH 1 Antwort Letzte Antwort
                    0
                    • CodierknechtC Codierknecht

                      @haus-automatisierung
                      Dann macht's ja wenig Sinn, dafür noch ein Issue aufzumachen ;-)

                      if (glow && trashType.daysLeft <= 1) {
                          newItem.addClass('trash-glow');
                      }
                      
                      haus-automatisierungH Offline
                      haus-automatisierungH Offline
                      haus-automatisierung
                      Developer Most Active
                      schrieb am zuletzt editiert von
                      #15

                      @codierknecht Du könntest dafür einen PR aufmachen mit einer neuen Option im Widget

                      🧑‍🎓 Autor des beliebten ioBroker-Master-Kurses
                      🎥 Tutorials rund um das Thema DIY-Smart-Home: https://haus-automatisierung.com/
                      📚 Meine inoffizielle ioBroker Dokumentation

                      CodierknechtC 1 Antwort Letzte Antwort
                      0
                      • haus-automatisierungH haus-automatisierung

                        @codierknecht Du könntest dafür einen PR aufmachen mit einer neuen Option im Widget

                        CodierknechtC Offline
                        CodierknechtC Offline
                        Codierknecht
                        Developer Most Active
                        schrieb am zuletzt editiert von
                        #16

                        @haus-automatisierung sagte in Trashschedule Visualisierung anpassen:

                        @codierknecht Du könntest dafür einen PR aufmachen mit einer neuen Option im Widget

                        In etwa so?
                        9916cc19-7f7a-40f9-83df-35c7bc4d0ac0-image.png

                        "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

                        Proxmox 9.1.1 LXC|8 GB|Core i7-6700
                        HmIP|ZigBee|Tasmota|Unifi
                        Zabbix Certified Specialist
                        Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

                        haus-automatisierungH 1 Antwort Letzte Antwort
                        1
                        • CodierknechtC Codierknecht

                          @haus-automatisierung sagte in Trashschedule Visualisierung anpassen:

                          @codierknecht Du könntest dafür einen PR aufmachen mit einer neuen Option im Widget

                          In etwa so?
                          9916cc19-7f7a-40f9-83df-35c7bc4d0ac0-image.png

                          haus-automatisierungH Offline
                          haus-automatisierungH Offline
                          haus-automatisierung
                          Developer Most Active
                          schrieb am zuletzt editiert von
                          #17

                          @codierknecht Danke! Habe ich mit aufgenommen

                          🧑‍🎓 Autor des beliebten ioBroker-Master-Kurses
                          🎥 Tutorials rund um das Thema DIY-Smart-Home: https://haus-automatisierung.com/
                          📚 Meine inoffizielle ioBroker Dokumentation

                          CodierknechtC 1 Antwort Letzte Antwort
                          0
                          • haus-automatisierungH haus-automatisierung

                            @codierknecht Danke! Habe ich mit aufgenommen

                            CodierknechtC Offline
                            CodierknechtC Offline
                            Codierknecht
                            Developer Most Active
                            schrieb am zuletzt editiert von
                            #18

                            @haus-automatisierung
                            Copy-Paste-Development ... das funzt :grin:
                            752d01d6-e12b-458c-b4c2-5102876398e9-image.png

                            "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

                            Proxmox 9.1.1 LXC|8 GB|Core i7-6700
                            HmIP|ZigBee|Tasmota|Unifi
                            Zabbix Certified Specialist
                            Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

                            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

                            536

                            Online

                            32.6k

                            Benutzer

                            82.1k

                            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