jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-29 04:06:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add icons to integration page (#5388)

Browse Source
This commit is contained in:
Bram Kragten 2020-04-01 11:22:40 +02:00 committed by GitHub
parent ddeb16463d
commit 2e17c96866
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/panels/config/integrations/ha-config-entries-dashboard.ts
View File

@ -200,6 +200,15 @@ export class HaConfigManagerDashboard extends LitElement {
href="/config/integrations/config_entry/${item.entry_id}"
>
<paper-item data-index=${idx}>
<img
src="https://brands.home-assistant.io/${item.domain}/icon.png"
srcset="
https://brands.home-assistant.io/${item.domain}/icon@2x.png 2x
"
referrerpolicy="no-referrer"
@error=${this._onImageError}
@load=${this._onImageLoad}
/>
<paper-item-body two-line>
<div>
${this.hass.localize(
@ -342,6 +351,14 @@ export class HaConfigManagerDashboard extends LitElement {
return states;
}
private _onImageLoad(ev) {
ev.target.style.visibility = "initial";
}
private _onImageError(ev) {
ev.target.style.visibility = "hidden";
}
static get styles(): CSSResult {
return css`
mwc-button {
@ -355,6 +372,9 @@ export class HaConfigManagerDashboard extends LitElement {
cursor: pointer;
margin: 8px;
}
.configured {
padding-bottom: 24px;
}
.configured a {
color: var(--primary-text-color);
text-decoration: none;
@ -375,6 +395,10 @@ export class HaConfigManagerDashboard extends LitElement {
.overflow {
width: 56px;
}
img {
width: 50px;
margin-right: 16px;
}
`;
}
}