mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-28 03:36:44 +00:00
Filter add-ons in the store based on advanced mode (#5486)
This commit is contained in:
parent
7ddfe3c80b
commit
2253275640
@ -64,52 +64,57 @@ class HassioAddonRepositoryEl extends LitElement {
|
|||||||
<div class="card-group">
|
<div class="card-group">
|
||||||
${addons.map(
|
${addons.map(
|
||||||
(addon) => html`
|
(addon) => html`
|
||||||
<paper-card
|
${addon.advanced && !this.hass.userData?.showAdvanced
|
||||||
.addon=${addon}
|
? ""
|
||||||
class=${addon.available ? "" : "not_available"}
|
: html`
|
||||||
@click=${this._addonTapped}
|
<paper-card
|
||||||
>
|
.addon=${addon}
|
||||||
<div class="card-content">
|
class=${addon.available ? "" : "not_available"}
|
||||||
<hassio-card-content
|
@click=${this._addonTapped}
|
||||||
.hass=${this.hass}
|
>
|
||||||
.title=${addon.name}
|
<div class="card-content">
|
||||||
.description=${addon.description}
|
<hassio-card-content
|
||||||
.available=${addon.available}
|
.hass=${this.hass}
|
||||||
.icon=${addon.installed && addon.installed !== addon.version
|
.title=${addon.name}
|
||||||
? "hassio:arrow-up-bold-circle"
|
.description=${addon.description}
|
||||||
: "hassio:puzzle"}
|
.available=${addon.available}
|
||||||
.iconTitle=${addon.installed
|
.icon=${addon.installed &&
|
||||||
? addon.installed !== addon.version
|
addon.installed !== addon.version
|
||||||
? "New version available"
|
? "hassio:arrow-up-bold-circle"
|
||||||
: "Add-on is installed"
|
: "hassio:puzzle"}
|
||||||
: addon.available
|
.iconTitle=${addon.installed
|
||||||
? "Add-on is not installed"
|
? addon.installed !== addon.version
|
||||||
: "Add-on is not available on your system"}
|
? "New version available"
|
||||||
.iconClass=${addon.installed
|
: "Add-on is installed"
|
||||||
? addon.installed !== addon.version
|
: addon.available
|
||||||
? "update"
|
? "Add-on is not installed"
|
||||||
: "installed"
|
: "Add-on is not available on your system"}
|
||||||
: !addon.available
|
.iconClass=${addon.installed
|
||||||
? "not_available"
|
? addon.installed !== addon.version
|
||||||
: ""}
|
? "update"
|
||||||
.iconImage=${atLeastVersion(
|
: "installed"
|
||||||
this.hass.config.version,
|
: !addon.available
|
||||||
0,
|
? "not_available"
|
||||||
105
|
: ""}
|
||||||
) && addon.icon
|
.iconImage=${atLeastVersion(
|
||||||
? `/api/hassio/addons/${addon.slug}/icon`
|
this.hass.config.version,
|
||||||
: undefined}
|
0,
|
||||||
.showTopbar=${addon.installed || !addon.available}
|
105
|
||||||
.topbarClass=${addon.installed
|
) && addon.icon
|
||||||
? addon.installed !== addon.version
|
? `/api/hassio/addons/${addon.slug}/icon`
|
||||||
? "update"
|
: undefined}
|
||||||
: "installed"
|
.showTopbar=${addon.installed || !addon.available}
|
||||||
: !addon.available
|
.topbarClass=${addon.installed
|
||||||
? "unavailable"
|
? addon.installed !== addon.version
|
||||||
: ""}
|
? "update"
|
||||||
></hassio-card-content>
|
: "installed"
|
||||||
</div>
|
: !addon.available
|
||||||
</paper-card>
|
? "unavailable"
|
||||||
|
: ""}
|
||||||
|
></hassio-card-content>
|
||||||
|
</div>
|
||||||
|
</paper-card>
|
||||||
|
`}
|
||||||
`
|
`
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
@ -12,6 +12,7 @@ export interface HassioAddonInfo {
|
|||||||
detached: boolean;
|
detached: boolean;
|
||||||
available: boolean;
|
available: boolean;
|
||||||
build: boolean;
|
build: boolean;
|
||||||
|
advanced: boolean;
|
||||||
url: string | null;
|
url: string | null;
|
||||||
icon: boolean;
|
icon: boolean;
|
||||||
logo: boolean;
|
logo: boolean;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user