Add custom Icons / edit Icons for entrys on shopping list

TomBursch / kitchenowl

KitchenOwl is a self-hosted grocery list and recipe manager. The backend is made with Flask and the frontend with Flutter. Easily add items to your shopping list before you go shopping. You can also create recipes and add items based on what you want to cook.

https://kitchenowl.org/

GNU Affero General Public License v3.0

1.19k stars 65 forks source link

Add custom Icons / edit Icons for entrys on shopping list #293

Open FX7 opened 9 months ago

FX7 commented 9 months ago

What's the feature 🧐

When I add a new / unknown item to the Shopping list i can only choose from the pre-installed Icons. It would be great to add add custom icons.

Extra information and references

No response

schnillerman commented 7 months ago

This might be standardized/simplified by adding an API to some open source icon/logo libraries for more ingredient icons.

I personally vote for standard icon packs that cannot be customized by the user because the slick UI of the app could be compromised otherwise.

Examples for sources (that look similar to current icon set):

https://iconoir.com (they seem to be well integrated with flutter)
https://www.iconarchive.com/show/ios7-icons-by-icons8.html

Timoses commented 7 months ago

Would it make sense to find a common approach both for items and categories? Currently, categories can be pretty much custom filled with emojis (simply copy & paste).

I just tested this with items and it works as well. If I additionally set the icon via item config I get:

schnillerman commented 7 months ago

I just tested with an item. Generally, it works to put an emoji in front of the item name, but IMHO this is a "dirty" method. I could possibly affect alphabetical sorting as well in conjunction with #329.

I think a common approach for categories (TBD if to be called shopping lists in the future?) and items might make a lot of sense if icon libraries are implemented (e.g. as mentioned in https://github.com/TomBursch/kitchenowl/issues/293#issuecomment-1880721031), since they provide all kinds of icons, not only food-related. This could be particularly interesting for the fact that KitchenOwl is the perfect app not only for food shopping, but really, anything (e.g. hardware, electronics, etc.).

OllysCoding commented 6 months ago

Adding custom icons would be a huge win! Looking to switch to kitchenowl from Bring! & the small icon selection is definitely the biggest downgrade in experience.

Kernald commented 1 month ago

This might be standardized/simplified by adding an API to some open source icon/logo libraries for more ingredient icons.

I personally vote for standard icon packs that cannot be customized by the user because the slick UI of the app could be compromised otherwise.

Examples for sources (that look similar to current icon set):
* https://iconoir.com **(they seem to be well integrated with flutter)**

* https://www.iconarchive.com/show/ios7-icons-by-icons8.html

As much as I agree, iconoir specifically seems like a less-than-ideal choice for groceries - they seem geared towards software more than anything. "Tomato", "salt"... various different attempts yielded no results. This is unfortunately a common pattern with open-source/free to use icon packs.