diff --git a/data/index.js.gz b/data/index.js.gz index 1049b88d..83eac472 100644 Binary files a/data/index.js.gz and b/data/index.js.gz differ diff --git a/data/ota.js.gz b/data/ota.js.gz index 203ca88f..bbe76943 100644 Binary files a/data/ota.js.gz and b/data/ota.js.gz differ diff --git a/data/preferences.html.gz b/data/preferences.html.gz index 3296482e..b633ce26 100644 Binary files a/data/preferences.html.gz and b/data/preferences.html.gz differ diff --git a/data/preferences.js.gz b/data/preferences.js.gz index c395dc20..999e28d8 100644 Binary files a/data/preferences.js.gz and b/data/preferences.js.gz differ diff --git a/data/status.js.gz b/data/status.js.gz index 02e7182c..b71b87db 100644 Binary files a/data/status.js.gz and b/data/status.js.gz differ diff --git a/data/style.css.gz b/data/style.css.gz index 10355a8b..e1e3baa3 100644 Binary files a/data/style.css.gz and b/data/style.css.gz differ diff --git a/webserver/preferences.html b/webserver/preferences.html index 6bd6ec2b..d5a62476 100644 --- a/webserver/preferences.html +++ b/webserver/preferences.html @@ -1,16 +1,15 @@ - - + CO2 Gadget Configuration - + @@ -36,7 +35,7 @@
- + @@ -47,8 +46,6 @@
- -
@@ -59,478 +56,380 @@

CO2 Gadget Preferences

