gitadmin/sunscope
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

3.0.2

Browse Source 
Fix the Why It Feels calcs
This commit is contained in:
fraxle
2026-06-13 15:20:45 +01:00
parent 0532ed58a2
commit d109316aa1
4 changed files with 40 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/js/app.js
+9 -7
View File
@@ -742,6 +742,7 @@ export function UTCIForecast() {
</div>
${(() => {
const _wflItems = [
{ label: 'Air temperature', icon: '🌡', value: currentRow.Ta, isBase: true },
{ label: 'Sun and sky', icon: '☀', value: whyFeelsLike.sunAndSky },
{ label: 'Wind', icon: '🌬', value: whyFeelsLike.wind },
{ label: 'Humidity', icon: '💧', value: whyFeelsLike.humidity },
@@ -752,19 +753,20 @@ export function UTCIForecast() {
{ label: 'Precipitation', icon: '🌧', value: whyFeelsLike.precipitation }
] : []),
];
const _wflMax = Math.max(..._wflItems.map(i => Math.abs(i.value)), 0.1);
return _wflItems.map(({ label, icon, value }) => html`
<div class="insight-row" key=${label}>
const _wflDeltaItems = _wflItems.filter(i => !i.isBase);
const _wflMax = Math.max(..._wflDeltaItems.map(i => Math.abs(i.value)), 0.1);
return _wflItems.map(({ label, icon, value, isBase }) => html`
<div class=${'insight-row' + (isBase ? ' insight-row--base' : '')} key=${label}>
<span class="insight-icon">${icon}</span>
<span class="insight-label">
${label}
<span class="insight-bar-track">
${!isBase && html`<span class="insight-bar-track">
<span class=${'insight-bar ' + (value >= 0 ? 'bar-pos' : 'bar-neg')}
style=${{ width: `${Math.round(Math.abs(value) / _wflMax * 100)}%` }}></span>
</span>
</span>`}
</span>
<span class=${`insight-delta ${value >= 0 ? 'delta-pos' : 'delta-neg'}`}>
${value >= 0 ? '+' : ''}${value.toFixed(1)}°
<span class=${`insight-delta ${isBase ? 'delta-base' : value >= 0 ? 'delta-pos' : 'delta-neg'}`}>
${isBase ? '' : value >= 0 ? '+' : ''}${value.toFixed(1)}°
</span>
</div>
`);