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

Rename tooltipUnit to unit for slider (#18599)

Browse Source
This commit is contained in:
Paul Bottein 2023-11-10 18:08:12 +01:00 committed by GitHub
parent d3f6ebd1d0
commit 1d45cb78fe
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
gallery/src/pages/components/ha-control-slider.ts
View File

@ -97,7 +97,7 @@ export class DemoHaBarSlider extends LitElement {
@value-changed=${this.handleValueChanged} @value-changed=${this.handleValueChanged}
@slider-moved=${this.handleSliderMoved} @slider-moved=${this.handleSliderMoved}
aria-labelledby=${id} aria-labelledby=${id}
.tooltipUnit=${config.unit} .unit=${config.unit}
> >
</ha-control-slider> </ha-control-slider>
</div> </div>
@ -119,7 +119,7 @@ export class DemoHaBarSlider extends LitElement {
@value-changed=${this.handleValueChanged} @value-changed=${this.handleValueChanged}
@slider-moved=${this.handleSliderMoved} @slider-moved=${this.handleSliderMoved}
aria-label=${label} aria-label=${label}
.tooltipUnit=${config.unit} .unit=${config.unit}
> >
</ha-control-slider> </ha-control-slider>
`; `;

8
src/components/ha-control-slider.ts
View File

@ -61,8 +61,8 @@ export class HaControlSlider extends LitElement {
@property({ attribute: "tooltip-position" }) @property({ attribute: "tooltip-position" })
public tooltipPosition?: TooltipPosition; public tooltipPosition?: TooltipPosition;
@property({ attribute: "tooltip-unit" }) @property()
public tooltipUnit?: string; public unit?: string;
@property({ attribute: "tooltip-mode" }) @property({ attribute: "tooltip-mode" })
public tooltipMode: TooltipMode = "interaction"; public tooltipMode: TooltipMode = "interaction";
@ -292,8 +292,8 @@ export class HaControlSlider extends LitElement {
private _formatValue(value: number) { private _formatValue(value: number) {
const formattedValue = formatNumber(value, this.locale); const formattedValue = formatNumber(value, this.locale);
const formattedUnit = this.tooltipUnit const formattedUnit = this.unit
? `${blankBeforeUnit(this.tooltipUnit, this.locale)}${this.tooltipUnit}` ? `${blankBeforeUnit(this.unit, this.locale)}${this.unit}`
: ""; : "";
return `${formattedValue}${formattedUnit}`; return `${formattedValue}${formattedUnit}`;

2
src/dialogs/more-info/components/cover/ha-more-info-cover-position.ts
View File

@ -61,7 +61,7 @@ export class HaMoreInfoCoverPosition extends LitElement {
"--control-slider-background": color, "--control-slider-background": color,
})} })}
.disabled=${this.stateObj.state === UNAVAILABLE} .disabled=${this.stateObj.state === UNAVAILABLE}
.tooltipUnit=${DOMAIN_ATTRIBUTES_UNITS.cover.current_position} .unit=${DOMAIN_ATTRIBUTES_UNITS.cover.current_position}
.locale=${this.hass.locale} .locale=${this.hass.locale}
> >
</ha-control-slider> </ha-control-slider>

2
src/dialogs/more-info/components/cover/ha-more-info-cover-tilt-position.ts
View File

@ -97,7 +97,7 @@ export class HaMoreInfoCoverTiltPosition extends LitElement {
"--control-slider-background": color, "--control-slider-background": color,
})} })}
.disabled=${this.stateObj.state === UNAVAILABLE} .disabled=${this.stateObj.state === UNAVAILABLE}
.tooltipUnit=${DOMAIN_ATTRIBUTES_UNITS.cover.current_tilt_position} .unit=${DOMAIN_ATTRIBUTES_UNITS.cover.current_tilt_position}
.locale=${this.hass.locale} .locale=${this.hass.locale}
> >
<div slot="background" class="gradient"></div> <div slot="background" class="gradient"></div>

2
src/dialogs/more-info/components/fan/ha-more-info-fan-speed.ts
View File

@ -131,7 +131,7 @@ export class HaMoreInfoFanSpeed extends LitElement {
"--control-slider-background": color, "--control-slider-background": color,
})} })}
.disabled=${this.stateObj.state === UNAVAILABLE} .disabled=${this.stateObj.state === UNAVAILABLE}
.tooltipUnit=${DOMAIN_ATTRIBUTES_UNITS.fan.percentage} .unit=${DOMAIN_ATTRIBUTES_UNITS.fan.percentage}
.locale=${this.hass.locale} .locale=${this.hass.locale}
> >
</ha-control-slider> </ha-control-slider>

