Fix Number Selector Label (#13178)

This commit is contained in:
Zack Barett 2022-07-11 20:05:47 -05:00 committed by GitHub
parent a30c8205b1
commit 437723c6a6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -4,9 +4,9 @@ import { classMap } from "lit/directives/class-map";
import { fireEvent } from "../../common/dom/fire_event"; import { fireEvent } from "../../common/dom/fire_event";
import { NumberSelector } from "../../data/selector"; import { NumberSelector } from "../../data/selector";
import { HomeAssistant } from "../../types"; import { HomeAssistant } from "../../types";
import "../ha-input-helper-text";
import "../ha-slider"; import "../ha-slider";
import "../ha-textfield"; import "../ha-textfield";
import "../ha-input-helper-text";
@customElement("ha-selector-number") @customElement("ha-selector-number")
export class HaNumberSelector extends LitElement { export class HaNumberSelector extends LitElement {
@ -30,21 +30,25 @@ export class HaNumberSelector extends LitElement {
const isBox = this.selector.number.mode === "box"; const isBox = this.selector.number.mode === "box";
return html` return html`
${this.label ? html`${this.label}${this.required ? " *" : ""}` : ""}
<div class="input"> <div class="input">
${!isBox ${!isBox
? html`<ha-slider ? html`
.min=${this.selector.number.min} ${this.label
.max=${this.selector.number.max} ? html`${this.label}${this.required ? " *" : ""}`
.value=${this._value} : ""}
.step=${this.selector.number.step ?? 1} <ha-slider
.disabled=${this.disabled} .min=${this.selector.number.min}
.required=${this.required} .max=${this.selector.number.max}
pin .value=${this._value}
ignore-bar-touch .step=${this.selector.number.step ?? 1}
@change=${this._handleSliderChange} .disabled=${this.disabled}
> .required=${this.required}
</ha-slider>` pin
ignore-bar-touch
@change=${this._handleSliderChange}
>
</ha-slider>
`
: ""} : ""}
<ha-textfield <ha-textfield
inputMode="numeric" inputMode="numeric"