mirror of
https://github.com/MichMich/MagicMirror.git
synced 2025-06-27 11:50:00 +00:00
fb22a76796
They weren't applied to wrong classnames, this PR fixes that and also expands the weather util tests --------- Co-authored-by: veeck <michael@veeck.de>
47 lines
2.3 KiB
Plaintext
47 lines
2.3 KiB
Plaintext
{% if forecast %}
|
|
{% set numSteps = forecast | calcNumSteps %}
|
|
{% set currentStep = 0 %}
|
|
<table class="{{ config.tableClass }}">
|
|
{% if config.ignoreToday %}
|
|
{% set forecast = forecast.splice(1) %}
|
|
{% endif %}
|
|
{% set forecast = forecast.slice(0, numSteps) %}
|
|
{% for f in forecast %}
|
|
<tr {% if config.colored %}class="colored"{% endif %} {% if config.fade %}style="opacity: {{ currentStep | opacity(numSteps) }};"{% endif %}>
|
|
{% if (currentStep == 0) and config.ignoreToday == false and config.absoluteDates == false %}
|
|
<td class="day">{{ "TODAY" | translate }}</td>
|
|
{% elif (currentStep == 1) and config.ignoreToday == false and config.absoluteDates == false %}
|
|
<td class="day">{{ "TOMORROW" | translate }}</td>
|
|
{% else %}
|
|
<td class="day">{{ f.date.format('ddd') }}</td>
|
|
{% endif %}
|
|
<td class="bright weather-icon"><span class="wi weathericon wi-{{ f.weatherType }}"></span></td>
|
|
<td class="align-right bright max-temp">
|
|
{{ f.maxTemperature | roundValue | unit("temperature") | decimalSymbol }}
|
|
</td>
|
|
<td class="align-right min-temp">
|
|
{{ f.minTemperature | roundValue | unit("temperature") | decimalSymbol }}
|
|
</td>
|
|
{% if config.showPrecipitationAmount %}
|
|
<td class="align-right bright precipitation-amount">
|
|
{{ f.precipitationAmount | unit("precip", f.precipitationUnits) }}
|
|
</td>
|
|
{% endif %}
|
|
{% if config.showPrecipitationProbability %}
|
|
<td class="align-right bright precipitation-prob">
|
|
{{ f.precipitationProbability | unit("precip", "%") }}
|
|
</td>
|
|
{% endif %}
|
|
</tr>
|
|
{% set currentStep = currentStep + 1 %}
|
|
{% endfor %}
|
|
</table>
|
|
{% else %}
|
|
<div class="dimmed light small">
|
|
{{ "LOADING" | translate }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Uncomment the line below to see the contents of the `forecast` object. -->
|
|
<!-- <div style="word-wrap:break-word" class="xsmall dimmed">{{forecast | dump}}</div> -->
|