Thanks for sharing your thoughts on this. I just added the missing visibility configuration (when the next collection date is unknown the corresponding item will not be shown in the widget):
uid: garbage_cell_v4
tags: []
props:
parameterGroups: []
timestamp: Jan 21, 2021, 11:21:27 AM
component: f7-card
config:
title: ="Abfuhrtermine:"
slots:
default:
- component: f7-card-content
slots:
default:
- component: f7-list
config:
mediaList: true
slots:
default:
- component: oh-list-item
config:
title: Restmüll
icon: f7:trash
iconColor: black
badge: '=((items.garbage_collection_restmuell.displayState == items.local_dateweekday.displayState) ? "Heute" : (items.garbage_collection_restmuell.displayState == items.local_dateweekday_tomorrow.displayState) ? "Morgen" : false)'
badgeColor: '=((items.garbage_collection_restmuell.displayState == items.local_dateweekday.displayState) ? "red" : "yellow")'
footer: =items.garbage_collection_restmuell.displayState
visible: '=items.garbage_collection_restmuell.state == "UNDEF" ? false : true'
- component: oh-list-item
config:
title: Bioabfall
icon: f7:trash
iconColor: teal
badge: '=((items.garbage_collection_bioabfall.displayState == items.local_dateweekday.displayState) ? "Heute" : (items.garbage_collection_bioabfall.displayState == items.local_dateweekday_tomorrow.displayState) ? "Morgen" : false)'
badgeColor: '=((items.garbage_collection_bioabfall.displayState == items.local_dateweekday.displayState) ? "red" : "yellow")'
footer: =items.garbage_collection_bioabfall.displayState
visible: '=items.garbage_collection_bioabfall.state == "UNDEF" ? false : true'
- component: oh-list-item
config:
title: Gelbe Tonne
icon: f7:trash
iconColor: yellow
badge: '=((items.garbage_collection_gelb.displayState == items.local_dateweekday.displayState) ? "Heute" : (items.garbage_collection_gelb.displayState == items.local_dateweekday_tomorrow.displayState) ? "Morgen" : false)'
badgeColor: '=((items.garbage_collection_gelb.displayState == items.local_dateweekday.displayState) ? "red" : "yellow")'
footer: =items.garbage_collection_gelb.displayState
visible: '=items.garbage_collection_gelb.state == "UNDEF" ? false : true'
- component: oh-list-item
config:
title: Blaue Tonne
icon: f7:trash
iconColor: blue
badge: '=((items.garbage_collection_blue.displayState == items.local_dateweekday.displayState) ? "Heute" : (items.garbage_collection_blue.displayState == items.local_dateweekday_tomorrow.displayState) ? "Morgen" : false)'
badgeColor: '=((items.garbage_collection_blue.displayState == items.local_dateweekday.displayState) ? "red" : "yellow")'
footer: =items.garbage_collection_blue.displayState
visible: '=items.garbage_collection_blue.state == "UNDEF" ? false : true'
- component: oh-list-item
config:
title: Sperrmüll
icon: f7:trash
iconColor: gray
badge: '=((items.garbage_collection_bulk.displayState == items.local_dateweekday.displayState) ? "Heute" : (items.garbage_collection_bulk.displayState == items.local_dateweekday_tomorrow.displayState) ? "Morgen" : false)'
badgeColor: '=((items.garbage_collection_bulk.displayState == items.local_dateweekday.displayState) ? "red" : "yellow")'
footer: =items.garbage_collection_bulk.displayState
visible: '=items.garbage_collection_bulk.state == "UNDEF" ? false : true'
- component: oh-list-item
config:
title: Weihnachtsbäume
icon: f7:trash
iconColor: green
badge: '=((items.garbage_collection_christmas.displayState == items.local_dateweekday.displayState) ? "Heute" : (items.garbage_collection_christmas.displayState == items.local_dateweekday_tomorrow.displayState) ? "Morgen" : false)'
badgeColor: '=((items.garbage_collection_christmas.displayState == items.local_dateweekday.displayState) ? "red" : "yellow")'
footer: =items.garbage_collection_christmas.displayState
visible: '=items.garbage_collection_christmas.state == "UNDEF" ? false : true'
- component: f7-card-footer
slots:
default:
- component: Label
config:
text: '="Nächste Abholung: " + items.garbage_collection.displayState'