Filter add-ons in the store based on advanced mode (#5486)

hassio/src/addon-store/hassio-addon-repository.ts

@@ -64,6 +64,9 @@ class HassioAddonRepositoryEl extends LitElement {
         <div class="card-group">
           ${addons.map(
             (addon) => html`
+              ${addon.advanced && !this.hass.userData?.showAdvanced
+                ? ""
+                : html`
                     <paper-card
                       .addon=${addon}
                       class=${addon.available ? "" : "not_available"}
@@ -75,7 +78,8 @@ class HassioAddonRepositoryEl extends LitElement {
                           .title=${addon.name}
                           .description=${addon.description}
                           .available=${addon.available}
-                    .icon=${addon.installed && addon.installed !== addon.version
+                          .icon=${addon.installed &&
+                          addon.installed !== addon.version
                             ? "hassio:arrow-up-bold-circle"
                             : "hassio:puzzle"}
                           .iconTitle=${addon.installed
@@ -110,6 +114,7 @@ class HassioAddonRepositoryEl extends LitElement {
                         ></hassio-card-content>
                       </div>
                     </paper-card>
+                  `}
             `
           )}
         </div>

src/data/hassio/addon.ts

@@ -12,6 +12,7 @@ export interface HassioAddonInfo {
   detached: boolean;
   available: boolean;
   build: boolean;
+  advanced: boolean;
   url: string | null;
   icon: boolean;
   logo: boolean;