Add Board Names, Move All Hardware (#12484)

Co-authored-by: Joakim Sørensen <ludeeus@ludeeus.dev>
Co-authored-by: Paulus Schoutsen <balloob@gmail.com>

src/data/hardware.ts

@@ -0,0 +1,22 @@
+// Keep in sync with https://github.com/home-assistant/analytics.home-assistant.io/blob/dev/site/src/analytics-os-boards.ts#L6-L24
+export const BOARD_NAMES: Record<string, string> = {
+  "odroid-n2": "Home Assistant Blue / ODROID-N2",
+  "odroid-xu4": "ODROID-XU4",
+  "odroid-c2": "ODROID-C2",
+  "odroid-c4": "ODROID-C4",
+  rpi: "Raspberry Pi",
+  rpi0: "Raspberry Pi Zero",
+  "rpi0-w": "Raspberry Pi Zero W",
+  rpi2: "Raspberry Pi 2",
+  rpi3: "Raspberry Pi 3 (32-bit)",
+  "rpi3-64": "Raspberry Pi 3",
+  rpi4: "Raspberry Pi 4 (32-bit)",
+  "rpi4-64": "Raspberry Pi 4",
+  tinker: "ASUS Tinker Board",
+  "khadas-vim3": "Khadas VIM3",
+  "generic-aarch64": "Generic AArch64",
+  ova: "Virtual Machine",
+  "generic-x86-64": "Generic x86-64",
+  "intel-nuc": "Intel NUC",
+  yellow: "Home Assistant Yellow",
+};

src/panels/config/hardware/ha-config-hardware.ts

@@ -8,6 +8,7 @@ import "../../../components/ha-alert";
 import "../../../components/ha-button-menu";
 import "../../../components/ha-card";
 import "../../../components/ha-settings-row";
+import { BOARD_NAMES } from "../../../data/hardware";
 import {
   extractApiErrorMessage,
   ignoreSupervisorError,
@@ -56,6 +57,18 @@ class HaConfigHardware extends LitElement {
         .narrow=${this.narrow}
         .header=${this.hass.localize("ui.panel.config.hardware.caption")}
       >
+        <ha-button-menu corner="BOTTOM_START" slot="toolbar-icon">
+          <ha-icon-button
+            .label=${this.hass.localize("common.menu")}
+            .path=${mdiDotsVertical}
+            slot="trigger"
+          ></ha-icon-button>
+          <mwc-list-item @click=${this._openHardware}
+            >${this.hass.localize(
+              "ui.panel.config.hardware.available_hardware.title"
+            )}</mwc-list-item
+          >
+        </ha-button-menu>
         ${this._error
           ? html`
               <ha-alert alert-type="error"
@@ -68,9 +81,12 @@ class HaConfigHardware extends LitElement {
               <div class="content">
                 <ha-card outlined>
                   <div class="card-content">
+                    ${this._OSData?.board
+                      ? html`
                           <ha-settings-row>
                             <span slot="heading"
-                        >${this.hass.localize(
+                              >${BOARD_NAMES[this._OSData.board] ||
+                              this.hass.localize(
                                 "ui.panel.config.hardware.board"
                               )}</span
                             >
@@ -78,9 +94,10 @@ class HaConfigHardware extends LitElement {
                               <span class="value">${this._OSData.board}</span>
                             </div>
                           </ha-settings-row>
+                        `
+                      : ""}
                   </div>
                   <div class="card-actions">
-                    <div class="buttons">
                     ${this._hostData.features.includes("reboot")
                       ? html`
                           <ha-progress-button
@@ -106,22 +123,6 @@ class HaConfigHardware extends LitElement {
                         `
                       : ""}
                   </div>
-                    <ha-button-menu corner="BOTTOM_START">
-                      <ha-icon-button
-                        .label=${this.hass.localize("common.menu")}
-                        .path=${mdiDotsVertical}
-                        slot="trigger"
-                      ></ha-icon-button>
-                      <mwc-list-item
-                        .action=${"hardware"}
-                        @click=${this._openHardware}
-                      >
-                        ${this.hass.localize(
-                          "ui.panel.config.hardware.available_hardware.title"
-                        )}
-                      </mwc-list-item>
-                    </ha-button-menu>
-                  </div>
                 </ha-card>
               </div>
             `
@@ -241,10 +242,6 @@ class HaConfigHardware extends LitElement {
         justify-content: space-between;
         align-items: center;
       }
-      .buttons {
-        display: flex;
-        align-items: center;
-      }
     `,
   ];
 }

src/translations/en.json

@@ -1519,7 +1519,7 @@
           "caption": "Hardware",
           "available_hardware": {
             "failed_to_get": "Failed to get available hardware",
-            "title": "Available hardware",
+            "title": "All Hardware",
             "subsystem": "Subsystem",
             "device_path": "Device path",
             "id": "ID",