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

Make slider default for number selector (#9190)

Browse Source
This commit is contained in:
Bram Kragten 2021-05-17 16:55:12 +02:00 committed by GitHub
parent 4f731baa00
commit 1f65328f2d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ha-selector/ha-selector-number.ts
View File

@ -29,12 +29,12 @@ export class HaNumberSelector extends LitElement {
protected render() { protected render() {
return html`${this.label} return html`${this.label}
${this.selector.number.mode === "slider" ${this.selector.number.mode !== "box"
? html`<ha-slider ? html`<ha-slider
.min=${this.selector.number.min} .min=${this.selector.number.min}
.max=${this.selector.number.max} .max=${this.selector.number.max}
.value=${this._value} .value=${this._value}
.step=${this.selector.number.step} .step=${this.selector.number.step ?? 1}
.disabled=${this.disabled} .disabled=${this.disabled}
pin pin
ignore-bar-touch ignore-bar-touch
@ -44,16 +44,14 @@ export class HaNumberSelector extends LitElement {
: ""} : ""}
<paper-input <paper-input
pattern="[0-9]+([\\.][0-9]+)?" pattern="[0-9]+([\\.][0-9]+)?"
.label=${this.selector.number.mode === "slider" .label=${this.selector.number.mode !== "box" ? undefined : this.label}
? undefined
: this.label}
.placeholder=${this.placeholder} .placeholder=${this.placeholder}
.noLabelFloat=${this.selector.number.mode === "slider"} .noLabelFloat=${this.selector.number.mode !== "box"}
class=${classMap({ single: this.selector.number.mode === "box" })} class=${classMap({ single: this.selector.number.mode === "box" })}
.min=${this.selector.number.min} .min=${this.selector.number.min}
.max=${this.selector.number.max} .max=${this.selector.number.max}
.value=${this.value} .value=${this.value}
.step=${this.selector.number.step} .step=${this.selector.number.step ?? 1}
.disabled=${this.disabled} .disabled=${this.disabled}
type="number" type="number"
auto-validate auto-validate

4
src/data/selector.ts
View File

@ -72,8 +72,8 @@ export interface NumberSelector {
number: { number: {
min: number; min: number;
max: number; max: number;
step: number; step?: number;
mode: "box" | "slider"; mode?: "box" | "slider";
unit_of_measurement?: string; unit_of_measurement?: string;
}; };
} }