${this._renderPanels(beforeSpacer, selectedPanel)}
-
${this.hass.localize(
"ui.panel.config.backup.settings.addon_update_backup.title"
diff --git a/src/panels/config/integrations/integration-panels/bluetooth/dialog-bluetooth-device-info.ts b/src/panels/config/integrations/integration-panels/bluetooth/dialog-bluetooth-device-info.ts
index 25c09a9284..71ee7224c2 100644
--- a/src/panels/config/integrations/integration-panels/bluetooth/dialog-bluetooth-device-info.ts
+++ b/src/panels/config/integrations/integration-panels/bluetooth/dialog-bluetooth-device-info.ts
@@ -29,9 +29,8 @@ class DialogBluetoothDeviceInfo extends LitElement implements HassDialog {
}
public showDataAsHex(bytestring: string): string {
- return Array.from(new TextEncoder().encode(bytestring))
- .map((byte) => byte.toString(16).toUpperCase().padStart(2, "0"))
- .join(" ");
+ const bytes = bytestring.match(/.{2}/g) ?? [];
+ return bytes.map((byte) => `0x${byte.toUpperCase()}`).join(" ");
}
private async _copyToClipboard(): Promise {
diff --git a/src/panels/config/integrations/integration-panels/ssdp/dialog-ssdp-discovery-info.ts b/src/panels/config/integrations/integration-panels/ssdp/dialog-ssdp-discovery-info.ts
index f349b358a6..bfe1031932 100644
--- a/src/panels/config/integrations/integration-panels/ssdp/dialog-ssdp-discovery-info.ts
+++ b/src/panels/config/integrations/integration-panels/ssdp/dialog-ssdp-discovery-info.ts
@@ -9,6 +9,7 @@ import type { SSDPDiscoveryInfoDialogParams } from "./show-dialog-ssdp-discovery
import "../../../../../components/ha-button";
import { showToast } from "../../../../../util/toast";
import { copyToClipboard } from "../../../../../common/util/copy-clipboard";
+import { showSSDPRawDataDialog } from "./show-dialog-ssdp-raw-data";
@customElement("dialog-ssdp-device-info")
class DialogSSDPDiscoveryInfo extends LitElement implements HassDialog {
@@ -39,6 +40,16 @@ class DialogSSDPDiscoveryInfo extends LitElement implements HassDialog {
});
}
+ private _showRawData(key: string, data: Record) {
+ return (e: Event) => {
+ e.preventDefault();
+ showSSDPRawDataDialog(this, {
+ key,
+ data,
+ });
+ };
+ }
+
protected render(): TemplateResult | typeof nothing {
if (!this._params) {
return nothing;
@@ -83,7 +94,20 @@ class DialogSSDPDiscoveryInfo extends LitElement implements HassDialog {
([key, value]) => html`
${key}
- ${value}
+
+ ${typeof value === "object" && value !== null
+ ? html`
+ )}
+ >${this.hass.localize(
+ "ui.panel.config.ssdp.show_raw_data"
+ )}`
+ : value}
+
`
)}
diff --git a/src/panels/config/integrations/integration-panels/ssdp/dialog-ssdp-raw-data.ts b/src/panels/config/integrations/integration-panels/ssdp/dialog-ssdp-raw-data.ts
new file mode 100644
index 0000000000..6dade384c3
--- /dev/null
+++ b/src/panels/config/integrations/integration-panels/ssdp/dialog-ssdp-raw-data.ts
@@ -0,0 +1,68 @@
+import { LitElement, html, nothing, css } from "lit";
+import { customElement, property, state } from "lit/decorators";
+import type { TemplateResult } from "lit";
+import { dump } from "js-yaml";
+import { fireEvent } from "../../../../../common/dom/fire_event";
+import type { HassDialog } from "../../../../../dialogs/make-dialog-manager";
+import { createCloseHeading } from "../../../../../components/ha-dialog";
+import type { HomeAssistant } from "../../../../../types";
+import "../../../../../components/ha-code-editor";
+
+export interface SSDPRawDataDialogParams {
+ key: string;
+ data: Record;
+}
+
+@customElement("dialog-ssdp-raw-data")
+class DialogSSDPRawData extends LitElement implements HassDialog {
+ @property({ attribute: false }) public hass!: HomeAssistant;
+
+ @state() private _params?: SSDPRawDataDialogParams;
+
+ public async showDialog(params: SSDPRawDataDialogParams): Promise {
+ this._params = params;
+ }
+
+ public closeDialog(): boolean {
+ this._params = undefined;
+ fireEvent(this, "dialog-closed", { dialog: this.localName });
+ return true;
+ }
+
+ protected render(): TemplateResult | typeof nothing {
+ if (!this._params) {
+ return nothing;
+ }
+
+ return html`
+
+
+ `;
+ }
+
+ static styles = css`
+ ha-code-editor {
+ --code-mirror-max-height: 60vh;
+ --code-mirror-height: auto;
+ }
+ `;
+}
+
+declare global {
+ interface HTMLElementTagNameMap {
+ "dialog-ssdp-raw-data": DialogSSDPRawData;
+ }
+}
diff --git a/src/panels/config/integrations/integration-panels/ssdp/show-dialog-ssdp-raw-data.ts b/src/panels/config/integrations/integration-panels/ssdp/show-dialog-ssdp-raw-data.ts
new file mode 100644
index 0000000000..32336a68fc
--- /dev/null
+++ b/src/panels/config/integrations/integration-panels/ssdp/show-dialog-ssdp-raw-data.ts
@@ -0,0 +1,19 @@
+import { fireEvent } from "../../../../../common/dom/fire_event";
+
+export interface SSDPRawDataDialogParams {
+ key: string;
+ data: Record;
+}
+
+export const loadSSDPRawDataDialog = () => import("./dialog-ssdp-raw-data");
+
+export const showSSDPRawDataDialog = (
+ element: HTMLElement,
+ ssdpRawDataDialogParams: SSDPRawDataDialogParams
+): void => {
+ fireEvent(element, "show-dialog", {
+ dialogTag: "dialog-ssdp-raw-data",
+ dialogImport: loadSSDPRawDataDialog,
+ dialogParams: ssdpRawDataDialogParams,
+ });
+};
diff --git a/src/resources/ha-sidebar-edit-style.ts b/src/resources/ha-sidebar-edit-style.ts
index efd4ddee10..fa09d6fb8a 100644
--- a/src/resources/ha-sidebar-edit-style.ts
+++ b/src/resources/ha-sidebar-edit-style.ts
@@ -1,7 +1,7 @@
import { css } from "lit";
export const sidebarEditStyle = css`
- ha-sortable ha-md-list-item:nth-child(2n) {
+ ha-sortable ha-md-list-item.draggable:nth-child(2n) {
animation-name: keyframes1;
animation-iteration-count: infinite;
transform-origin: 50% 10%;
@@ -9,7 +9,7 @@ export const sidebarEditStyle = css`
animation-duration: 0.25s;
}
- ha-sortable ha-md-list-item:nth-child(2n-1) {
+ ha-sortable ha-md-list-item.draggable:nth-child(2n-1) {
animation-name: keyframes2;
animation-iteration-count: infinite;
animation-direction: alternate;
@@ -18,8 +18,7 @@ export const sidebarEditStyle = css`
animation-duration: 0.33s;
}
- ha-sortable ha-md-list-item {
- height: 48px;
+ ha-sortable ha-md-list-item.draggable {
cursor: grab;
}
diff --git a/src/translations/en.json b/src/translations/en.json
index 6d9e99d474..11f047653f 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -5586,7 +5586,9 @@
"upnp": "Universal Plug and Play (UPnP)",
"discovery_information": "Discovery information",
"copy_to_clipboard": "Copy to clipboard",
- "no_devices_found": "No matching SSDP/UPnP discoveries found"
+ "no_devices_found": "No matching SSDP/UPnP discoveries found",
+ "show_raw_data": "Show raw data",
+ "raw_data_title": "Raw data"
},
"zeroconf": {
"name": "Name",