Improved Shopping List Card

I can’t believe I missed this. And, wow, all the work since it was started.

Let me go see what I can break. LOL

Okay, really liking this. I have not put it in front of the wife yet. I want to get it setup as much as I can before doing that.

Sorry if I missed this in all of the discussions above, but has category sorting to match the flow of the store been discussed? Or is everyone just naming the categories with the sort order? Like:
1 Produce
2 Meat
3 Liquor
etc.

Not sure if I understand your question, but you can sort the categories as you want. By default its sorted in the order the categories are in the config. This makes sense if you want to match the flow in the supermarket.

There is also an option in the categories section called “category merge mode” and there you can choose if you want to sort it A–>Z

Good look with your Wife.
The list was accepted by my Lady.

Btw you can also use this card as an inventory list for the Freezer

I know the screenshot is in German, but you can see at least the animal icons.

1 Like

Oh, that is perfect. Thanks. I had category merge mode set from doing some testing. Order entered rocks!!!

I saw this. I have already setup quite an inventory system that we are happy with. But, it works great with the Improved Shopping List Card as it adds items to our todo.grocery. This card handles those items perfectly! Same with my moving items from Mealie to the grocery.

ETA: Just showed the wife. WAF is very high.

PSA:
Something I wanted to show the users if there is anyone updating the todo list from other places (automatons, etc) that have quantities like I do from both my inventory system and Mealie. For example:


If you have the Show quantity 1 turned on
image
Those items will display like

Test Item 1 is fine because of no quantity. So, add 1× to it is not an issue.
Test Item 4 is fine because it uses the proper special character that Mindreader programmed.
Test Items 2 and 3 don’t look good because it can’t tell you have added the quantity.
Of course, if you do not have the Show quantity 1 option turned on, they all look fine.

My point of this post is to say that if you are adding to the todo list yourself with quantities and want them to always work, you have to store the item as:
quantity followed by the special character × and a space, then the item.
That is not the letter X (lower or upper case).

You can copy the character below:

×

Also, that allows the item to be put in the proper category in the card.

1 Like

I don’t like how basic the default shopping list is, so I’ve found your work through a bit of googling.
I have to say it’s a pretty big improvement, but… I also have some criticism and suggestions on how to improve the project:

  • Option to not automatically sort items
    Whenever I go grocery shopping I like to order my list of items to buy based on whichever is closest to the entrance, this isn’t currently possible with this card.
    This is the biggest downside in my opinion, the default HA shopping list allows for this.
    I know other people suggested this before.

  • Option to Hide item count in categories when they’re all checked as completed
    This would help stand out categories that have remaining entries to buy/do.

  • Option to show completed items when searching using the input text box
    I have many items in my shopping list, I keep them there checked until needed.
    It’d be nice to have the option to hide completed items from the list, so it remains clean, while still allowing to search and uncheck items you need.
    As a workaround I currently switch between two cards, one with and one without completed items, based on if my location is at the store or not.

  • Declutter the card editor
    Currently while editing the card, all options for both shopping and todo list types are shown, creating a bit of clutter, you could hide settings that don’t apply to the other type based on whichever is selected under the General settings.

  • A toggle to hide the Clear completed button
    I keep all of my items in the list at all times, I just check them once I get them and uncheck when needed, removing the button would remove the risk of wiping the list by accident.

  • Implement wildcards support for Category items
    When defining a category, you try to capture as many objects as possible.
    For example, if I have the “Condiments” category, I’d like to simply type

    - name: Condiments
      items:
        - *oil*
    

    to automatically capture frying oil and olive oil.

  • Better data management
    Categories and Chips have their own globals that can be imported via files, I’d like to see a better way to import all of the data through files. This means Dishes too, they don’t have globals!
    Currently it’s a pain to manage all of it, between dynamic categories, data local to single cards, and files for globals.
    It’d be nice to have all of those into one file (or one per list possibly) with a single syntax, YAML would be good since it’s already used for pretty much everything on Home Assistant.

I just released v2.3.0-BETA-1 and implemented some of your requests

Added new Options

Option to not automatically sort items (Items)

grafik

Option to Hide item count in categories when they’re all checked as completed (Categories)

grafik

Option to show completed items when searching using the input text box (Items)

grafik

Option to hide the Clear completed button (General settings)

grafik

regarding

Declutter the card editor

This is not possible with the HA config editor (getConfigForm()) by default. I must rewrite everything, but this is a bit to much, sorry.

Implement wildcards support for Category items

Nice idea, I was also thinking about something like this. This need a bit more planning as there is already an option to use the assigned items as chips and with this, wildcard it will not work. So I have to add an extra option like

- name: Condiments
  items:
    - Item A
  wildcard:
    - oil
    - banana

