jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 09:46:36 +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}
@slider-moved=${this.handleSliderMoved}
aria-labelledby=${id}
.tooltipUnit=${config.unit}
.unit=${config.unit}
>
</ha-control-slider>
</div>
@ -119,7 +119,7 @@ export class DemoHaBarSlider extends LitElement {
@value-changed=${this.handleValueChanged}
@slider-moved=${this.handleSliderMoved}
aria-label=${label}
.tooltipUnit=${config.unit}
.unit=${config.unit}
>
</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" })
public tooltipPosition?: TooltipPosition;
@property({ attribute: "tooltip-unit" })
public tooltipUnit?: string;
@property()
public unit?: string;
@property({ attribute: "tooltip-mode" })
public tooltipMode: TooltipMode = "interaction";
@ -292,8 +292,8 @@ export class HaControlSlider extends LitElement {
private _formatValue(value: number) {
const formattedValue = formatNumber(value, this.locale);
const formattedUnit = this.tooltipUnit
? `${blankBeforeUnit(this.tooltipUnit, this.locale)}${this.tooltipUnit}`
const formattedUnit = this.unit
? `${blankBeforeUnit(this.unit, this.locale)}${this.unit}`
: "";
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,
})}
.disabled=${this.stateObj.state === UNAVAILABLE}
.tooltipUnit=${DOMAIN_ATTRIBUTES_UNITS.cover.current_position}
.unit=${DOMAIN_ATTRIBUTES_UNITS.cover.current_position}
.locale=${this.hass.locale}
>
</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,
})}
.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}
>
<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,
})}
.disabled=${this.stateObj.state === UNAVAILABLE}
.tooltipUnit=${DOMAIN_ATTRIBUTES_UNITS.fan.percentage}
.unit=${DOMAIN_ATTRIBUTES_UNITS.fan.percentage}
.locale=${this.hass.locale}
>
</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,
})}
.disabled=${this.stateObj.state === UNAVAILABLE}
.tooltipUnit=${"%"}
unit="%"
.locale=${this.hass.locale}
>
</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,
})}
.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}
>
</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"
)}
.disabled=${this.stateObj!.state === UNAVAILABLE}
.tooltipUnit=${DOMAIN_ATTRIBUTES_UNITS.cover.current_position}
.unit=${DOMAIN_ATTRIBUTES_UNITS.cover.current_position}
.locale=${this.hass.locale}
></ha-control-slider>
</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"
)}
.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}
>
<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"
)}
.disabled=${this.stateObj!.state === UNAVAILABLE}
.tooltipUnit=${DOMAIN_ATTRIBUTES_UNITS.fan.percentage}
.unit=${DOMAIN_ATTRIBUTES_UNITS.fan.percentage}
.locale=${this.hass.locale}
></ha-control-slider>
</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}
@value-changed=${this._valueChanged}
.label=${this.hass.localize("ui.card.light.brightness")}
.tooltipUnit=${"%"}
unit="%"
.locale=${this.hass.locale}
></ha-control-slider>
</div>

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

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