piotrmachowski/lovelace-html-card

This card displays provided data as an HTML content of a card.

lovelace-html-card's Issues

Mermaid

Hello. Is it possible to get a Mermaid (mermaid-js.github.io) diagram to render in this card?

Doesn't work in newest HA relase Home Assistant 0.118.4

doesnt process jinja2 or javascript

in my markdown cards i setup variables with jinja2 to be included in a html table but i cant color the table how i like
i was hoping this would achieve it, it colors the table but doesnt process jinja2 or js - can it ?

How to show html from wget/curl?

Hi! Any way to do subject in this plugin?

I'm try:

  - platform: command_line
    name: Name
    command: "curl 'http://example.com/xml_bridge.php'"
    scan_interval: 86400

But got here:
homeassistant.exceptions.InvalidStateError: Invalid state encountered for entity id: sensor.tosamara. State max length is 255 characters.

Support templates?

This is great. Any chance to add support for templates, so that I can make calculations with sensor values? I have a sensor with an attribute that has line breaks, I am thinking to send it to regex to replace "\n" by "<br/>"

I guess I can create template sensors to show the attribute, but it does not feel right to create a bunch of sensors just to do text formatting...

Or perhaps at least doing the new line replacement in your plugin, so that it renders new lines...When I show the attribute in the developer tools states or template, it breaks the lines on new line character, but the html-card does not do that. So I think the correct behavior would be to make a new line.
Thanks

Adapt to theme styling

Hey,
as a web developer I truly love this card! It makes it possible for me to break out a bit of the restraints I sometimes feel Home Assistant gives me.

I'm pretty new to Home Assistant and I find it a bit hard to wrap my head around the concepts sometimes, so maybe this is already possible to do, but I would love to be able to define the theme I'm running in Lovelace to the html cards. Right now, they kind of look a bit off compared to my other cards.

As I said, I'm a (frontend) developer myself, more accustomed to javascript than yaml so I usually do most of my logic in Node Red, which suits me well. From there, it's a piece of cake to pass the html to your card and have it displayed the way I'd like

Anyways, if you could point me in the right direction on where to read up on this, I could probably help out with a PR of the feature if it's not something already supported out of the box. Might well be that I have just missed it!

Thanks again!

Way to call HA service??

Hi ... just wondering if you could make it so you can call a HA service from js (maybe some more actions to)?
e.g.

<a href='#' onClick="HA_Service('androidtv.adb_command', 'entity_id: media_player.living_room_tv_adb\ncommand: PLAY')">

Thanks

Auto browser cache refresh

Hello team
I use the card to read mp4 file previously saved locally from my camera. My camera is updating same file name each event time. I can read the file the card works but as my camera is updating the file (same name same extension) I can't get to play the new version I always get the same. It seams that it plays always the cache version instead of the file itself. Is there any way to au refresh the page to clean the cache and to reset play. Many thanks. Seb

Can you please make it compatible with HACS?

TypeError: this._hass.states[id] is undefined

Following error happens after adding MPK cards and I go into "Configure UI" section:

TypeError: this._hass.states[id] is undefinedhtml-card.js:77:21
    render html-card.js:77
    forEach self-hosted:266
    render html-card.js:66
    set hass html-card.js:16
    value hui-view.ts:61
    value hui-view.ts:334
    value hui-view.ts:68
    r fire_event.ts:76
    va create-card-element.ts:111

MPK card configuration (rozkladzik and impk):

      - content: |
          <big><center>Odjazdy</center></big>
          [[ sensor.rozkladzik_wroclaw_1972.attributes.html ]]
          <big><center>News</center></big>
          [[ binary_sensor.impk_news.attributes.html ]]
        title: MPK
        type: 'custom:html-card'

When viewed in regular view mode (not UI editor), the card doesn't render at all - everything else is OK
When viewed in "UI Editor mode", this error prevents Lovelace from displaying any cards.
After removing widget everything works OK.

Card refreshes when any device changes its state, add setting to allow disabling refresh

It would be very nice to add a setting to dissallow card refresh, because every time an entity updates its state, the card gets refreshed and it isn't what you want all times. For example, I was trying to play a youtube video, and every time an entity gets updated, the video starts again.