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

andyhou · Jun 20, 2018 · 626b054 · 626b054
1 parent 4acfa2b
commit 626b054
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/src/dialogs/more-info/controls/more-info-climate.js b/src/dialogs/more-info/controls/more-info-climate.js
@@ -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);