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> <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);