jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-04-25 05:47:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Link via device on device page (#11554)

Browse Source 
Co-authored-by: Zack Barett <arnett.zackary@gmail.com>
This commit is contained in:
Franck Nijhof 2022-02-05 04:16:01 +01:00 committed by GitHub
parent 45e6ec1ee2
commit 21d86f4797
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 35 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
src/panels/config/devices/device-detail/ha-device-info-card.ts
View File

@ -5,6 +5,7 @@ import {
computeDeviceName,
DeviceRegistryEntry,
} from "../../../../data/device_registry";
import { haStyle } from "../../../../resources/styles";
import { HomeAssistant } from "../../../../types";
import { loadDeviceRegistryDetailDialog } from "../device-registry-detail/show-dialog-device-registry-detail";
@ -55,10 +56,13 @@ export class HaDeviceCard extends LitElement {
"ui.panel.config.integrations.config_entry.via"
)}
<span class="hub"
>${this._computeDeviceName(
this.devices,
this.device.via_device_id
)}</span
><a
href="/config/devices/device/${this.device.via_device_id}"
>${this._computeDeviceName(
this.devices,
this.device.via_device_id
)}</a
></span
>
</div>
`
@ -112,29 +116,32 @@ export class HaDeviceCard extends LitElement {
}
static get styles(): CSSResultGroup {
return css`
:host {
display: block;
}
ha-card {
flex: 1 0 100%;
min-width: 0;
}
.device {
width: 30%;
}
.area {
color: var(--primary-text-color);
}
.extra-info {
margin-top: 8px;
word-wrap: break-word;
}
.manuf,
.model {
color: var(--secondary-text-color);
word-wrap: break-word;
}
`;
return [
haStyle,
css`
:host {
display: block;
}
ha-card {
flex: 1 0 100%;
min-width: 0;
}
.device {
width: 30%;
}
.area {
color: var(--primary-text-color);
}
.extra-info {
margin-top: 8px;
word-wrap: break-word;
}
.manuf,
.model {
color: var(--secondary-text-color);
word-wrap: break-word;
}
`,
];
}
}