Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Schmitti]

@codierknecht Funktioniert, Danke!

[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:

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

[Schmitti]

@codierknecht Vielen Dank!

Ja, um die Tagesanzeige ist ein Rahmen drumrum welchen man bei Bedarf blinken lassen kann.

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

[Rennuy]

@schmitti bei mir blinkt der Rahmen rot, sobald es nur noch ein Tag ist. Bin mir sicher, dass ich nichts zusätzlich eingestellt habe.

[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)

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; }    
}

[Codierknecht]

Damit blinkt die Zahl aber immer.

Bei mir funktioniert das mit der folgenden Einstellung völlig ohne CSS:

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

[hb84]

@haus-automatisierung

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

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

[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-automatisierung]

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

[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?

[haus-automatisierung]

@codierknecht Danke! Habe ich mit aufgenommen

[Codierknecht]

@haus-automatisierung
Copy-Paste-Development ... das funzt :grin: