jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-08-01 13:37:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Removed humidifier row and a space in front of percent

Browse Source
This commit is contained in:
Denis Shulyaka 2020-06-23 02:41:53 +03:00
parent 2cc9d70915
commit 9ba0de67f5
4 changed files with 2 additions and 139 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/common/entity/compute_state_display.ts
View File

@ -57,7 +57,7 @@ export const computeStateDisplay = (
if (domain === "humidifier") {
if (stateObj.state === "on" && stateObj.attributes.humidity) {
return `${stateObj.attributes.humidity} %`;
return `${stateObj.attributes.humidity}%`;
}
}

62
src/components/entity/ha-entity-humidifier.ts
View File

@ -1,62 +0,0 @@
import { css, CSSResult, html, TemplateResult } from "lit-element";
import { HaEntityToggle } from "./ha-entity-toggle";
class HaEntityHumidifier extends HaEntityToggle {
protected render(): TemplateResult {
if (!this.stateObj) {
return super.render();
}
return html`
<div class="target">
${this.stateObj.attributes.mode
? html`<span class="state-label">
${this.hass!.localize(
`state_attributes.humidifier.mode.${this.stateObj.attributes.mode}`
) || this.stateObj.attributes.mode}
</span>`
: ""}
<div class="unit">
${this.stateObj.attributes.humidity
? html`${this.stateObj.attributes.humidity} %`
: ""}
</div>
</div>
${super.render()}
`;
}
static get styles(): CSSResult {
return css`
:host {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.target {
color: var(--primary-text-color);
}
.current {
color: var(--secondary-text-color);
}
.state-label {
font-weight: bold;
text-transform: capitalize;
}
.unit {
display: inline-block;
direction: ltr;
}
${super.styles}
`;
}
}
customElements.define("ha-entity-humidifier", HaEntityHumidifier);

3
src/panels/lovelace/create-element/create-row-element.ts
View File

@ -24,7 +24,6 @@ const LAZY_LOAD_TYPES = {
"climate-entity": () => import("../entity-rows/hui-climate-entity-row"),
"cover-entity": () => import("../entity-rows/hui-cover-entity-row"),
"group-entity": () => import("../entity-rows/hui-group-entity-row"),
"humidifier-entity": () => import("../entity-rows/hui-humidifier-entity-row"),
"input-datetime-entity": () =>
import("../entity-rows/hui-input-datetime-entity-row"),
"input-number-entity": () =>
@ -52,7 +51,7 @@ const DOMAIN_TO_ELEMENT_TYPE = {
cover: "cover",
fan: "toggle",
group: "group",
humidifier: "humidifier",
humidifier: "toggle",
input_boolean: "toggle",
input_number: "input-number",
input_select: "input-select",

74
src/panels/lovelace/entity-rows/hui-humidifier-entity-row.ts
View File

@ -1,74 +0,0 @@
import {
css,
CSSResult,
customElement,
html,
LitElement,
property,
PropertyValues,
TemplateResult,
} from "lit-element";
import "../../../components/entity/ha-entity-humidifier";
import { HomeAssistant } from "../../../types";
import { hasConfigOrEntityChanged } from "../common/has-changed";
import "../components/hui-generic-entity-row";
import { createEntityNotFoundWarning } from "../components/hui-warning";
import { EntityConfig, LovelaceRow } from "./types";
@customElement("hui-humidifier-entity-row")
class HuiHumidifierEntityRow extends LitElement implements LovelaceRow {
@property() public hass?: HomeAssistant;
@property() private _config?: EntityConfig;
public setConfig(config: EntityConfig): void {
if (!config || !config.entity) {
throw new Error("Invalid Configuration: 'entity' required");
}
this._config = config;
}
protected shouldUpdate(changedProps: PropertyValues): boolean {
return hasConfigOrEntityChanged(this, changedProps);
}
protected render(): TemplateResult {
if (!this.hass || !this._config) {
return html``;
}
const stateObj = this.hass.states[this._config.entity];
if (!stateObj) {
return html`
<hui-warning>
${createEntityNotFoundWarning(this.hass, this._config.entity)}
</hui-warning>
`;
}
return html`
<hui-generic-entity-row .hass=${this.hass} .config=${this._config}>
<ha-entity-humidifier
.hass=${this.hass}
.stateObj=${stateObj}
></ha-entity-humidifier>
</hui-generic-entity-row>
`;
}
static get styles(): CSSResult {
return css`
ha-humidifier-state {
text-align: right;
}
`;
}
}
declare global {
interface HTMLElementTagNameMap {
"hui-humidifier-entity-row": HuiHumidifierEntityRow;
}
}