iantrich/list-card

Unable to display images

L8zin opened this issue · 2 comments

L8zin commented

Hi, I am quite the newbie and I can't seem to figure out how to get my images to display from feedparser.

This is what my code looks like for the list:

columns:
  - field: title
    title: 'Title:'
  - field: summary
    title: 'Description:'
  - field: links
    title: 'Image:'
    type: image
entity: sensor.st_nu
feed_attribute: entries
row_limit: 5
type: 'custom:list-card'

And this is one of the entries from feedparser:

- title: "29-åring ny ägare till hus i Sundsvall – 1\_650\_000 kronor blev priset"
  title_detail:
    type: text/plain
    language: null
    base: 'https://www.st.nu/alla.xml'
    value: "29-åring ny ägare till hus i Sundsvall – 1\_650\_000 kronor blev priset"
  summary: "1\_650\_000 kronor fick Lars Emil Karström, 29 år, ge för huset på adressen Violvägen 4 i..."
  summary_detail:
    type: text/html
    language: null
    base: 'https://www.st.nu/alla.xml'
    value: "1\_650\_000 kronor fick Lars Emil Karström, 29 år, ge för huset på adressen Violvägen 4 i..."
  published: 'Fri, Jun 26 12:31 PM'
  links:
    - rel: alternate
      type: text/html
      href: >-
        https://www.st.nu/artikel/29-aring-ny-agare-till-hus-i-sundsvall-1-650-000-kronor-blev-priset
    - type: image/jpeg
      length: '0'
      href: >-
        https://bildix.mmcloud.se/bildix/api/images/c08e9a85-9177-4ee7-9195-d696d8b78020.jpeg?fit=crop&h=169&w=300
      rel: enclosure
  link: >-
    https://www.st.nu/artikel/29-aring-ny-agare-till-hus-i-sundsvall-1-650-000-kronor-blev-priset
  id: 12c518bb-e876-4d76-bdbd-1fb5a8be010e
  guidislink: false
  source:
    href: 'https://www.st.nu/alla.xml'
    title: Senaste nyheterna för Alla nyheter på st.nu

I want to display the image (in this case https://bildix.mmcloud.se/bildix/api/images/c08e9a85-9177-4ee7-9195-d696d8b78020.jpeg?fit=crop&h=169&w=300) in the 3rd column.

Any insight would be appreciated.

Edit: Oh, and this is what the lovelace UI looks like:
image

The 0.1.1 release should as it allows you to specify the image field more precisely

I seem to having a similar issue..
here's my code

                      - title: ''
                        type: image
                        add_link: link
                        field: links
                      - title: ""
                        field: published
                      - title: ""
                        field: title

And this is one of the sensor values

  guidislink: true
  link: 'https://www.nieuwsblad.be/cnt/dmf20210527_95156401'
  links:
    - rel: alternate
      type: text/html
      href: 'https://www.nieuwsblad.be/cnt/dmf20210527_95156401'
    - type: image/jpeg
      href: >-
        https://static.nieuwsblad.be/Assets/Images_Upload/2021/05/27/915bde7e-bef5-11eb-9854-fea632f5b0c7_web_scale_0.0485102_0.0485102__.jpg
      rel: enclosure
  title: >-
    Mag een café-uitbater vragen of je gevaccineerd bent of niet? En de overheid
    of je buurman? “Situatie is ethisch niet altijd even gemakkelijk”
  title_detail:
    type: text/plain
    language: null
    base: 'https://www.nieuwsblad.be/rss/section/a3ea0d60-1221-43a0-8442-ee30bfbd337c'
    value: >-
      Mag een café-uitbater vragen of je gevaccineerd bent of niet? En de
      overheid of je buurman? “Situatie is ethisch niet altijd even gemakkelijk”
  summary: >-
    <p>Iets minder dan 40 procent van de Belgische volwassenen heeft momenteel
    al minstens één dosis van een coronavaccin gekregen. Dat blijkt uit de
    teller van Sciensano. En we mogen ondertussen ook weer iets meer onder de
    mensen komen. Maar mag je eigenlijk aan iemand vragen of die persoon
    gevaccineerd is?</p>
  summary_detail:
    type: text/html
    language: null
    base: 'https://www.nieuwsblad.be/rss/section/a3ea0d60-1221-43a0-8442-ee30bfbd337c'
    value: >-
      <p>Iets minder dan 40 procent van de Belgische volwassenen heeft momenteel
      al minstens één dosis van een coronavaccin gekregen. Dat blijkt uit de
      teller van Sciensano. En we mogen ondertussen ook weer iets meer onder de
      mensen komen. Maar mag je eigenlijk aan iemand vragen of die persoon
      gevaccineerd is?</p>
  published: '17:39'

But I get only empty squares and the images are not loaded.
I've tried using type: image/jpeg but then it doesn't even load an empty image container.

Any way this has to be configured I'm missing ?