ha-addon-iframe-card

HA webpage card with addon ingress support.

The webpage card allows you to embed your favorite webpage right into Home Assistant. This custom card Ingress webpage card provides support for addon ingress.

💡 Tip: If this project helps you, consider giving me a tip for the time I spent building this project:

Installation

HACS

Use this link to directly go to the repository in HACS

or

1. Install HACS if you don't have it already
2. Open HACS in Home Assistant
3. Add custom repository https://github.com/lovelylain/ha-addon-iframe-card
4. Search for Ingress webpage card
5. Click the download button ⬇️

Manual

1. Download addon-iframe-card.js file.
2. Put addon-iframe-card.js file into your config/www folder.
3. Add reference to addon-iframe-card.js in Dashboard. There's two way to do that:
   • Using UI: Settings → Dashboards → More Options icon → Resources → Add Resource → Set Url as /local/addon-iframe-card.js → Set Resource type as JavaScript Module. Note: If you do not see the Resources menu, you will need to enable Advanced Mode in your User Profile
   • Using YAML: Add following code to lovelace section.

     resources:
       - url: /local/addon-iframe-card.js
         type: module

Usage

This card has the same configuration options as the webpage card. When the url is an addon-slug or addon-slug/path/url or contains /api/hassio_ingress/, will enable support for addon ingress. Otherwise, it is exactly the same as a normal webpage card. You can get the addonSlug from the addon info url.

For example:

type: custom:addon-iframe-card
url: a0d7b954_nodered/ui/