From 8e8d907090e1bad78078cfc842cbf40c7e3bb6ab Mon Sep 17 00:00:00 2001
From: Yevgeniy <33804747+sgttrs@users.noreply.github.com>
Date: Wed, 13 Jun 2018 01:29:21 +0600
Subject: [PATCH] Change weather card to support forecasts with two modes
 (#1277)

* Separation of date and time

* Remove <div>, hour to numeric, text uppercase

* Revert style, fix <br>
---
 src/cards/ha-weather-card.js | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/cards/ha-weather-card.js b/src/cards/ha-weather-card.js
index b497422085..aaa58babf9 100644
--- a/src/cards/ha-weather-card.js
+++ b/src/cards/ha-weather-card.js
@@ -128,7 +128,11 @@ class HaWeatherCard extends
             <div class="forecast">
               <template is="dom-repeat" items="[[forecast]]">
                 <div>
-                  <div class="weekday">[[computeDateTime(item.datetime)]]</div>
+                  <div class="weekday">[[computeDate(item.datetime)]]<br>
+                    <template is="dom-if" if="[[!item.templow]]">
+                      [[computeTime(item.datetime)]]
+                    </template>
+                  </div>
                   <template is="dom-if" if="[[item.condition]]">
                     <div class="icon">
                       <iron-icon icon="[[getWeatherIcon(item.condition)]]"></iron-icon>
@@ -237,16 +241,20 @@ class HaWeatherCard extends
     return typeof item !== 'undefined' && item !== null;
   }
 
-  computeDateTime(data) {
+  computeDate(data) {
     const date = new Date(data);
-    const provider = this.stateObj.attributes.attribution;
-    if (provider === 'Powered by Dark Sky' || provider === 'Data provided by OpenWeatherMap') {
-      return date.toLocaleTimeString(
-        this.hass.selectedLanguage || this.hass.language,
-        { hour: 'numeric' }
-      );
-    }
-    return date.toLocaleDateString(this.hass.selectedLanguage || this.hass.language, { weekday: 'short' });
+    return date.toLocaleDateString(
+      this.hass.selectedLanguage || this.hass.language,
+      { weekday: 'short' }
+    );
+  }
+
+  computeTime(data) {
+    const date = new Date(data);
+    return date.toLocaleTimeString(
+      this.hass.selectedLanguage || this.hass.language,
+      { hour: 'numeric' }
+    );
   }
 }
 customElements.define('ha-weather-card', HaWeatherCard);