From 60010c82bd340f2b534d5ba0669ecd4086544838 Mon Sep 17 00:00:00 2001
From: ildar170975 <71872483+ildar170975@users.noreply.github.com>
Date: Mon, 24 Mar 2025 17:36:44 +0300
Subject: [PATCH] ha-config-devices-dashboard: add "disabled" column (#24730)

add "disabled" column
---
 .../devices/ha-config-devices-dashboard.ts    | 29 +++++++++++++++----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/src/panels/config/devices/ha-config-devices-dashboard.ts b/src/panels/config/devices/ha-config-devices-dashboard.ts
index daa06bc459..fd4e065fe5 100644
--- a/src/panels/config/devices/ha-config-devices-dashboard.ts
+++ b/src/panels/config/devices/ha-config-devices-dashboard.ts
@@ -5,6 +5,7 @@ import {
   mdiMenuDown,
   mdiPlus,
   mdiTextureBox,
+  mdiCancel,
 } from "@mdi/js";
 import type { CSSResultGroup, PropertyValues, TemplateResult } from "lit";
 import { LitElement, css, html, nothing } from "lit";
@@ -612,13 +613,31 @@ export class HaConfigDeviceDashboard extends SubscribeMixin(LitElement) {
             : "—",
       },
       disabled_by: {
-        title: "",
-        label: localize("ui.panel.config.devices.data_table.disabled_by"),
-        hidden: true,
+        title: localize("ui.panel.config.devices.picker.state"),
+        type: "icon",
+        defaultHidden: true,
+        sortable: true,
+        filterable: true,
+        minWidth: "80px",
+        maxWidth: "80px",
         template: (device) =>
           device.disabled_by
-            ? this.hass.localize("ui.panel.config.devices.disabled")
-            : "",
+            ? html`
+                <div
+                  tabindex="0"
+                  style="display:inline-block; position: relative;"
+                >
+                  <ha-tooltip
+                    placement="left"
+                    .content=${this.hass.localize(
+                      "ui.panel.config.entities.picker.status.disabled"
+                    )}
+                  >
+                    <ha-svg-icon .path=${mdiCancel}></ha-svg-icon>
+                  </ha-tooltip>
+                </div>
+              `
+            : "—",
       },
       labels: {
         title: "",