mirror of
https://github.com/MichMich/MagicMirror.git
synced 2025-06-27 19:53:36 +00:00
eceec8285d
This pr adds (config.js toggleable) showUV_Index to the hourly and current weather modules, with right now only openmeteo configured to supply the data. Other providers could have support too by adding `uv_index` to current and hourly. For example the current weather looks like  positioned after sunset in the top row. The following "hacks" are included and could be fixed to make it cleaner, but the functionality is wanted and it works without problem. - To hide entries where the UV Index is 0 i added an if statement to the `hourly.njk` which is not how precipitation is handled. The following are minor things that might not need fixing: - The forecast option does not have UV support. This might not be relevant since UV changes throughout the day but i tried to implement a "max_UV" to openmeteo.js, but am not confident enough in JS to accomplish that. - The UV Icon is wi-hot and manually added to the `.njk`'s. This could be made changeable by a config but does not seem relevant since wi-hot is not used by anything else as far as i can tell. --------- Co-authored-by: veeck <michael@veeck.de>
53 lines
2.6 KiB
Plaintext
53 lines
2.6 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 %}
|
|
{% if config.showUVIndex %}
|
|
<td class="align-right dimmed uv-index">
|
|
{{ f.uv_index }}
|
|
<span class="wi dimmed weathericon wi-hot"></span>
|
|
</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> -->
|