mirror of
https://github.com/netbymatt/ws4kp.git
synced 2026-04-14 15:49:31 -07:00
115 lines
3.5 KiB
JavaScript
115 lines
3.5 KiB
JavaScript
// current weather conditions display
|
|
import STATUS from './status.mjs';
|
|
import { safeJson } from './utils/fetch.mjs';
|
|
import WeatherDisplay from './weatherdisplay.mjs';
|
|
import { registerDisplay } from './navigation.mjs';
|
|
import {
|
|
temperature, pressure, distanceMm, windSpeed,
|
|
} from './utils/units.mjs';
|
|
import { DateTime } from '../vendor/auto/luxon.mjs';
|
|
|
|
class PersonalWeather extends WeatherDisplay {
|
|
constructor(navId, elemId) {
|
|
super(navId, elemId, 'Personal Weather Station', true);
|
|
}
|
|
|
|
async getData(weatherParameters, refresh) {
|
|
// always load the data for use in the lower scroll
|
|
const superResult = super.getData(weatherParameters, refresh);
|
|
|
|
const dataUrl = '/ambient-relay/api/latest';
|
|
|
|
let personalData;
|
|
try {
|
|
personalData = await safeJson(dataUrl, {
|
|
retryCount: 3,
|
|
stillWaiting: () => this.stillWaiting(),
|
|
});
|
|
} catch (error) {
|
|
console.error(`Unexpected error getting personal weather station data from: ${dataUrl}: ${error.message}`);
|
|
}
|
|
// test for data received
|
|
if (!personalData) {
|
|
if (this.isEnabled) this.setStatus(STATUS.failed);
|
|
// send failed to subscribers
|
|
this.getDataCallback(undefined);
|
|
return;
|
|
}
|
|
|
|
// we only get here if there was no error above
|
|
this.data = parseData(personalData);
|
|
this.getDataCallback();
|
|
|
|
// stop here if we're disabled
|
|
if (!superResult) return;
|
|
|
|
// Data is available, ensure we're enabled for display
|
|
this.timing.totalScreens = 1;
|
|
this.setStatus(STATUS.loaded);
|
|
}
|
|
|
|
async drawCanvas() {
|
|
super.drawCanvas();
|
|
|
|
const fill = {
|
|
temp: this.data.Temperature + String.fromCharCode(176),
|
|
wind: `${this.data.WindSpeed} ${this.data.WindUnit}`,
|
|
deviceName: this.data.device_name,
|
|
deviceLocation: this.data.device_location,
|
|
humidity: `${this.data.Humidity}%`,
|
|
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');
|
|
|
|
area.innerHTML = '';
|
|
area.append(this.fillTemplate('weather', fill));
|
|
|
|
this.finishDraw();
|
|
}
|
|
|
|
// make data available outside this class
|
|
// promise allows for data to be requested before it is available
|
|
async getCurrentWeather(stillWaiting) {
|
|
// an external caller has requested data, set up auto reload
|
|
this.setAutoReload();
|
|
if (stillWaiting) this.stillWaitingCallbacks.push(stillWaiting);
|
|
return new Promise((resolve) => {
|
|
if (this.data) resolve(this.data);
|
|
// data not available, put it into the data callback queue
|
|
this.getDataCallbacks.push(() => resolve(this.data));
|
|
});
|
|
}
|
|
}
|
|
|
|
// format the received data
|
|
const parseData = (data) => {
|
|
// get the unit converters
|
|
const temperatureConverter = temperature('us');
|
|
const pressureConverter = pressure('us');
|
|
const inConverter = distanceMm('us');
|
|
const windConverter = windSpeed('us');
|
|
|
|
data.Pressure = pressureConverter(data.baromrelin * 10000) / 100;
|
|
data.PressureUnit = pressureConverter.units;
|
|
data.Humidity = data.humidity;
|
|
data.Temperature = temperatureConverter(data.tempf);
|
|
data.WindSpeed = windConverter(data.windspeedmph);
|
|
data.WindUnit = windConverter.units;
|
|
data.DailyRain = inConverter(data.dailyrainin);
|
|
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
|
|
if (data.WindSpeed === 0) data.WindSpeed = 'Calm';
|
|
|
|
return data;
|
|
};
|
|
|
|
const display = new PersonalWeather(2, 'personal-weather');
|
|
registerDisplay(display);
|
|
|
|
// export default display.getPersonalWeather.bind(display);
|