Make all visiable values dynamic.

This commit is contained in:
Michael Teeuw
2017-10-18 13:38:56 +02:00
parent 241ff5cb6e
commit ab732b5435
4 changed files with 84 additions and 13 deletions

View File

@@ -1,13 +1,43 @@
{#
TODO:
- Show Humidity
- Show Units
_ Show Indoor Temperature
_ Show Indoor Humidity
#}
{% if current %}
<div class="normal medium">
<span class="wi wi-strong-wind dimmed"></span>
<span>
{{current.windSpeed}} <!-- should be converted to wind speed in correct unit ... -->
<sup>{{current.cardinalWindDirection()}}</sup>
</span>
<span class="wi dimmed wi-sunset"></span> <!-- hard coded, should use logic ... -->
<span> 00:00</span> <!-- hard coded, should use logic ... -->
</div>
{% if not config.onlyTemp %}
<div class="normal medium">
<span class="wi wi-strong-wind dimmed"></span>
<span>
{% if config.useBeaufort %}
{{current.beaufortWindSpeed() | round}}
{% else %}
{{current.windSpeed | round}}
{% endif %}
{% if config.showWindDirection %}
<sup>
{% if config.showWindDirectionAsArrow %}
<i class="fa fa-long-arrow-up" style="transform:rotate({{current.windDirection}}deg);"></i>
{% else %}
{{current.cardinalWindDirection()}}
{% endif %}
&nbsp;
</sup>
{% endif %}
</span>
<span class="wi dimmed wi-{{current.nextSunAction()}}"></span>
<span>
{% if current.nextSunAction() == "sunset" %}
{{current.sunset | formatTime}}
{% else %}
{{current.sunrise | formatTime}}
{% endif %}
</span>
</div>
{% endif %}
<div class="large light">
<span class="wi weathericon wi-{{current.weatherType}}"></span>
<span class="bright"> {{current.temperature | round(0 if config.roundTemp else 1)}}°</span></div>