2
src/dialogs/more-info/components/lights/ha-more-info-light-brightness.ts
View File

@ -77,7 +77,7 @@ export class HaMoreInfoLightBrightness extends LitElement {
"--control-slider-background": color, "--control-slider-background": color,
})} })}
.disabled=${this.stateObj.state === UNAVAILABLE} .disabled=${this.stateObj.state === UNAVAILABLE}
.tooltipUnit=${"%"} unit="%"
.locale=${this.hass.locale} .locale=${this.hass.locale}
> >
</ha-control-slider> </ha-control-slider>

2
src/dialogs/more-info/components/lights/light-color-temp-picker.ts
View File

@ -94,7 +94,7 @@ class LightColorTempPicker extends LitElement {
"--gradient": gradient, "--gradient": gradient,
})} })}
.disabled=${this.stateObj.state === UNAVAILABLE} .disabled=${this.stateObj.state === UNAVAILABLE}
.tooltipUnit=${DOMAIN_ATTRIBUTES_UNITS.light.color_temp_kelvin} .unit=${DOMAIN_ATTRIBUTES_UNITS.light.color_temp_kelvin}
.locale=${this.hass.locale} .locale=${this.hass.locale}
> >
</ha-control-slider> </ha-control-slider>

2
src/panels/lovelace/tile-features/hui-cover-position-tile-feature.ts
View File

@ -94,7 +94,7 @@ class HuiCoverPositionTileFeature
"current_position" "current_position"
)} )}
.disabled=${this.stateObj!.state === UNAVAILABLE} .disabled=${this.stateObj!.state === UNAVAILABLE}
.tooltipUnit=${DOMAIN_ATTRIBUTES_UNITS.cover.current_position} .unit=${DOMAIN_ATTRIBUTES_UNITS.cover.current_position}
.locale=${this.hass.locale} .locale=${this.hass.locale}
></ha-control-slider> ></ha-control-slider>
</div> </div>

2
src/panels/lovelace/tile-features/hui-cover-tilt-position-tile-feature.ts
View File

@ -93,7 +93,7 @@ class HuiCoverTiltPositionTileFeature
"current_tilt_position" "current_tilt_position"
)} )}
.disabled=${this.stateObj!.state === UNAVAILABLE} .disabled=${this.stateObj!.state === UNAVAILABLE}
.tooltipUnit=${DOMAIN_ATTRIBUTES_UNITS.cover.current_tilt_position} .unit=${DOMAIN_ATTRIBUTES_UNITS.cover.current_tilt_position}
.locale=${this.hass.locale} .locale=${this.hass.locale}
> >
<div slot="background" class="gradient"></div <div slot="background" class="gradient"></div

2
src/panels/lovelace/tile-features/hui-fan-speed-tile-feature.ts
View File

@ -127,7 +127,7 @@ class HuiFanSpeedTileFeature extends LitElement implements LovelaceTileFeature {
"percentage" "percentage"
)} )}
.disabled=${this.stateObj!.state === UNAVAILABLE} .disabled=${this.stateObj!.state === UNAVAILABLE}
.tooltipUnit=${DOMAIN_ATTRIBUTES_UNITS.fan.percentage} .unit=${DOMAIN_ATTRIBUTES_UNITS.fan.percentage}
.locale=${this.hass.locale} .locale=${this.hass.locale}
></ha-control-slider> ></ha-control-slider>
</div> </div>

2
src/panels/lovelace/tile-features/hui-light-brightness-tile-feature.ts
View File

@ -67,7 +67,7 @@ class HuiLightBrightnessTileFeature
.disabled=${this.stateObj!.state === UNAVAILABLE} .disabled=${this.stateObj!.state === UNAVAILABLE}
@value-changed=${this._valueChanged} @value-changed=${this._valueChanged}
.label=${this.hass.localize("ui.card.light.brightness")} .label=${this.hass.localize("ui.card.light.brightness")}
.tooltipUnit=${"%"} unit="%"
.locale=${this.hass.locale} .locale=${this.hass.locale}
></ha-control-slider> ></ha-control-slider>
</div> </div>

2
src/panels/lovelace/tile-features/hui-light-color-temp-tile-feature.ts
View File

@ -86,7 +86,7 @@ class HuiLightColorTempTileFeature
style=${styleMap({ style=${styleMap({
"--gradient": gradient, "--gradient": gradient,
})} })}
.tooltipUnit=${DOMAIN_ATTRIBUTES_UNITS.light.color_temp_kelvin} .unit=${DOMAIN_ATTRIBUTES_UNITS.light.color_temp_kelvin}
.locale=${this.hass.locale} .locale=${this.hass.locale}
></ha-control-slider> ></ha-control-slider>
</div> </div>