And of course, wildcards can lead to sorting issues e.g. if you are checking for oil to move frying oil and olive oil to a category. It will also move broiler. Priority should be 1st check for assigned items, afterwards check for wildcard. I will keep it in my mind and try to implement it as soon as possible.

Better data management

Regarding the global dishes, I put it on my todo

1 Like

I see a filter has appeared, but that’s not quite what I meant. I meant a filter by chips (something like T9 mode for auto-completing words).

My family has exactly this problem: it’s very inconvenient to type on my phone, and they constantly pull me back to the “BuyMeAPie” app.

Try this link (it’s really implemented very conveniently there):

In any case, I really like your card and am following its development. All the best.

You mean like this image:

Yes, it is very convenient for filling

Now it's like this

If only I would have found this before implementing and integrating AnyList (.com) together with raptor-todo-hub-card …

What I still like with Anylist, that is coming on top of this here:

  • Recipe management including ingredients to easily add to a shopping list
  • Meal planning with a calendar, synchronized to my Google calendar account (also integrated), so I can see the meal planning together with all others (like regular appointments, Birthdays, waste collection, etc.) on the same dashboard.
  • Recipe categories / collections
  • Scaling (adding 2x or 3x the ingredients to the shopping list in case we get visitors)
  • plan for re-use / usage of remainders
  • labels
  • templates
  • tagging
  • categories (of groceries)
    one could even fill in shops or prices or use barcodes for adding by scanning. But I don´t want to overengineer my shoppings and meal plannings either.

But there are also things I don´t like or miss with AnyList, though, like

  • pay to use (full set of functions)
  • no feature like “ticked-off items disappear after time” (the card can add it, but it uses tags in the name of the items, which then show up in the app, though, only in HA those are invisible)
  • mor or less random meal proposals (e.g. based on “what didn´t we have for long time” or “now we´ve had 5 times noodles or rice, time for something with potatoes, so pick one of these”)

Don´t get me wrong, I don´t want to make commercial here for this paid service (even though I think to get a vast set of functionality for still acceptable low price). Only I was missing still a card with more features or features better making use of this set of functions in HA. The integration only adds the shopping lists to HA´s todo lists and that´s it - so all the rest of meal proposals etc. remains unused.

If only it would be possible to make use of the “best of both worlds” approach here and this card could be used with AnyList - ever thought about that, @Mindreader ?

Have you even tried it before writing this?

That’s the dishes, you add the recipe and press the dish and it adds the items to the shopping list.

Press the button twice?

That is conveniently named Categories in this card.

@GrizzlY

I released v2.3.0-BETA-2 to implement your request, now you can filter the list and/or the chips

  • Added an option to filter the chips as well while typing in the input field (Chips)

grafik

1 Like

I must confess: no, but I read all the documentation about it. Still I did now so I can say yes, and some of the features I listed, yes, the card also offers.

What I really like is the chips, they really help in quickly adding stuff to the lists, that´s a nice feature! Some of the others mentioned (like barcode) also, you´re right, but is not important to me personally.

But the core wish of mine, to have a real recipe/meal/dishes planning (and not only a “add to the shopping list”) remains. No calendar integration (which I would have with AnyList), and the dishes “management” (and also the categories, btw) would not generate a very high WAF (sorry, but my wife does not code yaml, yours? Nor should she have to edit a card to do so)

I will still continue testing out the card as a simple frontend to the shopping lists and if this can be somewhat nicely combined with the functionality, the AnyList shopping lists provide. Maybe still it´s a better than the raptor one (to me), I´ll see and report :slight_smile:

One of my problem with both cards is: stuff like categories or timestamps for removal (timestamp of when ticked-off) get added as a text in the title of the item and filtered out by the card simply, but this means AnyList does not know about the same, thus does not filter the same. So the titles of the shopping list items or todos no longer look convenient in their app. That´s a bit unfortunate and ugly then.

Those are the reasons, I dared to ask if @Mindreader would be interested having a look in AnyList, as there is no real card yet fully supporting this integration, maybe in collaboration with the developers of the integration enhance this card or do a fork of it that is specialized for the AnyList integration… I am no developer, I can´t do such on my own unfortunately. All I can tell is: there seems to be no card yet doing so and this one really looks great for a start, has many great components already.

Currently I am not planning to integrate the AnyList.

My card was created to my personal use and to my personal WAF :smiley:
So my Lady is using the card to put things on it, but the configuration is my part.

What you are looking for is a bit bigger than a Shopping List. Maybe you can have a look to Tandoor (this link is the pay version)

The have a self hosted Docker version (this link is the free version)

And also for HA

thanks for the answer and the hint, will also have a look into this!

You got me hooked up,good job I like it.