-
Notifications
You must be signed in to change notification settings - Fork 7
webinterface
Graphical User Interface of the VanPi system consists of 5 main screens, which are described below. The frontend is served by the Node-RED Dashboard add-on (nodered.org/node/node-red-dashboard).
The frontend can be reached at http://van.pi or with the Raspberry's standard IP address http://192.168.4.1:1880/ui when in Access Point mode, when it is connected to a local network it is reachable at <RPI-IP>:1880/ui as well as http://vanpi.local.
The info screen is set to display the most needed data of your local environment. These are four water levels, four temperatures and the status of the battery, mainly current amps, current voltage, overall capacity and state of charge. All given names of water levels and temperatures can be set individually via the config tab.
See in Demo
There are 8 switches (relays) implemented by default. When connected to the VanPi Relayboard, switching the relays can be done here. The connection has to be enabled in the config tab first.
Additionally (by also enabling them in the config tab), 8 Wifi-Relays (Tasmota or Shelly) can be implemented, as well as 7 dimmers via the VanPi Mosfetboard "Dimmy". Once enabled they'll show up in the Relays tab and stay enabled, even after a reboot, until disabled manually.
All names can be set individually in the config tab.
For your Wifi-Relays, please refer to the Wifi-Relays (MQTT) Tutorial. Since the topics for Shelly's MQTT function are hardcoded, you'll have to determine which firmware you are using. To do so, open the Config tab and look for the button Set WRelay Firmware (under the Wifi-Relays names). MQTT topics will be set accordingly.
See Relays in Demo
The Heater tab features a NEST-style temperature widget (initially created by automatikas on github) , which will display the target temperature, the current temperature (if relevant temperature sensor is set) and the current status on/off. There are two buttons which will simply turn heating on or off, a slider where the target temperature can be adjusted and a textfield, which shows the current temperature from the chosen sensor (select the sensor in the Config tab).
It also features a heating timer, with which the heating can be turned on/off at given times of the day. Please make sure to set the correct time beforehand, either manually or have time sync activated when connected to the internet.
Depending on the heating system in use, further features of the correlating system will be shown next to the timer (set your preferred heater in the Config tab).
See Heater in Demo
In the Monitor tab relevant system information is visible, such as CPU temperature, CPU usage, disk usage and RAM usage. It again shows the battery usage (just like the Info tab) but displayed as graphs, as well as all four temperature graphs. Nothing too fancy about this tab.
See Monitor in Demo
This is where all the adjustments take place. The Config tab is segmented into coinfiguration for the main system, wifi-related settings, temperatures, water levels and shunt settings. Further segments will pop up when activated, such as wifi-relays and dimmers.
Since it has quite a bit to offer, we gave it its own section. Please check out the config page!
See Config in Demo