Connectivity - -
- + +
+ + + ℹ️ + Should the device connect to a WiFi network?
- -
- + +
+ + + ℹ️ + Should the device use the Bluetooth Low Energy (BLE) connection? Use with Sensirion's + MyAmbiance App or others.
- -
- + +
+ + + ℹ️ + Should the device use the MQTT connection? Use with Home Assistant or others. If not used, + disable to save energy and resources. Needs WiFi to activate.
- -
- + +
+ + + ℹ️ + Should the device use the ESP-NOW connection? Use with other ESP32 devices. If not used, + disable to save energy and resources.
- +
Networking
WiFi Credentials -
- +
+ + ℹ️ + The name of your WiFi network.
-
- +
+ + ℹ️ + The password for your WiFi network. Disabled for security reasons.
- + - +
Host Name -
- +
+ + ℹ️ + The hostname of the device on the network.
- +
Fixed IP -
- +
+ + + ℹ️ + Use a fixed IP address for the device. This is useful for devices that need to be accessed by + a fixed IP address. +
-
- -
-
- -
-
- -
-
- -
-
- -
+
+ + + ℹ️ + The fixed IP address for the device. +
+
+ + + ℹ️ + The gateway IP address for the device. +
+
+ + + ℹ️ + The subnet mask for the device. +
+
+ + + ℹ️ + The primary DNS server for the device. +
+
+ + + ℹ️ + The secondary DNS server for the device.
- +
MQTT Configuration - -
- + +
+ + + ℹ️ + The client ID for the MQTT connection. Must be unique for each device.
- -
- + +
+ + + ℹ️ + The root topic for the MQTT connection. All MQTT messages will be published under this + topic.
- -
- + +
+ + + ℹ️ + The MQTT broker address. Use the IP address or hostname of the MQTT broker.
- -
- + +
+ + + ℹ️ + The user name for the MQTT connection. Leave empty if not used.
- -
- + +
+ + + ℹ️ + The password for the MQTT connection. Leave empty if not used. Disabled for security + reasons.
- -
- + +
+ + + ℹ️ + Time between MQTT publish events. Lower values will increase the frequency of MQTT + messages.
- -
- + +
+ + + ℹ️ + Time to keep the MQTT connection alive. Lower values may cause the connection to drop.
- -
- + +
+ + + ℹ️ + Show MQTT messages in the serial console. Useful for debugging MQTT connections.
- +
ESP-NOW Configuration - -
- + +
+ + + ℹ️ + The channel for the ESP-NOW connection. Must be the same for all devices.
- -
- + +
+ + + ℹ️ + The board ID for the ESP-NOW connection. Must be unique for each device.
- -
- + +
+ + + ℹ️ + The address of the peer device for the ESP-NOW connection. Must be unique for each + device.
- -
- + +
+ + + ℹ️ + Time between ESPNOW publish events. Lower values will increase the frequency of ESPNOW + messages.
- -
- + +
+ + + ℹ️ + Time to keep the ESPNOW connection alive. Lower values may cause the connection to + drop.
- +
Sensors - +
CO2 Sensor - -
- +
Temperature Sensor - -
- + +
+ + + ℹ️ + Offset value to adjust the temperature readings. Use this value to calibrate the temperature + sensor. For Sensirion sensors, this value is deducted from the temperature readings. Takes a while to update.
- -
- + +
+ + + ℹ️ + Show temperature readings in Fahrenheit instead of Celsius.
- +
Barometer Sensor - -
- + +
+ + + ℹ️ + Altitude in meters above sea level. This value is used to adjust CO2 based on the barometric + pressure for Sensirion sensors.
-
- +
+ + + ℹ️ + Interval between sensor readings. Lower values will increase the frequency of sensor + readings.
-
- +
+ + + ℹ️ + Enable debug output for the sensors. This will print sensor data to the serial + console.
- - - - - - - - +
Outputs
NeoPixel - -
- + +
+ + + ℹ️ + Set the brightness of the NeoPixel. Lower values will decrease the brightness of the + NeoPixel.
- -
- + +
+ + + ℹ️ + The type of NeoPixel used. 0 = NEO_GRB + NEO_KHZ800, 1 = NEO_RGB + NEO_KHZ800, 2 = NEO_RGBW + + NEO_KHZ800.
- + -
+
Buzzer - - - - - - + ℹ️ + The duration of the buzzer beep. Longer values will increase the duration of the beep. +
-
- +
+ + + ℹ️ + Check this box if you are using a relay to control the GPIO outputs. This will adjust the + logic of the outputs.
- +
Battery - -
- + +
+ + + ℹ️ + The voltage at which the battery is considered discharged. Used to calculate the battery + level.
- -
- + +
+ + + ℹ️ + The voltage at which the battery is considered fully charged. Used to calculate the battery + level. You should have a very good reason to modify this value.
- -
- - 0 Volts + +
+ + + 0 Volts + ℹ️ + The reference voltage for the battery level calculation. Used to calculate the battery + level. Must be set so that the battery voltage is shown correctly. If you don't have a multimeter, connect a + fully charged battery and set this value to read 4.20 Volts.
- +
Display Preferences - -
- + +
+ + + ℹ️ + Show temperature readings on the display.
- -
- + +
+ + + ℹ️ + Show humidity readings on the display.
- -
- + +
+ + + ℹ️ + Show battery level on the display.
- -
- + +
- - + + +
- - + +
+ + + + + - + - \ No newline at end of file diff --git a/webserver/style.css b/webserver/style.css index 4310a09d..52bc0e39 100644 --- a/webserver/style.css +++ b/webserver/style.css @@ -187,6 +187,57 @@ h4 { background-color: var(--tag-dark-bg-color); } +.form-group { + display: flex; + align-items: center; + margin-bottom: 15px; +} + +.form-group label { + flex: 1; + margin-right: 10px; +} + +.form-group input[type="text"], +.form-group input[type="password"], +.form-group input[type="number"] { + flex: 2; +} + +.form-group input[type="checkbox"] { + margin-right: 10px; +} + +.form-group .tooltip-icon { + margin-left: 5px; +} + +.form-group .tooltip-text { + margin-left: 10px; +} + +.flex-align-center { + display: flex; + align-items: center; +} + +.flex-align-center label { + margin-right: 10px; +} + +.flex-align-center input, +.flex-align-center select { + margin-right: 10px; +} + +.flex-align-center .tooltip-icon { + margin-right: 5px; +} + +#vRef + #currentVoltage { + margin-right: 10px; +} + #preferencesForm { background-color: var(--bg-color); border-radius: 8px; @@ -265,6 +316,7 @@ button:hover { display: flex; justify-content: space-between; flex-wrap: nowrap; + margin-top: 20px; } .buttonsBackupRestore,