From 2ec3849ccca3f64f138d26a38aa36bec3e42b7d2 Mon Sep 17 00:00:00 2001
From: ludeeus <joasoe@gmail.com>
Date: Fri, 1 May 2020 09:54:06 +0000
Subject: [PATCH 1/4] Adds stage badge

---
 hassio/src/addon-view/info/hassio-addon-info.ts | 17 +++++++++++++++++
 src/data/hassio/addon.ts                        |  1 +
 2 files changed, 18 insertions(+)

diff --git a/hassio/src/addon-view/info/hassio-addon-info.ts b/hassio/src/addon-view/info/hassio-addon-info.ts
index ef83fe9160f2..7ecdc75f849f 100644
--- a/hassio/src/addon-view/info/hassio-addon-info.ts
+++ b/hassio/src/addon-view/info/hassio-addon-info.ts
@@ -37,6 +37,11 @@ import { showHassioMarkdownDialog } from "../../dialogs/markdown/show-dialog-has
 import { hassioStyle } from "../../resources/hassio-style";
 
 const PERMIS_DESC = {
+  stage: {
+    title: "Add-on Stage",
+    description:
+      "Add-ons can have one of three stages:\n\n**Stable**: These are add-ons ready to be used in production.\n**Experimental**: These may contain bugs, and may be unfinished.\n**Deprecated:**: These add-ons will no longer recieve any updates.",
+  },
   rating: {
     title: "Add-on Security Rating",
     description:
@@ -205,6 +210,18 @@ class HassioAddonInfo extends LitElement {
               `
             : ""}
           <div class="security">
+            <ha-label-badge
+              class=${classMap({
+                green: this.addon.stage === "stable",
+                yellow: this.addon.stage === "experimental",
+                red: this.addon.stage === "deprecated",
+              })}
+              @click=${this._showMoreInfo}
+              id="stage"
+              .value=${this.addon.stage}
+              label="stage"
+              description=""
+            ></ha-label-badge>
             <ha-label-badge
               class=${classMap({
                 green: [5, 6].includes(Number(this.addon.rating)),
diff --git a/src/data/hassio/addon.ts b/src/data/hassio/addon.ts
index ab4a1b0fccf6..ac558c4abe98 100644
--- a/src/data/hassio/addon.ts
+++ b/src/data/hassio/addon.ts
@@ -46,6 +46,7 @@ export interface HassioAddonDetails extends HassioAddonInfo {
   auto_uart: boolean;
   icon: boolean;
   logo: boolean;
+  stage?: string;
   changelog: boolean;
   hassio_api: boolean;
   hassio_role: "default" | "homeassistant" | "manager" | "admin";

From 15b4d63a34d20155d2d9e700b64031a486caaef7 Mon Sep 17 00:00:00 2001
From: ludeeus <joasoe@gmail.com>
Date: Fri, 1 May 2020 10:26:47 +0000
Subject: [PATCH 2/4] Use icons instead of text

---
 hassio/src/addon-view/info/hassio-addon-info.ts | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/hassio/src/addon-view/info/hassio-addon-info.ts b/hassio/src/addon-view/info/hassio-addon-info.ts
index 7ecdc75f849f..2f7e3fc1d7ca 100644
--- a/hassio/src/addon-view/info/hassio-addon-info.ts
+++ b/hassio/src/addon-view/info/hassio-addon-info.ts
@@ -36,11 +36,16 @@ import "../../components/hassio-card-content";
 import { showHassioMarkdownDialog } from "../../dialogs/markdown/show-dialog-hassio-markdown";
 import { hassioStyle } from "../../resources/hassio-style";
 
+const STAGE_ICON = {
+  stable: "mdi:check-circle",
+  experimental: "mdi:flask",
+  deprecated: "mdi:exclamation-thick",
+};
+
 const PERMIS_DESC = {
   stage: {
     title: "Add-on Stage",
-    description:
-      "Add-ons can have one of three stages:\n\n**Stable**: These are add-ons ready to be used in production.\n**Experimental**: These may contain bugs, and may be unfinished.\n**Deprecated:**: These add-ons will no longer recieve any updates.",
+    description: `Add-ons can have one of three stages:\n\n<ha-icon icon='${STAGE_ICON.stable}'></ha-icon>**Stable**: These are add-ons ready to be used in production.\n<ha-icon icon='${STAGE_ICON.experimental}'></ha-icon>**Experimental**: These may contain bugs, and may be unfinished.\n<ha-icon icon='${STAGE_ICON.deprecated}'></ha-icon>**Deprecated**: These add-ons will no longer recieve any updates.`,
   },
   rating: {
     title: "Add-on Security Rating",
@@ -218,7 +223,7 @@ class HassioAddonInfo extends LitElement {
               })}
               @click=${this._showMoreInfo}
               id="stage"
-              .value=${this.addon.stage}
+              .icon=${STAGE_ICON[this.addon.stage!]}
               label="stage"
               description=""
             ></ha-label-badge>

From 5b458a6d92effbc6c082834ef92ec4b873ceab16 Mon Sep 17 00:00:00 2001
From: ludeeus <joasoe@gmail.com>
Date: Fri, 1 May 2020 11:10:41 +0000
Subject: [PATCH 3/4] Fix type

---
 hassio/src/addon-view/info/hassio-addon-info.ts | 2 +-
 src/data/hassio/addon.ts                        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/hassio/src/addon-view/info/hassio-addon-info.ts b/hassio/src/addon-view/info/hassio-addon-info.ts
index 2f7e3fc1d7ca..a9cbae592843 100644
--- a/hassio/src/addon-view/info/hassio-addon-info.ts
+++ b/hassio/src/addon-view/info/hassio-addon-info.ts
@@ -223,7 +223,7 @@ class HassioAddonInfo extends LitElement {
               })}
               @click=${this._showMoreInfo}
               id="stage"
-              .icon=${STAGE_ICON[this.addon.stage!]}
+              .icon=${STAGE_ICON[this.addon.stage]}
               label="stage"
               description=""
             ></ha-label-badge>
diff --git a/src/data/hassio/addon.ts b/src/data/hassio/addon.ts
index ac558c4abe98..127d5ea3b1b9 100644
--- a/src/data/hassio/addon.ts
+++ b/src/data/hassio/addon.ts
@@ -46,7 +46,7 @@ export interface HassioAddonDetails extends HassioAddonInfo {
   auto_uart: boolean;
   icon: boolean;
   logo: boolean;
-  stage?: string;
+  stage: string;
   changelog: boolean;
   hassio_api: boolean;
   hassio_role: "default" | "homeassistant" | "manager" | "admin";

From 4753e50d0d6ce53c9d786254e8f9b996e6e6024a Mon Sep 17 00:00:00 2001
From: ludeeus <joasoe@gmail.com>
Date: Fri, 1 May 2020 11:20:21 +0000
Subject: [PATCH 4/4] Add strict string type

---
 src/data/hassio/addon.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/data/hassio/addon.ts b/src/data/hassio/addon.ts
index 127d5ea3b1b9..82f5f0646ee6 100644
--- a/src/data/hassio/addon.ts
+++ b/src/data/hassio/addon.ts
@@ -46,7 +46,7 @@ export interface HassioAddonDetails extends HassioAddonInfo {
   auto_uart: boolean;
   icon: boolean;
   logo: boolean;
-  stage: string;
+  stage: "stable" | "experimental" | "deprecated";
   changelog: boolean;
   hassio_api: boolean;
   hassio_role: "default" | "homeassistant" | "manager" | "admin";