Hi
I’m creating a card and I’m having a problem because after installing it through HACS, the png file is not being copied.
file structure:
/hacs.json
/thesslagreen-card.js
/reku.png
can any of you take a look? I have an idea for a cool card and I’m just starting
hacs.json
{
"name": "Thessla Green Custom Card",
"content_in_root": true,
"render_readme": true,
"filename": "thesslagreen-card.js",
"homeassistant": "2023.9.0",
}
thesslagreen-card.js:
class ThesslaGreenCard extends HTMLElement {
setConfig(config) {
this._config = config;
}
set hass(hass) {
if (!this.content) {
const card = document.createElement('ha-card');
card.style.position = 'relative';
card.style.overflow = 'hidden';
const background = document.createElement('img');
background.src = '/local/community/thesslagreen-card/reku.png';
background.style.width = '100%';
background.style.display = 'block';
// Kontener na elementy
const elementsContainer = document.createElement('div');
elementsContainer.style.position = 'absolute';
elementsContainer.style.top = 0;
elementsContainer.style.left = 0;
elementsContainer.style.width = '100%';
elementsContainer.style.height = '100%';
// Przykładowy element (np. czujnik)
const el = document.createElement('div');
el.innerText = '🔥';
el.style.position = 'absolute';
el.style.top = '40%';
el.style.left = '60%';
el.style.fontSize = '2rem';
elementsContainer.appendChild(el);
card.appendChild(background);
card.appendChild(elementsContainer);
this.appendChild(card);
this.content = card;
}
}
static get styles() {
return css`
ha-card {
padding: 16px;
box-sizing: border-box;
}
`;
}
}
customElements.define('thessla-green-card', ThesslaGreenCard);
window.customCards = window.customCards || [];
window.customCards.push({
type: 'thessla-green-card',
name: 'Thessla Green Card',
preview: false,
description: 'Custom picture-elements-like card for Thessla Green integration'
});
next to these files I have a reku.png file on the repo but after installing with hacs this file does not appear in the folder /www/community/thesslagreen-card/
there is only the thesslagreen-card.js file