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

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

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

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

Trashschedule Visualisierung anpassen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
18 Beiträge 5 Kommentatoren 1.4k 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.
  • S Schmitti

    Laut FAQ scheint ein Ändern des Blinkens im Vis Widget nicht vorgesehen zu sein.
    Ich hätte mir gewünscht den Rahmen um das gerundeten Rechteck weiss blinken zu lassen.
    Da ich mich mit CSS leider nicht auskenne wäre ich echt froh wenn mir jemand schreibt was ich unter CSS einsetze müsste um das hinzukriegen bitte. :thinking_face:

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

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

    "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

    S 1 Antwort Letzte Antwort
    0
    • 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

                              488

                              Online

                              32.5k

                              Benutzer

                              81.6k

                              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