From 626b05454031523c1208515afe5d3012c458f32d Mon Sep 17 00:00:00 2001
From: Adam Mills <adam@armills.info>
Date: Tue, 19 Jun 2018 22:37:06 -0400
Subject: [PATCH] Use localized operation modes in climate more-info (#1304)

---
 .../more-info/controls/more-info-climate.js        | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/dialogs/more-info/controls/more-info-climate.js b/src/dialogs/more-info/controls/more-info-climate.js
index aeb129b723..676b37a664 100644
--- 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);