lukas/PumpenSteuerung
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

display information about last heating time in gui

Browse Source 
restructurize some jsx classes
This commit is contained in:
Lukas Heiligenbrunner 2020-12-27 15:41:06 +00:00
parent 6291c9311a
commit c185fb7a8e
13 changed files with 253 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
interface/src/project/GeneralInformation.tsx
View File

@ -4,6 +4,7 @@ import {FormButton, restController, RestControllerProps, RestFormLoader, Section
import {ENDPOINT_ROOT} from "../api";
import {GeneralInformaitonState} from "./types";
import RefreshIcon from "@material-ui/icons/Refresh";
import {getRealTimeString, stringifyTime} from "./Time";
// define api endpoint
export const GENERALINFORMATION_SETTINGS_ENDPOINT = ENDPOINT_ROOT + "generalinfo";
@ -11,16 +12,10 @@ export const GENERALINFORMATION_SETTINGS_ENDPOINT = ENDPOINT_ROOT + "generalinfo
type GeneralInformationRestControllerProps = RestControllerProps<GeneralInformaitonState>;
class GeneralInformation extends Component<GeneralInformationRestControllerProps> {
intervalhandler: number | undefined;
componentDidMount() {
this.props.loadData();
}
componentWillUnmount() {
clearInterval(this.intervalhandler);
}
render() {
return (
<SectionContent title='Information' titleGutter>
@ -32,35 +27,34 @@ class GeneralInformation extends Component<GeneralInformationRestControllerProps
<ListItem>
<ListItemText
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>
<ListItemText
primary="Zuletzt zu wenig Wasser:"
secondary={props.data.lastWaterOutage !== 0 ? "vor " +
this.stringifyTime(props.data.lastWaterOutage) + ' / ' +
this.getRealTimeString(props.data.lastWaterOutage) : "noch nie!"}
secondary={props.data.lastWaterOutage !== 0 ?
<>
vor {stringifyTime(props.data.lastWaterOutage)}<br/>
{getRealTimeString(props.data.lastWaterOutage)}
</> : "noch nie!"}
/>
</ListItem>
<ListItem>
<ListItemText
primary="Letzer Pumpenzyklus"
secondary={props.data.lastpumptime !== 0 ? "vor " +
this.stringifyTime(props.data.lastpumptime) + ' / ' +
this.getRealTimeString(props.data.lastpumptime) : "noch nie!"}
secondary={props.data.lastpumptime !== 0 ?
<>
vor {stringifyTime(props.data.lastpumptime)}<br/>
{getRealTimeString(props.data.lastpumptime)}
</> : "noch nie!"}
/>
</ListItem>
<ListItem>
<ListItemText
primary="Letze Pumpdauer:"
secondary={props.data.lastPumpDuration !== 0 ? this.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!")}
secondary={props.data.lastPumpDuration !== 0 ? stringifyTime(props.data.lastPumpDuration) : "-"}
/>
</ListItem>
<ListItem>
@ -87,40 +81,6 @@ class GeneralInformation extends Component<GeneralInformationRestControllerProps
</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);

64
interface/src/project/HeatingInformation.tsx Normal file
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);

3
interface/src/project/PumpControl.tsx
View File

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

33
interface/src/project/Time.ts Normal file
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) + ']';
}

10
interface/src/project/types.ts
View File

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

7
src/GeneralInfoService.cpp
View File

@ -6,9 +6,7 @@
#include "Pins.h"
#include "Timer.h"
GeneralInfoService::GeneralInfoService(AsyncWebServer *server, float *lasthum, float *lasttemp) :
hum(lasthum),
temp(lasttemp),
GeneralInfoService::GeneralInfoService(AsyncWebServer *server) :
lastPumpTime(0),
lastWaterOutage(0),
lastPumpDuration(0) {
@ -19,9 +17,6 @@ void GeneralInfoService::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["lastpumptime"] = lastPumpTime != 0 ? systime - lastPumpTime : 0;

5
src/GeneralInfoService.h
View File

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

35
src/Heating.cpp
View File

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

16
src/Heating.h
View File

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

46
src/HeatingInfoService.cpp Normal file
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

2
src/Pins.h
View File

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

6
src/main.cpp
View File

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