mirror of
https://github.com/MichMich/MagicMirror.git
synced 2025-06-27 11:50:00 +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>
90 lines
4.0 KiB
Plaintext
90 lines
4.0 KiB
Plaintext
{% if current %}
|
|
{% if not config.onlyTemp %}
|
|
<div class="normal medium">
|
|
<span class="wi wi-strong-wind dimmed"></span>
|
|
<span>
|
|
{{ current.windSpeed | unit("wind") | round }}
|
|
{% if config.showWindDirection %}
|
|
<sup>
|
|
{% if config.showWindDirectionAsArrow %}
|
|
<i class="fas fa-long-arrow-alt-down" style="transform:rotate({{ current.windFromDirection }}deg);"></i>
|
|
{% else %}
|
|
{{ current.cardinalWindDirection() | translate }}
|
|
{% endif %}
|
|
|
|
</sup>
|
|
{% endif %}
|
|
</span>
|
|
{% if config.showHumidity and current.humidity %}
|
|
<span>{{ current.humidity | decimalSymbol }}</span><sup> <i class="wi wi-humidity humidity-icon"></i></sup>
|
|
{% endif %}
|
|
{% if config.showSun %}
|
|
<span class="wi dimmed wi-{{ current.nextSunAction() }}"></span>
|
|
<span>
|
|
{% if current.nextSunAction() === "sunset" %}
|
|
{{ current.sunset | formatTime }}
|
|
{% else %}
|
|
{{ current.sunrise | formatTime }}
|
|
{% endif %}
|
|
</span>
|
|
{% endif %}
|
|
{% if config.showUVIndex %}
|
|
<td class="align-right bright uv-index">
|
|
<div class="wi dimmed wi-hot"></div>
|
|
{{ current.uv_index }}
|
|
</td>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
<div class="large light">
|
|
<span class="wi weathericon wi-{{current.weatherType}}"></span>
|
|
<span class="bright">
|
|
{{ current.temperature | roundValue | unit("temperature") | decimalSymbol }}
|
|
</span>
|
|
</div>
|
|
<div class="normal light indoor">
|
|
{% if config.showIndoorTemperature and indoor.temperature %}
|
|
<div>
|
|
<span class="fas fa-home"></span>
|
|
<span class="bright">
|
|
{{ indoor.temperature | roundValue | unit("temperature") | decimalSymbol }}
|
|
</span>
|
|
</div>
|
|
{% endif %}
|
|
{% if config.showIndoorHumidity and indoor.humidity %}
|
|
<div>
|
|
<span class="fas fa-tint"></span>
|
|
<span class="bright">
|
|
{{ indoor.humidity | roundValue | unit("humidity") | decimalSymbol }}
|
|
</span>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% if (config.showFeelsLike or config.showPrecipitationAmount or config.showPrecipitationProbability) and not config.onlyTemp %}
|
|
<div class="normal medium feelslike">
|
|
{% if config.showFeelsLike %}
|
|
<span class="dimmed">
|
|
{{ "FEELS" | translate({DEGREE: current.feelsLike() | roundValue | unit("temperature") | decimalSymbol }) }}
|
|
</span><br/>
|
|
{% endif %}
|
|
{% if config.showPrecipitationAmount and current.precipitationAmount %}
|
|
<span class="dimmed">
|
|
<span class="precipitationLeadText">{{ "PRECIP_AMOUNT" | translate }}</span> {{ current.precipitationAmount | unit("precip", current.precipitationUnits) }}
|
|
</span><br/>
|
|
{% endif %}
|
|
{% if config.showPrecipitationProbability and current.precipitationProbability %}
|
|
<span class="dimmed">
|
|
<span class="precipitationLeadText">{{ "PRECIP_POP" | translate }}</span> {{ current.precipitationProbability }}%
|
|
</span>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
{% else %}
|
|
<div class="dimmed light small">
|
|
{{ "LOADING" | translate }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Uncomment the line below to see the contents of the `current` object. -->
|
|
<!-- <div style="word-wrap:break-word" class="xsmall dimmed">{{current | dump}}</div> -->
|