dimmed loading indicator for weather forecast

This commit is contained in:
fewieden
2019-01-04 19:43:48 +01:00
parent dc363de610
commit 827fbfb78f

View File

@@ -1,25 +1,27 @@
{% if forecast %} {% if forecast %}
<table class="{{config.tableClass}}"> <table class="{{ config.tableClass }}">
{% for f in forecast %} {% for f in forecast %}
<tr {% if config.colored %}class="colored"{% endif %}> <tr {% if config.colored %}class="colored"{% endif %}>
<td class="day">{{f.date.format('ddd')}}</td> <td class="day">{{ f.date.format('ddd') }}</td>
<td class="bright weather-icon"><span class="wi weathericon wi-{{f.weatherType}}"></span></td> <td class="bright weather-icon"><span class="wi weathericon wi-{{ f.weatherType }}"></span></td>
<td class="align-right bright max-temp"> <td class="align-right bright max-temp">
{{f.maxTemperature | roundValue | unit("temperature")}} {{ f.maxTemperature | roundValue | unit("temperature") }}
</td> </td>
<td class="align-right min-temp"> <td class="align-right min-temp">
{{f.minTemperature | roundValue | unit("temperature")}} {{ f.minTemperature | roundValue | unit("temperature") }}
</td> </td>
{% if config.showRainAmount %} {% if config.showRainAmount %}
<td class="align-right bright rain"> <td class="align-right bright rain">
{{f.rain | unit("rain")}} {{ f.rain | unit("rain") }}
</td> </td>
{% endif %} {% endif %}
</tr> </tr>
{% endfor %} {% endfor %}
</table> </table>
{% else %} {% else %}
{{"LOADING" | translate}} <div class="dimmed light small">
{{ "LOADING" | translate }}
</div>
{% endif %} {% endif %}
<!-- Unclomment the line below to see the contents of the `current` object. --> <!-- Unclomment the line below to see the contents of the `current` object. -->