Merge branch 'newheatingtab' into 'master'

display information about last heating time in gui

See merge request lukas/pumpensteuerung!7
This commit is contained in:
Lukas Heiligenbrunner 2020-12-27 15:41:06 +00:00
commit 72095dbe3e
13 changed files with 253 additions and 113 deletions

View File

@ -4,6 +4,7 @@ import {FormButton, restController, RestControllerProps, RestFormLoader, Section
import {ENDPOINT_ROOT} from "../api"; import {ENDPOINT_ROOT} from "../api";
import {GeneralInformaitonState} from "./types"; import {GeneralInformaitonState} from "./types";
import RefreshIcon from "@material-ui/icons/Refresh"; import RefreshIcon from "@material-ui/icons/Refresh";
import {getRealTimeString, stringifyTime} from "./Time";
// define api endpoint // define api endpoint
export const GENERALINFORMATION_SETTINGS_ENDPOINT = ENDPOINT_ROOT + "generalinfo"; export const GENERALINFORMATION_SETTINGS_ENDPOINT = ENDPOINT_ROOT + "generalinfo";
@ -11,16 +12,10 @@ export const GENERALINFORMATION_SETTINGS_ENDPOINT = ENDPOINT_ROOT + "generalinfo
type GeneralInformationRestControllerProps = RestControllerProps<GeneralInformaitonState>; type GeneralInformationRestControllerProps = RestControllerProps<GeneralInformaitonState>;
class GeneralInformation extends Component<GeneralInformationRestControllerProps> { class GeneralInformation extends Component<GeneralInformationRestControllerProps> {
intervalhandler: number | undefined;
componentDidMount() { componentDidMount() {
this.props.loadData(); this.props.loadData();
} }
componentWillUnmount() {
clearInterval(this.intervalhandler);
}
render() { render() {
return ( return (
<SectionContent title='Information' titleGutter> <SectionContent title='Information' titleGutter>
@ -32,35 +27,34 @@ class GeneralInformation extends Component<GeneralInformationRestControllerProps
<ListItem> <ListItem>
<ListItemText <ListItemText
primary="Chip läuft seit:" primary="Chip läuft seit:"
secondary={this.stringifyTime(props.data.runtime) + ' / ' + this.getRealTimeString(props.data.runtime)} secondary={<>{stringifyTime(props.data.runtime)}
<br/> {getRealTimeString(props.data.runtime)}</>}
/> />
</ListItem> </ListItem>
<ListItem> <ListItem>
<ListItemText <ListItemText
primary="Zuletzt zu wenig Wasser:" primary="Zuletzt zu wenig Wasser:"
secondary={props.data.lastWaterOutage !== 0 ? "vor " + secondary={props.data.lastWaterOutage !== 0 ?
this.stringifyTime(props.data.lastWaterOutage) + ' / ' + <>
this.getRealTimeString(props.data.lastWaterOutage) : "noch nie!"} vor {stringifyTime(props.data.lastWaterOutage)}<br/>
{getRealTimeString(props.data.lastWaterOutage)}
</> : "noch nie!"}
/> />
</ListItem> </ListItem>
<ListItem> <ListItem>
<ListItemText <ListItemText
primary="Letzer Pumpenzyklus" primary="Letzer Pumpenzyklus"
secondary={props.data.lastpumptime !== 0 ? "vor " + secondary={props.data.lastpumptime !== 0 ?
this.stringifyTime(props.data.lastpumptime) + ' / ' + <>
this.getRealTimeString(props.data.lastpumptime) : "noch nie!"} vor {stringifyTime(props.data.lastpumptime)}<br/>
{getRealTimeString(props.data.lastpumptime)}
</> : "noch nie!"}
/> />
</ListItem> </ListItem>
<ListItem> <ListItem>
<ListItemText <ListItemText
primary="Letze Pumpdauer:" primary="Letze Pumpdauer:"
secondary={props.data.lastPumpDuration !== 0 ? this.stringifyTime(props.data.lastPumpDuration) : "-"} secondary={props.data.lastPumpDuration !== 0 ? stringifyTime(props.data.lastPumpDuration) : "-"}
/>
</ListItem>
<ListItem>
<ListItemText
primary="Temperatur/Luftfeuchtigkeit:"
secondary={(props.data.temp !== -1 ? props.data.temp + "C" : "Auslesefehler!") + " / " + (props.data.hum !== -1 ? props.data.hum + "%" : "Auslesefehler!")}
/> />
</ListItem> </ListItem>
<ListItem> <ListItem>
@ -87,40 +81,6 @@ class GeneralInformation extends Component<GeneralInformationRestControllerProps
</SectionContent> </SectionContent>
); );
} }
/**
* stringify seconds to a pretty format
* @param sec number of seconds
*/
private stringifyTime(sec: number): string {
if (sec >= 86400) {
// display days
return (Math.trunc(sec / 86400) + "d " + Math.trunc((sec % 86400) / 3600) + "h " + Math.trunc((sec % 3600) / 60) + "min " + sec % 60 + "sec");
} else if (sec >= 3600) {
// display hours
return (Math.trunc(sec / 3600) + "h " + Math.trunc((sec % 3600) / 60) + "min " + sec % 60 + "sec");
} else if (sec >= 60) {
// only seconds and minutes
return (Math.trunc(sec / 60) + "min " + sec % 60 + "sec");
} else {
// only seconds
return (sec + "sec");
}
}
private getRealTimeString(runtime: number): string {
const timestamp = Date.now();
const a = new Date(timestamp - (runtime * 1000));
const months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
const year = a.getFullYear();
const month = months[a.getMonth()];
const date = a.getDate();
const hour = a.getHours();
const min = "0" + a.getMinutes();
const sec = "0" + a.getSeconds();
return '[' + date + ' ' + month + ' ' + year + ' ' + hour + ':' + min.substr(-2) + ':' + sec.substr(-2) + ']';
}
} }
export default restController(GENERALINFORMATION_SETTINGS_ENDPOINT, GeneralInformation); export default restController(GENERALINFORMATION_SETTINGS_ENDPOINT, GeneralInformation);

View File

@ -0,0 +1,64 @@
import React from "react";
import {FormButton, restController, RestControllerProps, RestFormLoader, SectionContent} from "../components";
import {ENDPOINT_ROOT} from "../api";
import {Box, List, ListItem, ListItemText} from "@material-ui/core";
import RefreshIcon from "@material-ui/icons/Refresh";
import {getRealTimeString, stringifyTime} from "./Time";
import {HeatingInformationState} from "./types";
// define api endpoint
export const HEATING_ENDPOINT = ENDPOINT_ROOT + "heatinginfo";
type HeatingRestcontollerprops = RestControllerProps<HeatingInformationState>;
class HeatingInformation extends React.Component<HeatingRestcontollerprops> {
componentDidMount() {
this.props.loadData();
}
render = () => (
<SectionContent title='Heizung Information' titleGutter>
<RestFormLoader
{...this.props}
render={props => (
<>
<List>
<ListItem>
<ListItemText
primary="Heizung lief zuletzt:"
secondary={props.data.lastheating !== 0 ?
<>
vor {stringifyTime(props.data.lastheating)}<br/>
{getRealTimeString(props.data.lastheating)}
</> : "noch nie!"}
/>
</ListItem>
<ListItem>
<ListItemText
primary="Letze Heizdauer:"
secondary={props.data.lastheatduration === 0 ? "-" : props.data.lastheatduration === -1 ? "läuft gerade!" : stringifyTime(props.data.lastheatduration)}
/>
</ListItem>
<ListItem>
<ListItemText
primary="Temperatur/Luftfeuchtigkeit:"
secondary={(props.data.temp !== -1 ? props.data.temp + "C" : "Auslesefehler!") + " / " + (props.data.hum !== -1 ? props.data.hum + "%" : "Auslesefehler!")}
/>
</ListItem>
</List>
<Box display="flex" flexWrap="wrap">
<Box flexGrow={1} padding={1}>
<FormButton startIcon={<RefreshIcon/>} variant="contained" color="secondary"
onClick={this.props.loadData}>
Refresh
</FormButton>
</Box>
</Box>
</>
)}
/>
</SectionContent>
);
}
export default restController(HEATING_ENDPOINT, HeatingInformation);

View File

@ -9,6 +9,7 @@ import { AuthenticatedRoute } from '../authentication';
import GeneralInformation from './GeneralInformation'; import GeneralInformation from './GeneralInformation';
import SettingsController from "./SettingsController"; import SettingsController from "./SettingsController";
import HeatingInformation from "./HeatingInformation";
class PumpControl extends Component<RouteComponentProps> { class PumpControl extends Component<RouteComponentProps> {
@ -21,10 +22,12 @@ class PumpControl extends Component<RouteComponentProps> {
<MenuAppBar sectionTitle="Wasserpumpensteuerung"> <MenuAppBar sectionTitle="Wasserpumpensteuerung">
<Tabs value={this.props.match.url} onChange={this.handleTabChange} variant="fullWidth"> <Tabs value={this.props.match.url} onChange={this.handleTabChange} variant="fullWidth">
<Tab value={`/${PROJECT_PATH}/pumpe/information`} label="Information" /> <Tab value={`/${PROJECT_PATH}/pumpe/information`} label="Information" />
<Tab value={`/${PROJECT_PATH}/pumpe/heizung`} label="Heizung" />
<Tab value={`/${PROJECT_PATH}/pumpe/settings`} label="Einstellungen" /> <Tab value={`/${PROJECT_PATH}/pumpe/settings`} label="Einstellungen" />
</Tabs> </Tabs>
<Switch> <Switch>
<AuthenticatedRoute exact path={`/${PROJECT_PATH}/pumpe/information`} component={GeneralInformation} /> <AuthenticatedRoute exact path={`/${PROJECT_PATH}/pumpe/information`} component={GeneralInformation} />
<AuthenticatedRoute exact path={`/${PROJECT_PATH}/pumpe/heizung`} component={HeatingInformation} />
<AuthenticatedRoute exact path={`/${PROJECT_PATH}/pumpe/settings`} component={SettingsController} /> <AuthenticatedRoute exact path={`/${PROJECT_PATH}/pumpe/settings`} component={SettingsController} />
<Redirect to={`/${PROJECT_PATH}/pumpe/information`} /> <Redirect to={`/${PROJECT_PATH}/pumpe/information`} />
</Switch> </Switch>

View File

@ -0,0 +1,33 @@
/**
* stringify seconds to a pretty format
* @param sec number of seconds
*/
export function stringifyTime(sec: number): string {
if (sec >= 86400) {
// display days
return (Math.trunc(sec / 86400) + "d " + Math.trunc((sec % 86400) / 3600) + "h " + Math.trunc((sec % 3600) / 60) + "min " + sec % 60 + "sec");
} else if (sec >= 3600) {
// display hours
return (Math.trunc(sec / 3600) + "h " + Math.trunc((sec % 3600) / 60) + "min " + sec % 60 + "sec");
} else if (sec >= 60) {
// only seconds and minutes
return (Math.trunc(sec / 60) + "min " + sec % 60 + "sec");
} else {
// only seconds
return (sec + "sec");
}
}
export function getRealTimeString(runtime: number): string {
const timestamp = Date.now();
const a = new Date(timestamp - (runtime * 1000));
const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
const year = a.getFullYear();
const month = months[a.getMonth()];
const date = a.getDate();
const hour = a.getHours();
const min = "0" + a.getMinutes();
const sec = "0" + a.getSeconds();
return '[' + date + ' ' + month + ' ' + year + ' ' + hour + ':' + min.substr(-2) + ':' + sec.substr(-2) + ']';
}

View File

@ -7,8 +7,6 @@ export interface SettingsState {
} }
export interface GeneralInformaitonState { export interface GeneralInformaitonState {
hum: number;
temp: number;
lastpumptime: number; lastpumptime: number;
lastWaterOutage: number; lastWaterOutage: number;
lastPumpDuration: number; lastPumpDuration: number;
@ -17,3 +15,11 @@ export interface GeneralInformaitonState {
pressuresensor: boolean; pressuresensor: boolean;
version: string; version: string;
} }
export interface HeatingInformationState {
lastheating: number;
lastheatduration: number;
hum: number;
temp: number;
}

View File

@ -6,9 +6,7 @@
#include "Pins.h" #include "Pins.h"
#include "Timer.h" #include "Timer.h"
GeneralInfoService::GeneralInfoService(AsyncWebServer *server, float *lasthum, float *lasttemp) : GeneralInfoService::GeneralInfoService(AsyncWebServer *server) :
hum(lasthum),
temp(lasttemp),
lastPumpTime(0), lastPumpTime(0),
lastWaterOutage(0), lastWaterOutage(0),
lastPumpDuration(0) { lastPumpDuration(0) {
@ -19,9 +17,6 @@ void GeneralInfoService::reply(AsyncWebServerRequest *request) {
AsyncJsonResponse *response = new AsyncJsonResponse(false, MAX_FEATURES_SIZE); AsyncJsonResponse *response = new AsyncJsonResponse(false, MAX_FEATURES_SIZE);
JsonObject root = response->getRoot(); JsonObject root = response->getRoot();
root["temp"] = *temp;
root["hum"] = *hum;
const uint32_t systime = Timer::getSystemSeconds(); const uint32_t systime = Timer::getSystemSeconds();
root["lastpumptime"] = lastPumpTime != 0 ? systime - lastPumpTime : 0; root["lastpumptime"] = lastPumpTime != 0 ? systime - lastPumpTime : 0;

View File

@ -17,7 +17,7 @@
class GeneralInfoService { class GeneralInfoService {
public: public:
GeneralInfoService(AsyncWebServer* server, float* lasthum, float* lasttemp); GeneralInfoService(AsyncWebServer* server);
/** /**
* sets the last time when the pump was on * sets the last time when the pump was on
@ -40,9 +40,6 @@ public:
private: private:
void reply(AsyncWebServerRequest* request); void reply(AsyncWebServerRequest* request);
float * hum;
float * temp;
unsigned long lastPumpTime, lastWaterOutage, lastPumpDuration; unsigned long lastPumpTime, lastWaterOutage, lastPumpDuration;
}; };

View File

@ -4,18 +4,21 @@
#include "Heating.h" #include "Heating.h"
#include "Pins.h" #include "Pins.h"
#include "Timer.h"
Heating::Heating() : mHeizungTicker(), Heating::Heating() : mHeizungTicker(),
mLuefterTicker(), mLuefterTicker(),
mTurnOffTicker(), mTurnOffTicker(),
msettings(nullptr), msettings(nullptr),
mHeatingStatus(), mheatingservice(nullptr),
mHeatingStatus(false),
lasttemp(0), lasttemp(0),
lasthum(0), lasthum(0),
sensor() {} sensor() {}
void Heating::init(unsigned mode, const SettingState *settings) { void Heating::init(unsigned mode, const SettingState *settings, HeatingInfoService *heatingservice) {
msettings = settings; msettings = settings;
mheatingservice = heatingservice;
switch (mode) { switch (mode) {
case TIME: { case TIME: {
@ -27,11 +30,13 @@ void Heating::init(unsigned mode, const SettingState *settings) {
sensor.setPin(TempSensorPin); sensor.setPin(TempSensorPin);
sensor.onData([this, settings](float hum, float temp) { sensor.onData([this](float hum, float temp) {
schedule_function([hum, temp, settings, this]() { schedule_function([hum, temp, this]() {
Serial.printf("Temp: %gdegC\n", temp); Serial.printf("Temp: %gdegC\n", temp);
Serial.printf("Humid: %g%%\n", hum); Serial.printf("Humid: %g%%\n", hum);
mheatingservice->setSensorData(hum, temp);
this->lasttemp = temp; this->lasttemp = temp;
this->lasthum = hum; this->lasthum = hum;
@ -43,8 +48,10 @@ void Heating::init(unsigned mode, const SettingState *settings) {
this->lasttemp = -1.0; this->lasttemp = -1.0;
this->lasthum = -1.0; this->lasthum = -1.0;
mheatingservice->setSensorData(-1.0, -1.0);
// emergency turnoff of heating // emergency turnoff of heating
if(mHeatingStatus){ if (mHeatingStatus) {
digitalWrite(HeizungPin, LOW); digitalWrite(HeizungPin, LOW);
} }
@ -63,25 +70,25 @@ void Heating::init(unsigned mode, const SettingState *settings) {
} }
} }
float *Heating::getLastTemp() {
return &lasttemp;
}
float *Heating::getLastHum() {
return &lasthum;
}
void Heating::handleHeatingEvents() { void Heating::handleHeatingEvents() {
if (this->lasthum > (float) msettings->heatUp) { if (this->lasthum > (float) msettings->heatUp) {
// only turn on if turned off
if (mHeatingStatus == false) {
// turn off active turnoff timers // turn off active turnoff timers
mLuefterTicker.detach(); mLuefterTicker.detach();
Serial.println("heating should run now!"); Serial.println("heating should run now!");
// turn on heating and fan // turn on heating and fan
digitalWrite(LuefterPin, HIGH); digitalWrite(LuefterPin, HIGH);
digitalWrite(HeizungPin, HIGH); digitalWrite(HeizungPin, HIGH);
mHeatingStatus = true; mHeatingStatus = true;
mheatingservice->setLastHeatingStarttime(Timer::getSystemSeconds());
mheatingservice->setLastHetingEndtime(0);
}
} else if (this->lasthum < (float) msettings->heatLow) { } else if (this->lasthum < (float) msettings->heatLow) {
// if humidity too low turn off heating and fan after 60secs // if humidity too low turn off heating and fan after 60secs
if (mHeatingStatus == true) {
digitalWrite(HeizungPin, LOW); digitalWrite(HeizungPin, LOW);
Serial.println("heating should NOT run now!"); Serial.println("heating should NOT run now!");
@ -95,8 +102,10 @@ void Heating::handleHeatingEvents() {
}); });
}); });
} }
mheatingservice->setLastHetingEndtime(Timer::getSystemSeconds());
mHeatingStatus = false; mHeatingStatus = false;
} }
}
} }
void Heating::handleTimeHeater() { void Heating::handleTimeHeater() {

View File

@ -8,6 +8,7 @@
#include <DHT.h> #include <DHT.h>
#include "Pins.h" #include "Pins.h"
#include "SettingsService.h" #include "SettingsService.h"
#include "HeatingInfoService.h"
class Heating { class Heating {
public: public:
@ -18,19 +19,7 @@ public:
* @param mode select the operating mode * @param mode select the operating mode
* @param settings a settings object is needed for HUMIDITY mode to get percent values set by user * @param settings a settings object is needed for HUMIDITY mode to get percent values set by user
*/ */
void init(unsigned mode, const SettingState* settings); void init(unsigned mode, const SettingState* settings, HeatingInfoService *heatingservice);
/**
* get the last captured humidity value
* @return humidity value
*/
float* getLastHum();
/**
* get the last captured temperature value
* @return temperature value
*/
float* getLastTemp();
enum MODES {TIME, HUMIDITY}; enum MODES {TIME, HUMIDITY};
private: private:
@ -39,6 +28,7 @@ private:
Ticker mTurnOffTicker; Ticker mTurnOffTicker;
const SettingState* msettings; const SettingState* msettings;
HeatingInfoService *mheatingservice;
bool mHeatingStatus; bool mHeatingStatus;

View File

@ -0,0 +1,46 @@
//
// Created by lukas on 19.12.20.
//
#include <AsyncJson.h>
#include "HeatingInfoService.h"
#include "Timer.h"
HeatingInfoService::HeatingInfoService(AsyncWebServer *server) :
hum(-1),
temp(-1),
lastheating(0),
lastheatend(0) {
server->on(HEATINGINFO_SERVICE_PATH, HTTP_GET, std::bind(&HeatingInfoService::reply, this, std::placeholders::_1));
}
void HeatingInfoService::reply(AsyncWebServerRequest *request) {
AsyncJsonResponse *response = new AsyncJsonResponse(false, MAX_FEATURES_SIZE);
JsonObject root = response->getRoot();
root["temp"] = temp;
root["hum"] = hum;
const uint32_t systime = Timer::getSystemSeconds();
root["lastheating"] = lastheating != 0 ? systime - lastheating : 0;
// if lastheating == 0 => there was no cycle upon now
// if lastheatend == 0 => heating is currently active
root["lastheatduration"] = lastheating == 0 ? 0 : lastheatend == 0 ? -1 : lastheatend - lastheating;
response->setLength();
request->send(response);
}
void HeatingInfoService::setSensorData(float hum, float temp) {
this->hum = hum;
this->temp = temp;
}
void HeatingInfoService::setLastHeatingStarttime(unsigned long time) {
this->lastheating = time;
}
void HeatingInfoService::setLastHetingEndtime(unsigned long time) {
this->lastheatend = time;
}

35
src/HeatingInfoService.h Normal file
View File

@ -0,0 +1,35 @@
//
// Created by lukas on 19.12.20.
//
#ifndef PUMPENSTEUERUNG_HEATINGINFOSERVICE_H
#define PUMPENSTEUERUNG_HEATINGINFOSERVICE_H
#include <ESPAsyncWebServer.h>
#define MAX_FEATURES_SIZE 256
#define HEATINGINFO_SERVICE_PATH "/rest/heatinginfo" // set the api backend path
class HeatingInfoService {
public:
HeatingInfoService(AsyncWebServer* server);
void setSensorData(float hum, float temp);
void setLastHeatingStarttime(unsigned long time);
void setLastHetingEndtime(unsigned long time);
private:
void reply(AsyncWebServerRequest* request);
float hum;
float temp;
unsigned long lastheating;
unsigned long lastheatend;
};
#endif //PUMPENSTEUERUNG_HEATINGINFOSERVICE_H

View File

@ -16,6 +16,6 @@
#define TempSensorPin D4 #define TempSensorPin D4
// version info // version info
#define VERSION "v1.2.2" #define VERSION "v1.2.3"
#endif //PUMPENSTEUERUNG_PINS_H #endif //PUMPENSTEUERUNG_PINS_H

View File

@ -6,6 +6,7 @@
#include "GeneralInfoService.h" #include "GeneralInfoService.h"
#include "SettingsService.h" #include "SettingsService.h"
#include "Timer.h" #include "Timer.h"
#include "HeatingInfoService.h"
bool allow; bool allow;
bool error = false; bool error = false;
@ -24,7 +25,8 @@ uint32_t turnontime = 0;
AsyncWebServer server(80); AsyncWebServer server(80);
ESP8266React esp8266React(&server); ESP8266React esp8266React(&server);
GeneralInfoService generalinfo = GeneralInfoService(&server, mHeat.getLastHum(), mHeat.getLastTemp()); GeneralInfoService generalinfo = GeneralInfoService(&server);
HeatingInfoService heatinginfo = HeatingInfoService(&server);
SettingsService settingsservice = SettingsService(&server, esp8266React.getSecurityManager()); SettingsService settingsservice = SettingsService(&server, esp8266React.getSecurityManager());
void pumpeSchalten(bool on) { void pumpeSchalten(bool on) {
@ -180,7 +182,7 @@ void setup() {
// initialize heating control // initialize heating control
Serial.println("initializing heating service"); Serial.println("initializing heating service");
mHeat.init(Heating::HUMIDITY, settingsservice.getSettings()); mHeat.init(Heating::HUMIDITY, settingsservice.getSettings(), &heatinginfo);
Serial.println("startup sequence complete!\n"); Serial.println("startup sequence complete!\n");
} }