Skip to content
Snippets Groups Projects
Commit cac48c1c authored by Robert Goldmann's avatar Robert Goldmann
Browse files

colorize weather icons in all tiles

parent 98997dfa
No related branches found
No related tags found
No related merge requests found
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
<div class="currentTemperatureTile"> <div class="currentTemperatureTile">
<div class="content"> <div class="content">
<i class="wi wi-owm-{{ data['icon'] }} icon"></i> <i class="wi wi-owm-{{ data['icon'] }} icon" style="color: {{ data['iconColor'] }};"></i>
<div class="entries"> <div class="entries">
<div class="temperatures"> <div class="temperatures">
<div class="temperature-entry"> <div class="temperature-entry">
......
...@@ -29,13 +29,15 @@ class CurrentWeatherTile(Tile): ...@@ -29,13 +29,15 @@ class CurrentWeatherTile(Tile):
currentTemperature = currentWeather['temp'] currentTemperature = currentWeather['temp']
feelsLike = currentWeather['feels_like'] feelsLike = currentWeather['feels_like']
windSpeed = currentWeather['wind_speed'] * 3.6 windSpeed = currentWeather['wind_speed'] * 3.6
icon = currentWeather['weather'][0]['id']
return { return {
'temperature': Helpers.round_to_decimals(currentTemperature, 1), 'temperature': Helpers.round_to_decimals(currentTemperature, 1),
'temperatureColor': Helpers.determine_color_for_temperature(currentTemperature), 'temperatureColor': Helpers.determine_color_for_temperature(currentTemperature),
'feelsLike': Helpers.round_to_decimals(feelsLike, 1), 'feelsLike': Helpers.round_to_decimals(feelsLike, 1),
'feelsLikeColor': Helpers.determine_color_for_temperature(feelsLike), 'feelsLikeColor': Helpers.determine_color_for_temperature(feelsLike),
'icon': currentWeather['weather'][0]['id'], 'icon': icon,
'iconColor': Helpers.determine_color_for_weather_icon(icon),
'windDegrees': currentWeather['wind_deg'], 'windDegrees': currentWeather['wind_deg'],
'windSpeed': f'{Helpers.round_to_decimals(windSpeed, 1)} km/h', 'windSpeed': f'{Helpers.round_to_decimals(windSpeed, 1)} km/h',
'windSpeedColor': Helpers.determine_color_for_wind(windSpeed) 'windSpeedColor': Helpers.determine_color_for_wind(windSpeed)
......
...@@ -66,7 +66,7 @@ ...@@ -66,7 +66,7 @@
{% for item in data %} {% for item in data %}
<div class="entry"> <div class="entry">
<div class="hour">{{ item['hour'] }} Uhr</div> <div class="hour">{{ item['hour'] }} Uhr</div>
<i class="wi wi-owm-{{ item['icon'] }} icon"></i> <i class="wi wi-owm-{{ item['icon'] }} icon" style="color: {{ item['iconColor'] }};"></i>
<div class="temperature" style="color: {{ item['temperatureColor'] }}">{{ item['temperature'] }}&deg;C</div> <div class="temperature" style="color: {{ item['temperatureColor'] }}">{{ item['temperature'] }}&deg;C</div>
<div class="rain"> <div class="rain">
<i class="wi wi-raindrops"></i> <i class="wi wi-raindrops"></i>
......
...@@ -48,6 +48,7 @@ class HourlyForecastTile(Tile): ...@@ -48,6 +48,7 @@ class HourlyForecastTile(Tile):
'temperature': Helpers.round_to_decimals(temperature, 0), 'temperature': Helpers.round_to_decimals(temperature, 0),
'temperatureColor': Helpers.determine_color_for_temperature(temperature), 'temperatureColor': Helpers.determine_color_for_temperature(temperature),
'icon': icon, 'icon': icon,
'iconColor': Helpers.determine_color_for_weather_icon(icon),
'windSpeed': f'{Helpers.round_to_decimals(windSpeed, 0)} km/h', 'windSpeed': f'{Helpers.round_to_decimals(windSpeed, 0)} km/h',
'windSpeedColor': Helpers.determine_color_for_wind(windSpeed), 'windSpeedColor': Helpers.determine_color_for_wind(windSpeed),
'rainProbability': f'{Helpers.round_to_decimals(rainProbability, 0)} %' 'rainProbability': f'{Helpers.round_to_decimals(rainProbability, 0)} %'
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment