Hello,
I’m visualizing the shopping list integration using simple native home assistant solutions.
I used picture element to complete / uncomplete a predefined list of groceries.
The only thing I couldn’t manage is to mark visually items that are currently in the shopping list
type: picture-elements
elements:
- type: state-icon
entity: todo.shopping_list
icon: mdi:cart-plus
state_color: true
tap_action:
action: perform-action
perform_action: shopping_list.incomplete_item
target: {}
data:
name: חלב
style:
left: 20%
top: 80%
color: green
title: Add
hold_action:
action: none
- type: state-icon
style:
left: 80%
top: 80%
entity: todo.shopping_list
icon: mdi:cart-remove
tap_action:
action: perform-action
perform_action: shopping_list.complete_item
target: {}
data:
name: חלב
title: Remove
image: /local/Grocery/milk.png
grid_options:
columns: 3
rows: auto
state_filter: {}
