mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-25 18:26:35 +00:00
Use localized operation modes in climate more-info (#1304)
This commit is contained in:
parent
4acfa2ba88
commit
626b054540
@ -29,9 +29,6 @@ class MoreInfoClimate extends LocalizeMixin(EventsMixin(PolymerElement)) {
|
|||||||
<style>
|
<style>
|
||||||
:host {
|
:host {
|
||||||
color: var(--primary-text-color);
|
color: var(--primary-text-color);
|
||||||
--paper-input-container-input: {
|
|
||||||
text-transform: capitalize;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.container-on,
|
.container-on,
|
||||||
@ -109,9 +106,6 @@ class MoreInfoClimate extends LocalizeMixin(EventsMixin(PolymerElement)) {
|
|||||||
.single-row {
|
.single-row {
|
||||||
padding: 8px 0;
|
padding: 8px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.capitalize {
|
|
||||||
text-transform: capitalize;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
@ -157,10 +151,10 @@ class MoreInfoClimate extends LocalizeMixin(EventsMixin(PolymerElement)) {
|
|||||||
<template is="dom-if" if="[[supportsOperationMode(stateObj)]]">
|
<template is="dom-if" if="[[supportsOperationMode(stateObj)]]">
|
||||||
<div class="container-operation_list">
|
<div class="container-operation_list">
|
||||||
<div class="controls">
|
<div class="controls">
|
||||||
<paper-dropdown-menu class="capitalize" label-float="" dynamic-align="" label="[[localize('ui.card.climate.operation')]]">
|
<paper-dropdown-menu label-float="" dynamic-align="" label="[[localize('ui.card.climate.operation')]]">
|
||||||
<paper-listbox slot="dropdown-content" selected="{{operationIndex}}">
|
<paper-listbox slot="dropdown-content" selected="{{operationIndex}}">
|
||||||
<template is="dom-repeat" items="[[stateObj.attributes.operation_list]]" on-dom-change="handleOperationListUpdate">
|
<template is="dom-repeat" items="[[stateObj.attributes.operation_list]]" on-dom-change="handleOperationListUpdate">
|
||||||
<paper-item class="capitalize">[[item]]</paper-item>
|
<paper-item>[[_localizeOperationMode(localize, item)]]</paper-item>
|
||||||
</template>
|
</template>
|
||||||
</paper-listbox>
|
</paper-listbox>
|
||||||
</paper-dropdown-menu>
|
</paper-dropdown-menu>
|
||||||
@ -463,6 +457,10 @@ class MoreInfoClimate extends LocalizeMixin(EventsMixin(PolymerElement)) {
|
|||||||
this.stateObjChanged(this.stateObj);
|
this.stateObjChanged(this.stateObj);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
_localizeOperationMode(localize, mode) {
|
||||||
|
return localize(`state.climate.${mode}`) || mode;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
customElements.define('more-info-climate', MoreInfoClimate);
|
customElements.define('more-info-climate', MoreInfoClimate);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user