jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Clean up imports and unopened tag on device config page (#21274)

Browse Source
This commit is contained in:
Steve Repsher 2024-07-04 04:01:01 -04:00 committed by GitHub
parent c07e1122e1
commit 8b9fa9bc39
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 213 additions and 251 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
src/panels/config/devices/ha-config-device-page.ts
View File

@ -1,6 +1,5 @@
import { consume } from "@lit-labs/context";
import "@lrnwebcomponents/simple-tooltip/simple-tooltip";
import "@material/mwc-list/mwc-list-item";
import {
mdiCog,
mdiDelete,
@ -10,8 +9,6 @@ import {
mdiPencil,
mdiPlusCircle,
} from "@mdi/js";
import "@polymer/paper-item/paper-item";
import "@polymer/paper-item/paper-item-body";
import {
CSSResultGroup,
LitElement,
@ -24,7 +21,7 @@ import { customElement, property, state } from "lit/decorators";
import { ifDefined } from "lit/directives/if-defined";
import memoizeOne from "memoize-one";
import { isComponentLoaded } from "../../../common/config/is_component_loaded";
import { SENSOR_ENTITIES, ASSIST_ENTITIES } from "../../../common/const";
import { ASSIST_ENTITIES, SENSOR_ENTITIES } from "../../../common/const";
import { computeDomain } from "../../../common/entity/compute_domain";
import { computeStateDomain } from "../../../common/entity/compute_state_domain";
import { computeStateName } from "../../../common/entity/compute_state_name";
@ -77,7 +74,6 @@ import type { HomeAssistant } from "../../../types";
import { brandsUrl } from "../../../util/brands-url";
import { fileDownload } from "../../../util/file_download";
import "../../logbook/ha-logbook";
import "../ha-config-section";
import "./device-detail/ha-device-entities-card";
import "./device-detail/ha-device-info-card";
import "./device-detail/ha-device-via-devices-card";
@ -665,25 +661,20 @@ export class HaConfigDevicePage extends LitElement {
`
: "";
return html`
<hass-subpage
return html` <hass-subpage
.hass=${this.hass}
.narrow=${this.narrow}
.header=${deviceName}
>
<ha-icon-button
slot="toolbar-icon"
.path=${mdiPencil}
@click=${this._showSettings}
.label=${this.hass.localize(
"ui.panel.config.devices.edit_settings"
)}
.label=${this.hass.localize("ui.panel.config.devices.edit_settings")}
></ha-icon-button>
<div class="container">
<div class="header fullwidth">
${
area
${area
? html`<div class="header-name">
<a href="/config/areas/area/${area.area_id}"
>${this.hass.localize(
@ -692,13 +683,10 @@ export class HaConfigDevicePage extends LitElement {
)}</a
>
</div>`
: ""
}
: ""}
<div class="header-right">
${
battery &&
(batteryDomain === "binary_sensor" ||
!isNaN(battery.state as any))
${battery &&
(batteryDomain === "binary_sensor" || !isNaN(battery.state as any))
? html`
<div class="battery">
${batteryDomain === "sensor"
@ -711,10 +699,8 @@ export class HaConfigDevicePage extends LitElement {
></ha-battery-icon>
</div>
`
: ""
}
${
integrations.length
: ""}
${integrations.length
? html`
<img
alt=${domainToName(
@ -732,14 +718,11 @@ export class HaConfigDevicePage extends LitElement {
@error=${this._onImageError}
/>
`
: ""
}
: ""}
</div>
</div>
<div class="column">
${
this._deviceAlerts?.length
${this._deviceAlerts?.length
? html`
<div>
${this._deviceAlerts.map(
@ -751,24 +734,17 @@ export class HaConfigDevicePage extends LitElement {
)}
</div>
`
: ""
}
<ha-device-info-card
.hass=${this.hass}
.device=${device}
>
: ""}
<ha-device-info-card .hass=${this.hass} .device=${device}>
${deviceInfo}
${
firstDeviceAction || actions.length
${firstDeviceAction || actions.length
? html`
<div class="card-actions" slot="actions">
<div>
<a
href=${ifDefined(firstDeviceAction!.href)}
rel=${ifDefined(
firstDeviceAction!.target
? "noreferrer"
: undefined
firstDeviceAction!.target ? "noreferrer" : undefined
)}
target=${ifDefined(firstDeviceAction!.target)}
>
@ -782,9 +758,7 @@ export class HaConfigDevicePage extends LitElement {
${firstDeviceAction!.icon
? html`
<ha-svg-icon
class=${ifDefined(
firstDeviceAction!.classes
)}
class=${ifDefined(firstDeviceAction!.classes)}
.path=${firstDeviceAction!.icon}
slot="graphic"
></ha-svg-icon>
@ -807,9 +781,7 @@ export class HaConfigDevicePage extends LitElement {
<ha-button-menu>
<ha-icon-button
slot="trigger"
.label=${this.hass.localize(
"ui.common.menu"
)}
.label=${this.hass.localize("ui.common.menu")}
.path=${mdiDotsVertical}
></ha-icon-button>
${actions.map((deviceAction) => {
@ -818,17 +790,13 @@ export class HaConfigDevicePage extends LitElement {
.action=${deviceAction.action}
@click=${this._deviceActionClicked}
graphic="icon"
.hasMeta=${Boolean(
deviceAction.trailingIcon
)}
.hasMeta=${Boolean(deviceAction.trailingIcon)}
>
${deviceAction.label}
${deviceAction.icon
? html`
<ha-svg-icon
class=${ifDefined(
deviceAction.classes
)}
class=${ifDefined(deviceAction.classes)}
.path=${deviceAction.icon}
slot="graphic"
></ha-svg-icon>
@ -846,9 +814,7 @@ export class HaConfigDevicePage extends LitElement {
return deviceAction.href
? html`<a
href=${deviceAction.href}
target=${ifDefined(
deviceAction.target
)}
target=${ifDefined(deviceAction.target)}
rel=${ifDefined(
deviceAction.target
? "noreferrer"
@ -863,8 +829,7 @@ export class HaConfigDevicePage extends LitElement {
: ""}
</div>
`
: ""
}
: ""}
</ha-device-info-card>
${!this.narrow ? [automationCard, sceneCard, scriptCard] : ""}
</div>
@ -904,8 +869,7 @@ export class HaConfigDevicePage extends LitElement {
</div>
<div class="column">
${this.narrow ? [automationCard, sceneCard, scriptCard] : ""}
${
isComponentLoaded(this.hass, "logbook")
${isComponentLoaded(this.hass, "logbook")
? html`
<ha-card outlined>
<h1 class="card-header">
@ -922,12 +886,10 @@ export class HaConfigDevicePage extends LitElement {
></ha-logbook>
</ha-card>
`
: ""
}
: ""}
</div>
</div>
</ha-config-section>
</hass-subpage> `;
</hass-subpage>`;
}
private async _getDiagnosticButtons(requestId: number): Promise<void> {