Is HA striping away html ping attribute in markdown card?

Configuration Frontend
1

Since some time I work on my movies library dashboard being integrated into HA. Basically it works quite fine, but I’m struggling with one functionality; I want to add an actionable link that would change value of helper to take some additional action based on this value. Purpose is to select specific movie top be able to display more detailed innfo about this movie. So far my solution works as follows:

  • I created a table with list of movies in library using markdown card
  • I created HA webhook that receives message with IMDB identifier (ttxxxx)
  • I created automation that puls from reference JSON file details of selected movie.
  • based on selected number I can display additional movie info, like poster , rating, cast, plot…

I tested format of webhook and if I post resulting URL in browser address bar it is properly received by HA and actions are taken. The problem is how to send this webhook from markdown card. If I just use regular link (using href tag) it tries to either initiate download (which does not exist) or opens the blank page (that also is undesired result). This is because link in markdown uses GET instead of POST. To create a POST request from URL it should be possible to use PING attribute, as in sample code below (using just simplified code to show only htis specific functionality:

type: markdown
content: >-
  <a href="#" ping="http://hassio.mydomain/api/webhook/movie_selection/message=tt15314262">Beekeeper</a>

  <a href="#" ping="http://hassio.mydomain/api/webhook/movie_selection message=tt0848228">Avengers</a>

So structure of this link is href="#" to self reference the page I’m on (not to redraw or go to other page) and ping="http://hassio.mydomain/api/webhook/movie_selection message=tt084822" is the ping command to POST actual webhook in the format that works with HA.
But it does not work :frowning:
When I inspect the page with this specific link I can see that ping attribute is striped away and only href and link name are kept:

image
image1068×478 56.4 KB

So the questions are:
Am I doing something wrong, should ping be used different way?
If the link I create is OK, then is this HA bug or is it done by purpose?
Is there any other way to achieve what I want to get to (have actionable link in markdown card)?

2

are you on a mac or an iOS device?

3

I checked in Edge on Windows, Safari in iOS and MacOS. In all cases the same result - does not work. I can’t inspect element on iOS, but on Mac and Windows in both cases I see ping attribute missing.

4

All those browsers don’t support ping. It’s only supported in chrome and firefox.

image
image1260×707 32.6 KB

Although I’m seeing conficting results when searching the net on that.

5

This would explain the problem, but it is not what I’ve seen:

image
image785×420 25.4 KB

Thats why I went into this direction, when I found this here.

Anyhow, just for being sure I installed Chrome and it does not work either. Also inspector shows lack of ping attribute in rendered code:

image
image1044×497 51.6 KB

6

Then I recommend going another route, markdown (or something in HA) may not support ping.

7

Well, I was looking for other options to create list of movies that is dynamic (with gradually increasing number of elements, with ability to sort by categories and search through), but I did not found anything that would allow this. Auto entities would be an option, if I create entity out of each movie… also not the route I’d go (6000+ entities…). Here is sample of what I created and would like to get to something similar:

image
image1110×1022 172 KB

Simplified solution is to make a link to refer to actual IMDB movie page and open a link in new window/tab (this is what I started from), but I’d prefer to keep all of it local and be able to display customized, suiting my preferences movie info page, rather than what IMBD shows.