Giter VIP home page Giter VIP logo

our-groceries-card's Introduction

Our Groceries Card

License support

Manage your Our Groceries lists in your Home Assistant lovelace UI.

Features

  • show your shopping lists
  • toggle crossed off items in a list
  • add items to a list

Installation through HACS

Use HACS to install the Our Groceries Card plugin.

The Our Groceries integration is required for this card to work which is also available via HACS

Configuration

type: 'custom:our-groceries-card'

Example:

type: 'custom:our-groceries-card'
title: Our Shopping
show_header: true
entity: sensor.our_groceries
show_crossed_off: true
sort_by_name: true
hide_empty_lists: false
show_lists:
  - testlistx-ID

Options

Name Type Requirement Default Description
type string Required custom:our-groceries-card
title string Optional <Sensor Name> Change card title
show_header boolean Optional true Show or hide header
entity string Optional sensor.our_groceries the our groceries sensor
show_crossed_off boolean Optional true show crossed of list items
sort_by_name boolean Optional false sort all items by name
hide_empty_lists boolean Optional false hide lists with no active items
show_lists list Optional false list of list ids to only show on card

---

Enjoy my card? Help me out for a couple of 🍻 or a !

coffee

our-groceries-card's People

Contributors

drjohnt avatar ljmerza avatar msiegy avatar wrt54g avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

our-groceries-card's Issues

The option show_lists not working

Thank you for your great work!

I don't geht the option show_lists to work. Using the code

`show_lists:

  • xxx`

in the our groceries card leads to an empty card. I tried several lists ids in several ways of writing (upper case, lower case, etc) but nothing seems to work.

Is there any way you can fix this?

Setting List Order

Is there a way to set the list oder similarly to the way the OurGroceries app does? One of the main reasons I like this app is that you can set the list sort order to alphabetize the items in the list. The HA component appears to just order them as last selected. I have found that alphabetizing the list reduces duplicates and the amount of time I spend searching for items ina long shopping list (since I never delete items from the list, they just get crossed off and wait until I need them again).

Custom element doesn't exist: our-groceries-card

Newly installed this integration as well as card from HACS about two days back. Added the lines to my config file, and under Developer Tools I do see the entities with my shopping lists returned. So the integration part is working.

However tying to add the card to the dashboard gives the error 'Custom element doesn't exist: our-groceries-card.' message on the Lovelace page after configuration. It seems to not be recognising the custom card at all. I pasted the default card config in.

I don't see the custom card listed either anywhere.

Card does not display the shopping list items

Steps to replicate:

  1. Created account on ourgroceries.com
  2. Installed ourgroceries integration
  3. Istalled ourgroceries lovelace card
  4. Added some items on the list through HA, and through OurGroceries web interface.

The number of items on the list is automatically updated on the HA card, nevertheless i see no list (only the number of items).

image

Any ideas are welcome: The card config follows:

type: 'custom:our-groceries-card'
show_header: true
entity: sensor.our_groceries
show_crossed_off: true
sort_by_name: true
hide_empty_lists: 'false,'
show_lists:

  • v2P9PozHrTYKHA7wgyG6DV
    icon: 'mdi:format-list-bulleted'

Language files or header titles in config

Could you please make it possible to either translate the card to other languages or maybe (if too much work) make it possible to edit the header titles "Shopping Lists" and "# Items" via configuration options?

Thanks in advance

Added Features

Hi "our-groceries" developer(s),
There are a few features which I would love to see in your HA custom card for Our-Groceries.

  1. ("show_header": currently hides the title.)
  • It would be great if there was a similar boolean variable for the "thead" (the line that currently states: "Shopping Lists")
  • It would be awesome if this ("Shopping Lists") text could be changed in the card configuration (I also use some of these lists as "To Do", "known bugs", etc... so the "shopping lists" label can be a little confusing).
  1. Currently, a list is closed by default and only opens on a "@click" event. Would it be possible to create an option so that lists are fully expanded by default?

  2. Pressing the "mdi:plus" icon opens a text box that enables users to add to a specific list. It took me embarrassingly long to notice that if I wanted to close the text box without adding anything, the + icon could be clicked again. Perhaps changing the "mdi:plus" to a "mdi:minus" while the input box is visible might make it more obvious that the input field can be closed by pressing the icon again.

  3. Currently, individual list titles appear to be part of said list when expanded. it would be great if the title of the specific shopping list could be made to be more apparent. (Bold, font size, adjust the spacing, just something to make it more obvious.)

Thank you in advance for your time.

Can't see the items inside my shopping lists

I have a few shopping lists, which I can see in the card, but when I expand the lists (click the plus icon), it only shows the 'new item' field, and not the items inside the shopping list.

Using:
Our Groceries integration v1.30
Our Groceries Card v1.3.1

Organisation of lists

New feature idea :

Add the ability to set the order that specific lists are shown in, e.g.

  1. Food Shopping
  2. Clothes Shopping
  3. Xmas Shopping

some more ideas for flexibility :

  • The ability to hide specific lists (e.g. "Private Shopping")
  • Show / Hide all other (non-specified) lists

Catagories missing

The app allows you to have "Meat", "Cleaning", "Frozen Food" etc but can't see them in Home Assistant...?

Show lists expanded by default

Lists are showing up collapsed by default and then automatically collapse when an item is added via the card.

I'd like to see the lists that contain items show up expanded by default and not collapse after an item is added

Add/Remove Items

Reading adding/removing items should now be possible from 1.2 but I cannot find how to use this functionality. Where should this option appear?

I´ve updated both component and card to latest version

Card not loading in lovelace

I installed the card through HACS, put the integration in my configuration.yaml and added the lines under resources in my Lovelace raw config, but when trying to add the card into my Lovelace view, I get "Custom element doesn't exist: our-groceries-card".

Running Home Assistant Core 0.105.4
Host OS: Ubuntu 18.04 LTS
Hardware: Intel NUC

show_crossed_off not working and crossed off items not being lined through

I can't get 'show_crossed_off: false' to work and the crossed offed items don't show the line through. I am using 0.108.6 home assistant core in a docker container on a NUC. I have attempted both the default theme and other themes, all are experiencing the same behavior. When I do cross them off either with the app or in home assistant it moved the item down and marks it correctly in the app.

Expanded card is opening and closing continuously

Installed both the integration and the plugin today. This is the dashboard config:

  - title: Boodschappen
    cards:
      - type: custom:our-groceries-card
        show_header: false
        expanded: true

Unfortunately, the card is flashing open and close continuously:
Screencast-2020-04-26_23 16 59

Anything I can do to help debug this problem?

All items in list are shown as active

When configuring the card the active count is shown correctly (1 in this example) but regardless of the settings always all items are shown as „active“ in the detail view.

In my main shopping list which is used over 10 years now this leads to a VERY large, unusable list.

I am currently using HA 2023.1.4

1838E827-6AED-438D-A23A-E02CB56F39FA
51DA15D2-C0DC-4674-8448-96DD8F1C0EA0

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.