Widget "Post ist da"
Verfasst: 21. Mär 2026 19:38
Hallo zusammen,
irgendwie stelle ich mich mal wieder etwas dumm an
:
Ich brauche ein Widget, dass mir den Briefkastenstatus anzeigt.
Dazu habe ich einen IR-Sensor (MQTT) im Briefkasten, der das auch wunderbar macht.
Allerdings soll er sich nicht selbst zurückstellen, sonder per Button resettet werden.
Den Code für die Anzeige des Sensors habe ich schon, es fehlt "einfach" nur , dass der Status bis zum reset bleibt.
Bringt ja nix, wenn die Anzeige nur ein paar Sekunden da ist.
Gruss
Andreas
irgendwie stelle ich mich mal wieder etwas dumm an
Ich brauche ein Widget, dass mir den Briefkastenstatus anzeigt.
Dazu habe ich einen IR-Sensor (MQTT) im Briefkasten, der das auch wunderbar macht.
Allerdings soll er sich nicht selbst zurückstellen, sonder per Button resettet werden.
Den Code für die Anzeige des Sensors habe ich schon, es fehlt "einfach" nur , dass der Status bis zum reset bleibt.
Bringt ja nix, wenn die Anzeige nur ein paar Sekunden da ist.
Code: Alles auswählen
uid: Post_da
tags: []
props:
parameters:
- context: item
label: IR_Sensor1_IR Item
name: IR_Sensor1_IR Item
required: true
type: TEXT
- label: Titel
name: title
required: false
parameterGroups: []
timestamp: Mar 21, 2026, 7:20:00 PM
component: f7-card
config:
stylesheet: |
@keyframes blinker {
50% { opacity: 0; }
} .blink-active {
animation: blinker 1s linear infinite;
}
title: =props.title
slots:
default:
- component: oh-icon
config:
class: '=(items.IR_Sensor1_IR.state === "true") ? "blink-active" : ""'
icon: '=(items.IR_Sensor1_IR.state === "false") ?
"f7:exclamationmark_triangle_fill" : "f7:house"'
size: 80
style:
color: '=(items.IR_Sensor1_IR.state === "true") ? "green" : "red"'
margin-left: 20px
- component: Label
config:
style:
font-weight: bold
margin-left: 20px
text: '=(items.IR_Sensor1_IR.state === "true") ? "Post da" : "Keine Post"'
Andreas