eric/WeatherStar4000
1
0
Fork 0
mirror of https://github.com/netbymatt/ws4kp.git synced 2026-04-17 17:19:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

hourly color coded feels like temperatures close #69

Browse Source
This commit is contained in:
Matt Walsh
2025-04-07 22:13:20 -05:00
parent b3faf95e39
commit a592668d0d
4 changed files with 24 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
server/scripts/modules/hourly.mjs
View File

@@ -76,9 +76,9 @@ class Hourly extends WeatherDisplay {
const temperature = data.temperature.toString().padStart(3);
const feelsLike = data.apparentTemperature.toString().padStart(3);
fillValues.temp = temperature;
// only plot apparent temperature if there is a difference
// if (temperature !== feelsLike) line.querySelector('.like').innerHTML = feelsLike;
if (temperature !== feelsLike) fillValues.like = feelsLike;
// apparent temperature is color coded if different from actual temperature (after fill is applied)
fillValues.like = feelsLike;
// wind
let wind = 'Calm';
@@ -91,7 +91,17 @@ class Hourly extends WeatherDisplay {
// image
fillValues.icon = { type: 'img', src: data.icon };
return this.fillTemplate('hourly-row', fillValues);
const filledRow = this.fillTemplate('hourly-row', fillValues);
// alter the color of the feels like column to reflect wind chill or heat index
if (feelsLike < temperature) {
filledRow.querySelector('.like').classList.add('wind-chill');
}
if (feelsLike > temperature) {
filledRow.querySelector('.like').classList.add('heat-index');
}
return filledRow;
});
list.append(...lines);