From 22532756401feff5e210c0ffec50eb96f2cc61df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <joasoe@gmail.com>
Date: Wed, 8 Apr 2020 13:49:37 +0200
Subject: [PATCH] Filter add-ons in the store based on advanced mode (#5486)

---
 .../addon-store/hassio-addon-repository.ts    | 97 ++++++++++---------
 src/data/hassio/addon.ts                      |  1 +
 2 files changed, 52 insertions(+), 46 deletions(-)

diff --git a/hassio/src/addon-store/hassio-addon-repository.ts b/hassio/src/addon-store/hassio-addon-repository.ts
index 5ff2ee32ee..8cf0bdc1bf 100644
--- a/hassio/src/addon-store/hassio-addon-repository.ts
+++ b/hassio/src/addon-store/hassio-addon-repository.ts
@@ -64,52 +64,57 @@ class HassioAddonRepositoryEl extends LitElement {
         <div class="card-group">
           ${addons.map(
             (addon) => html`
-              <paper-card
-                .addon=${addon}
-                class=${addon.available ? "" : "not_available"}
-                @click=${this._addonTapped}
-              >
-                <div class="card-content">
-                  <hassio-card-content
-                    .hass=${this.hass}
-                    .title=${addon.name}
-                    .description=${addon.description}
-                    .available=${addon.available}
-                    .icon=${addon.installed && addon.installed !== addon.version
-                      ? "hassio:arrow-up-bold-circle"
-                      : "hassio:puzzle"}
-                    .iconTitle=${addon.installed
-                      ? addon.installed !== addon.version
-                        ? "New version available"
-                        : "Add-on is installed"
-                      : addon.available
-                      ? "Add-on is not installed"
-                      : "Add-on is not available on your system"}
-                    .iconClass=${addon.installed
-                      ? addon.installed !== addon.version
-                        ? "update"
-                        : "installed"
-                      : !addon.available
-                      ? "not_available"
-                      : ""}
-                    .iconImage=${atLeastVersion(
-                      this.hass.config.version,
-                      0,
-                      105
-                    ) && addon.icon
-                      ? `/api/hassio/addons/${addon.slug}/icon`
-                      : undefined}
-                    .showTopbar=${addon.installed || !addon.available}
-                    .topbarClass=${addon.installed
-                      ? addon.installed !== addon.version
-                        ? "update"
-                        : "installed"
-                      : !addon.available
-                      ? "unavailable"
-                      : ""}
-                  ></hassio-card-content>
-                </div>
-              </paper-card>
+              ${addon.advanced && !this.hass.userData?.showAdvanced
+                ? ""
+                : html`
+                    <paper-card
+                      .addon=${addon}
+                      class=${addon.available ? "" : "not_available"}
+                      @click=${this._addonTapped}
+                    >
+                      <div class="card-content">
+                        <hassio-card-content
+                          .hass=${this.hass}
+                          .title=${addon.name}
+                          .description=${addon.description}
+                          .available=${addon.available}
+                          .icon=${addon.installed &&
+                          addon.installed !== addon.version
+                            ? "hassio:arrow-up-bold-circle"
+                            : "hassio:puzzle"}
+                          .iconTitle=${addon.installed
+                            ? addon.installed !== addon.version
+                              ? "New version available"
+                              : "Add-on is installed"
+                            : addon.available
+                            ? "Add-on is not installed"
+                            : "Add-on is not available on your system"}
+                          .iconClass=${addon.installed
+                            ? addon.installed !== addon.version
+                              ? "update"
+                              : "installed"
+                            : !addon.available
+                            ? "not_available"
+                            : ""}
+                          .iconImage=${atLeastVersion(
+                            this.hass.config.version,
+                            0,
+                            105
+                          ) && addon.icon
+                            ? `/api/hassio/addons/${addon.slug}/icon`
+                            : undefined}
+                          .showTopbar=${addon.installed || !addon.available}
+                          .topbarClass=${addon.installed
+                            ? addon.installed !== addon.version
+                              ? "update"
+                              : "installed"
+                            : !addon.available
+                            ? "unavailable"
+                            : ""}
+                        ></hassio-card-content>
+                      </div>
+                    </paper-card>
+                  `}
             `
           )}
         </div>
diff --git a/src/data/hassio/addon.ts b/src/data/hassio/addon.ts
index 5127d4cbbe..5599913bb8 100644
--- a/src/data/hassio/addon.ts
+++ b/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;