Add wind forecast icons and switch (#109)

hacf-fr · May 12, 2023 · 1dc8228 · 1dc8228
1 parent c24eb67
commit 1dc8228
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 0 deletions.
diff --git a/dist/icons/arrow-north-static.svg b/dist/icons/arrow-north-static.svg
diff --git a/dist/icons/no-wind-bearing-static.svg b/dist/icons/no-wind-bearing-static.svg
diff --git a/dist/meteofrance-weather-card-editor.js b/dist/meteofrance-weather-card-editor.js
@@ -86,6 +86,9 @@ export class MeteofranceWeatherCardEditor extends LitElement {
     return this._config.animated_icons !== false;
   }
 
+  get _wind_forecast_icons() {
+    return this._config.wind_forecast_icons !== false;
+  }
   // Config value
   get _alertEntity() {
     return this._config.alertEntity || "";
@@ -178,6 +181,11 @@ export class MeteofranceWeatherCardEditor extends LitElement {
               this._animated_icons,
               "animated_icons"
             )}
+            ${this.renderSwitchOption(
+              "Show wind icons",
+              this._wind_forecast_icons,
+              "wind_forecast_icons"
+            )}			
           </ul>
           <!-- -->
           <paper-input

diff --git a/dist/meteofrance-weather-card.js b/dist/meteofrance-weather-card.js
@@ -530,6 +530,20 @@ class MeteofranceWeatherCard extends LitElement {
               </li>
             `
           : ""}
+        ${this._config.wind_forecast_icons && daily.wind_bearing !== undefined && daily.wind_bearing !== null
+          ? html`			
+			<li class="icon"
+				style="background: none, url('/local/community/lovelace-meteofrance-weather-card/icons/arrow-north-static.svg'); background-size: contain; transform: rotate(${daily.wind_bearing + 180}deg) scale(0.5)">
+			  </li>
+			  `
+           : ""}
+	 ${this._config.wind_forecast_icons && daily.wind_bearing !== undefined && daily.wind_bearing == null
+          ? html`			
+			<li class="icon"
+				style="background: none, url('/local/community/lovelace-meteofrance-weather-card/icons/no-wind-bearing-static.svg'); background-size: contain; transform:  scale(0.5)">
+			  </li>
+			  `
+           : ""}
       </ul>
     </li>`;
   }