Use localized operation modes in climate more-info (#1304)

This commit is contained in:
Adam Mills 2018-06-19 22:37:06 -04:00 committed by Paulus Schoutsen
parent 4acfa2ba88
commit 626b054540

View File

@ -29,9 +29,6 @@ class MoreInfoClimate extends LocalizeMixin(EventsMixin(PolymerElement)) {
<style>
:host {
color: var(--primary-text-color);
--paper-input-container-input: {
text-transform: capitalize;
}
}
.container-on,
@ -109,9 +106,6 @@ class MoreInfoClimate extends LocalizeMixin(EventsMixin(PolymerElement)) {
.single-row {
padding: 8px 0;
}
.capitalize {
text-transform: capitalize;
}
</style>
@ -157,10 +151,10 @@ class MoreInfoClimate extends LocalizeMixin(EventsMixin(PolymerElement)) {
<template is="dom-if" if="[[supportsOperationMode(stateObj)]]">
<div class="container-operation_list">
<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}}">
<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>
</paper-listbox>
</paper-dropdown-menu>
@ -463,6 +457,10 @@ class MoreInfoClimate extends LocalizeMixin(EventsMixin(PolymerElement)) {
this.stateObjChanged(this.stateObj);
});
}
_localizeOperationMode(localize, mode) {
return localize(`state.climate.${mode}`) || mode;
}
}
customElements.define('more-info-climate', MoreInfoClimate);