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

add daily rain and timestamp #132

Browse Source
This commit is contained in:
Matt Walsh
2025-11-12 15:31:08 -06:00
parent afad953ed7
commit 107fa26da8
5 changed files with 20 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
server/scripts/modules/personal-weather.mjs
View File

@@ -6,6 +6,7 @@ import { registerDisplay } from './navigation.mjs';
import { import {
temperature, pressure, distanceMm, windSpeed, temperature, pressure, distanceMm, windSpeed,
} from './utils/units.mjs'; } from './utils/units.mjs';
import { DateTime } from '../vendor/auto/luxon.mjs';
class PersonalWeather extends WeatherDisplay { class PersonalWeather extends WeatherDisplay {
constructor(navId, elemId) { constructor(navId, elemId) {
@@ -57,6 +58,8 @@ class PersonalWeather extends WeatherDisplay {
deviceLocation: this.data.device_location, deviceLocation: this.data.device_location,
humidity: `${this.data.Humidity}%`, humidity: `${this.data.Humidity}%`,
pressure: `${this.data.Pressure} ${this.data.PressureUnit}`, pressure: `${this.data.Pressure} ${this.data.PressureUnit}`,
dailyRain: `${this.data.DailyRain} ${this.data.DailyRainUnit}`,
timestamp: `At ${this.data.timestamp}`,
}; };
const area = this.elem.querySelector('.main'); const area = this.elem.querySelector('.main');
@@ -97,6 +100,7 @@ const parseData = (data) => {
data.WindUnit = windConverter.units; data.WindUnit = windConverter.units;
data.DailyRain = inConverter(data.dailyrainin); data.DailyRain = inConverter(data.dailyrainin);
data.DailyRainUnit = inConverter.units; data.DailyRainUnit = inConverter.units;
data.timestamp = DateTime.fromISO(data.date).toFormat('H:mm:ss a EEE MMM d').toUpperCase();
// set wind speed of 0 as calm // set wind speed of 0 as calm
if (data.WindSpeed === 0) data.WindSpeed = 'Calm'; if (data.WindSpeed === 0) data.WindSpeed = 'Calm';

2
server/styles/main.css
View File

File diff suppressed because one or more lines are too long

28
server/styles/main.css.map
View File

File diff suppressed because one or more lines are too long

11
server/styles/scss/_personal-weather.scss
View File

@@ -12,6 +12,7 @@
font-weight: bold; font-weight: bold;
line-height: 24px; line-height: 24px;
top: 20px; top: 20px;
height: 290px;
.row { .row {
margin-bottom: 12px; margin-bottom: 12px;
@@ -53,5 +54,15 @@
overflow: hidden; overflow: hidden;
text-wrap: nowrap; text-wrap: nowrap;
} }
.timestamp {
position: absolute;
bottom: 15px;
right: 10px;
text-align: right;
font-family: "Star4000 Small";
font-size: 24pt;
font-weight: normal;
}
} }
} }

7
views/partials/personal-weather.ejs
View File

@@ -17,8 +17,9 @@
<div class="pressure value"></div> <div class="pressure value"></div>
</div> </div>
<div class="row"> <div class="row">
<div class="heat-index-label label"></div> <div class="label">Daily Rain:</div>
<div class="heat-index value"></div> <div class="dailyRain value"></div>
</div> </div>
<div class="timestamp value">At 12:34:55 PM</div>
</div> </div>
</div> </div>